@import url("breadcrumb.css");

* { margin: 0; padding: 0; }

html { height:100%; }
    
body { margin:0 5px; text-align:center; height:100%; font-family: Georgia, "Times New Roman", serif; font-size:62.5%; color: #000; background: #FFF; }
    
/* NEW style guide ESH 20070219 */
a:link, a:visited, a:hover { color:#007CA5; text-decoration:none; outline: none; }
a:active { color:#999; outline: none; } 
    
img, a img { border-style: none; }
  
#shell { width:1000px; margin:auto; text-align:left; height:100%; }

#content { background:#FFF; color:#000; }
 
#header { width:1000px; height:90px; color:#FFF; position:relative; }

a#logo { width:272px; height:56px; position:absolute; }

a#logo img { width:272px; height:56px; }

#header .timestamp { width:262px; height:24px; padding:10px 0 0 10px; font: bold 1.1em arial, helvetica, sans-serif; position:absolute; bottom:0; background:#E1E1E1; color:#666;  }

#leaderboard { width:728px; position:absolute; left:272px; }

/* Hide IFRAMES in DART */
.hiddenDAU {width:0;height:0;}

.hr { width:628px; height:17px; clear:both; margin:0 0 10px 0; background: url(/images/mb/scratches.gif) repeat-x; }
 
/* begin main nav */
#nav_bar {
    width: 1000px;
    background: #000;
    height: 40px;
    margin:10px 0;
    clear:both;
}

#nav_bar ul { list-style: none; }

#nav_bar li {
    float: left;
    position: relative;
    text-align: left;
    cursor: default;
    background: #000; }  
    
#nav_bar li.subscribe span a {
    background: url(/images/header_nav-subscribe.gif) no-repeat left top;
    display: block;
    width: 95px;
    height: 40px;
    z-index: 10; }

#nav_bar li.sections {
    background: url(/images/header_nav-sections.gif) no-repeat left top;
    display: block;
    width: 106px;
    height: 40px;
    z-index: 9; }

#nav_bar li.blogs {
    background: url(/images/header_nav-blogs.gif) no-repeat left top;
    display: block;
    width: 84px;
    height: 40px;
    z-index: 8; }

#nav_bar li.read span a {
    background: url(/images/header_nav-read.gif) no-repeat left top;
    display: block;
    width: 130px;
    height: 40px; }

#nav_bar li.blank span {
    display: block;
    width: 208px;
    height: 1px; }

#nav_bar li.stay {
    background: url(/images/header_nav-stay.gif) no-repeat left top;
    display: block;
    width: 105px;
    height: 40px;
    z-index: 7; }

#nav_bar li.search {
    display: block;
    width: 257px;
    height: 40px; }

#nav_bar li.search span {
    background: url(/images/header_nav-search.gif) no-repeat left top;
    display: block;
    width: 57px;
    height: 40px; }

#nav_bar li.search input { position: absolute; }

#nav_bar li.search input.text {
    top: 11px;
    left: 57px;
    width: 169px;
    height: 18px;
    border: 0;
}

#nav_bar li.search input.go { top: 11px; left: 227px; }

#nav_bar li.sections:hover, #nav_bar li.blogs:hover, #nav_bar li.stay:hover, #nav_bar li.over {
    background-position: 100% -40px; }

#nav_bar li ul {
    background: #000;
    display: none;
    position: absolute;
    top: 34px;
    left: 8px;
    padding: 8px 10px 10px;
    border-top: 10px solid #333; }

#nav_bar li:hover ul, #nav_bar li.over ul { display: block; }

#nav_bar .firstTop {
    background: url(/images/nav_bevel_left.gif) no-repeat top left;
    height: 100%;
    width: 9px;
    display: block;
    position: absolute;
    top: -10px;
    left: -9px; }

#nav_bar .firstBottom {
    background: url(/images/nav_bevel_left.gif) no-repeat bottom left;
    height: 100%;
    width: 9px;
    display: block;
    position: absolute;
    top: 0;
    left: -9px; }

#nav_bar .middle { background: transparent; position: absolute; }

#nav_bar .lastTop {
    background: url(/images/nav_bevel_right.gif) no-repeat top right;
    height: 100%;
    width: 9px;
    display: block;
    position: absolute;
    top: -9px;
    left: 135px; }

#nav_bar .lastBottom {
    background: url(/images/nav_bevel_right.gif) no-repeat bottom right;
    height: 100%;
    width: 9px;
    display: block;
    position: absolute;
    top: 0px;
    left: 135px; }

