/* ============================== BASE THEME =============================== */

html{
	overflow:-moz-scrollbars-vertical;
}

body { width: 100% }

/* Add margin to block level elements */
h1, h2, h3, h4, h5, h6, ul, ol, dl,
p, pre, address, blockquote, fieldset { margin-bottom: 17px;  } /* Done in reset.css margin-top: 0;*/

/* Done in reset.css except for the left padding which was a mistake 
ul, ol {
    margin-left: 0;
    padding: 0 0 0 30px;
}
*/
h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
}

img {
    margin: 0;
    border: 0;
    padding: 0;
}


/* form elements */

input.text,
textarea {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #767a76;
    padding: 5px;
    -khtml-appearance: none;
}

/* ============================== LAYOUT =============================== */

#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}

#header-inner, #content-inner, #footer-inner {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 20px;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
}

#container-inner {
    width: 960px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}

/* Too keep the footer at the bottom on short pages */
#content-inner {
    min-height: 30em;
}
.page-home #content-inner { min-height: 0em }

#alpha, #beta, #gamma {
    display: inline;
    float: left;
    overflow: hidden;
}

.layout-wm #alpha { width: 510px;       margin-left: 120px;     }
.layout-wm #beta  { width: 275px;       left: 5px;              }

#content {
    margin: 0px 20px 20px 20px;
}



/* ============ HEADER ================ */

#header-inner {
    width: 960px;       position: relative;
    height: 398px;      overflow: visible;                                       }

.header-simple #header-inner { height: 262px }

#banner {                                                                        
    width: 895px;       position: relative;     overflow: visible;               
    height: 130px;      margin: 0 auto;                                          }
                                                                                 
#logo, #logo2 {                                                                          
    top: 29px;          left: 17px;             position: absolute;              }
                                                                                 
#logo.flash { top: 23px;  left: 11px; }

#logo a {                                                                        
    display: block;     width: 256px;           height: 80px;                    }
                                                                                 
#logo a span { display: none; }                                                  

#logo.flash > a.flash-replaced > embed  { width: 270px; height: 95px; }
                                                                                 
#lede-graf {                                                                       
    position:relative;  left:145px;             top:80px;                        
    width:435px;        margin: 0;              padding:30px 20px 20px 40px;     }


#accessibility {        position: absolute;     top: -9999px;                    }

#headline {
    position: absolute;  top: 162px;        left: 171px;        z-index: 0;     }

/* ============ FOOTER ================ */

#footer         { height: 260px;            }
#footer-inner   { width: 810px;             }
#zinger         { margin-top: 20px; margin-bottom: 17px }
#footer-nav     { margin: 30px 0 10px 100px }


/* ============================== LAYOUT OVERRIDES =============================== */


.layout-one-column #alpha #subtitle { margin-bottom: 5px;                                   }
.layout-one-column #container-inner { width: 810px }
.layout-one-column #content {   padding-left: 0px;  margin-left: 0px;   margin-right: 0px   }
.layout-one-column #alpha {     padding-top: 0px;   padding-left: 60px                      }

/* Simple Header */

.header-simple #subhead   { position: absolute;  top: 230px;     left: 170px;        }

.header-default #header-flash {
    position: relative;
    top: 72px;
}
.page-home.banner-flash #header-flash {
    top: 0px;
}
    
/* ============================= PAGE LEVEL OVERRIDES ==================================== */

/* ========== PRESS CENTER PAGE ============== */

.press-category-index .entry-content ul,
.page-press #content .entry-content ul { margin: 0; padding 0 }

body.page-press #header-inner   {   height: 410px;                                      }
body.page-press #alpha          {   margin-left: 65px;                                  }

body.page-press #feat-articles       {  margin: 0px auto;   position: relative;
                                        width: 960px;       left: 60px;
                                        height: 200px;      bottom: -87px;              }

body.page-press #feat-articles img          {   display: block;      float: left        }
body.page-press #feat-articles a + a img    {   margin-left: 17px;                      }

.press-category-index .entry-list ul li,
body.page-press #content ul li                       { margin-top: 0.5em; }

body.page-press #content h3 + ul > li:first-child    { margin-top: 0; }

.press-category-index .entry-content ul.entry-list + ul.entry-list,
.press-category-index .entry-list li + li            { margin-top: 20px; }

body.page-press ul#prel-featured li + li             { margin-top: 15px; }