#nav_bar #sections_menu, #nav_bar #blogs_menu, #nav_bar #stay_menu {
    position: absolute;
    width: 115px;
    left: 15px;
    z-index: 1; }

#nav_bar #stay_menu { left:-100px; }

#nav_bar #sections_menu #sections1 {
    display: block;
    position: absolute;
    top: 100%;
    left: 1%; }

#nav_bar #sections_menu #sections2 {
    display: block;
    position: absolute;
    top: 100%;
    left: 100%;
}

#nav_bar #blogs_menu #blogs1 {
    display: block;
    position: absolute;
    top: 100%;
    left: 1%; }

#nav_bar #blogs_menu #blogs2 {
    display: block;
    position: absolute;
    top: 100%;
    left: 100%; }

#nav_bar #blogs_menu #blogs3 {
    display: block;
    position: absolute;
    top: 100%;
    left: 200%; }
        
#nav_bar li > ul { top: auto; left: auto; }

#nav_bar li li {
    white-space: nowrap;
    display: block;
    height:11px;
    float: none;
    width: 100%;
    background: #000; 
    border: 0; }

#nav_bar #nav a { font-weight: bold; text-decoration: none; }

#nav_bar #nav li li a {
    display: block;
    font: bold .9em "verdana";
    width: 115px; }

#nav_bar #nav li li a:hover { color: #0cf; }
/* end main nav */

#contentwell { width:664px; float:left; overflow:hidden; }
  
#xrail { width:336px; float:left; overflow:hidden; }
       
.clearer { clear:both; }

.login { display:none; }

#mag_sub_promo { width:336px; margin:10px 0; }


/* begin footer */
#footer {
    font: 1em arial, helvetica, sans-serif;
    line-height: 1.3em;
    color: #fff;
    margin:10px 0 0 0; }

#foot_row1 { background: #2f2f2f; height:30px; position:relative; }

#foot_row2 { background: #181818; height: 30px; }

#foot_row3 { padding-bottom: 20px; background: #000; position:relative; z-index:101; }

span.pad {
    display: block;
    position: relative;
    top: 9px;
    left: 10px; }

.link_row { color: #494949; }

#foot_row2 .link_row { color: #4b4b4b; }

#foot_row3 .link_row { color: #4c4c4c; }

/* text resize component styles */
#footer .text_size {
    display: block;
    float: right;      
    position: absolute;
    top:0;
    right: 25px; }  

.text_size a {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
}

#footer .text_size img {  
    display: block;
    float:left;
}

#small {
    background: transparent url(/images/icon_text_sm.gif) no-repeat 0 0;
}

#small:hover,
#small:active {
    background: transparent url(/images/icon_text_sm.gif) no-repeat bottom left;
}

#normal {
    background: transparent url(/images/icon_text_med.gif) no-repeat bottom left;
}

#normal:hover,
#normal:active {
    background: transparent url(/images/icon_text_med.gif) no-repeat bottom left;
}

#large {
    background: transparent url(/images/icon_text_lg.gif) no-repeat 0 0;
}

#large:hover,
#large:active {
    background: transparent url(/images/icon_text_lg.gif) no-repeat bottom left;
}

#largest {
    background: transparent url(/images/icon_text_lg2.gif) no-repeat 0 0;
}

#largest:hover,
#largest:active {
    background: transparent url(/images/icon_text_lg2.gif) no-repeat bottom left;
}

/* end text resize */

#suboffers { width:160px; height:15px; padding:1px 0 0 15px; position:relative; border:1px solid #666; background: url(/images/footer_suboffer_bg.gif) no-repeat 0 0; color:#000; margin:10px 0; z-index:101; }

#suboffers ul { width:177px; list-style: none; position:absolute; top:16px; left:-1px; background:#FFF; display:none; z-index:102; }

#suboffers ul li { width:175px; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; }

#suboffers ul li#last { border-bottom:1px solid #666; }

#suboffers ul li a { position:relative; left:15px; }
/* end footer */

div#debugInfoDiv { background:#FFF; text-align:left; clear:both; }
body > div#debugInfoDiv { margin-top:20px; }


/* CSS for IE6 Navigation */
#nav_bar #sections_menu span {
    display: block;
    width: 1px;
    height: 95px; }
    
#nav_bar #blogs_menu span {
    display: block;
    width: 1px;
    height: 95px; }

#nav_bar #stay_menu span {
    display: block;
    width: 1px;
    height: 43px; }
/* CSS for IE6 Navigation */