.press-category-index #older-items.entry-list li span.item-date {
   display: block;
   float: left;
   clear: left;
   text-align: right;
   width: auto;
   margin-right: 1em;
}
.press-category-index #older-items.entry-list li a {
   display: block;
   float: left;
   width: auto;
   max-width: 85%;
}
.press-category-index #older-items.entry-list li a {
    margin-bottom: 1em !important;
}


/* This assumes that the quote is
   followed by an attribution using a p tag. */
#beta .featured-quote   {   margin-bottom: 5px; }
#beta .featured-quote p {   margin-bottom: 5px; }


/* ========== HOME PAGE ============== */

body.page-home #header {    height: 467px;      overflow: visible                       }
body.page-home.banner-flash #header {    height: 481px; background-color: #d82826;    }

body.page-home #headline,
body.page-home #subhead,
body.page-home p.intro {    display: none                                               }

body.page-home #alpha {     width: 100%;    position: relative;     height: 147px;
                            padding-left: 36px                                          }

body.page-home #alpha-inner {               overflow-x: visible                         }

body.page-home .panel {     width: 197px;   height: 184px;
                            padding: 20px;  float: left                                 }

body.page-home.banner-flash .panel {
                            width: 194px;   height: 130px;      float: left;
                            padding: 15px;  margin-right:15px;                          }

body.page-home.banner-flash #content { margin-bottom: 5px }


/* ========== AD SOLUTIONS PAGE ============== */

body.header-default.page-ad-solutions #header-inner { height:423px }

/* ========== CASE STUDIES PAGE ============== */

body.page-case-studies .casestudy          { height:200px;       position: relative;
                                          width: 700px;       margin-bottom: 30px;      }
body.page-case-studies .casestudy img      { vertical-align: middle;                       }
body.page-case-studies .casestudy > div    { position: absolute; top: 10%; left: 40%;      }
body.page-case-studies #incanto.casestudy  { margin-bottom: 90px;                          }


/* ========== OTHER PAGES ============== */

body.page-pressrelease #press-footer {  margin-top: 30px }

body.header-default.page-teens #header {   height: 433px;      overflow: visible                       }

body.header-default.page-case-study #header-inner {
    height: 467px;
    margin-bottom: 17px;
}

.page-case-studies hr,
.page-case-study hr,
.page-pressrelease hr,
.page-publishers hr { margin: 30px 0px }

/* ============================== SPRITES =============================== */

#outer-sprite, #inner-sprite {
    position: absolute;
    background: transparent none no-repeat scroll center center;
}
.page-kids #inner-sprite {
    background-image: url(http://betawave.com/i/sprite-kids-insects.gif);
    height: 127px;
    width: 120px;
}
.page-kids #outer-sprite {
    background-image: url(http://betawave.com/i/sprite-kids-spider.gif);
    height: 112px;
    width: 51px;
    top: 589px
}
.page-advergaming #inner-sprite {
    background-image: url(http://betawave.com/i/sprite-advergaming-bee.gif);
    height: 92px;
    width: 47px;
    left: 60px;
}
.page-ad-solutions #inner-sprite {
    background-image: url(http://betawave.com/i/sprite-ad-solutions-kid.gif);
    height: 292px;
    width: 146px;
    left: -40px;
}

.page-audiences #outer-sprite {
    background-image: url(http://betawave.com/i/sprite-audience-girl.gif);
    height: 322px;
    width: 126px;
    top: 447px;
}

/* ============================== UTILITY =============================== */

/* utility */

.left       { float: left;                      }            
.right      { float: right;                     }            
.four-col   { float: left;          width: 24%; }            

.clr        { overflow: hidden;     width: 1px;     margin: 0 -1px -1px 0;
              clear: both;          height: 1px;    border: 0;
              padding: 0;                                                     }

/* .pkg class wraps enclosing block element around inner floated elements */
/* Look into IE fixes http://www.positioniseverything.net/easyclearing.html */
.pkg:after,
.body:after,
.widget:after,
.entry:after,
#intro:after,
#nav-inner:after,
#content-inner:after,
#footer-inner:after {    
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.075em;
    line-height: 0;
}

.pkg,
.body,
.widget,
#intro,
#nav-inner,
#content-inner,
#footer-inner { display: inline-block; }

/* no ie mac \*/
* html .pkg,
* html .body,
* html .widget,
* html #intro,
* html #nav-inner,
* html #content-inner,
* html #footer-inner { height: 1%; }

.pkg[class],
.body[class],
.widget[class],
#intro[id],
#nav-inner[id],
#content-inner[id],
#footer-inner[id] { height: auto; }

.pkg,
.body,
.widget,
#intro,
#nav-inner,
#content-inner,
#footer-inner { display: block; }
/* */