/* Layout */
/* 20090624 ED  IE6 png fix moved to common.css so as not to duplicate.  Ensure common.css PNG fix promoted at the same time. */

#content { margin: 0px; padding: 9px 0 0 0; float: left; width: 960px; }
#content #left-column-homepage { margin: 0px; padding: 0px; float: left; width: 630px; }
#content #right-column-homepage { float: left; width: 310px; margin-left: 20px; }
#main-headlines { margin: 0px; padding: 0px; float: left; width: 630px; } 
#editorial-content { float: left; width: 630px;} 
#main-headlines #headlines-left, #content #left-column-homepage #editorial-content #editorial-left { margin: 10px 0 0 0; padding: 0; float: left; width: 320px; /*border-top: solid 3px #d5d7ca;*/}
#main-headlines #headlines-right, #content #left-column-homepage #editorial-content #editorial-right { float: left; width: 292px; margin: 10px 0px 0px 18px; padding: 10px 0 0 0; /*border-top: solid 3px #d5d7ca;*/}
#editorial-content #editorial-left ul.pointed-list, #editorial-content #editorial-right ul.pointed-list{margin:0;}
#editorial-content #editorial-left .story-list, #editorial-content #editorial-right .story-list {font-size:105%;}
#content #left-column-homepage #main-headlines #headlines-left #latest-news-timed { margin: 10px 0px 0px; padding: 0px; }
#content #right-column-homepage #advertisement { width: 310px; }
#content #right-column-homepage #popular { width: 310px; }
/*#content #right-column-homepage #popular ul.tabs li.nav-on a { color:#C00000; line-height:18px; padding:0px !important;}
#content #right-column-homepage #popular ul.tabs li.nav-on a:hover { background-color:#F6F6EC; }*/  /* eoneill removed - styles taken from common.css*/
#content #right-column-homepage #popular .numbered-list li  { width: 310px; }
#content #right-column-homepage #editorial-features { margin: 0px; padding: 0px; float: left; width: 150px; }
#content #right-column-homepage #commercial-features { margin: 0px; padding: 0px; float: right; width: 150px; }
#editorial-left .sub-section, #editorial-right .sub-section { margin-bottom:15px; }
#editorial-left .sub-section p, #editorial-right .sub-section p { line-height: 18px; font-size:110%; margin: 0;}

/* Main headlines - Left column */
#content #left-column-homepage #editorial-content #editorial-left .story-list { list-style: none; margin: 0 0 10px 0;  text-align: left;  }  
#content #left-column-homepage #editorial-content #editorial-left .story-list li { border-bottom: 1px solid #ffccc8; line-height: 18px; /*font-size:110%;*/}
#content #left-column-homepage #editorial-content #editorial-left .story-list li a { text-decoration: none; color: #000000; display: block; padding:5px 5px 10px 5px; width: 310px; }
#editorial-content #editorial-left .story-list li a:hover { background:#f6f6ec; }
#top-image .caption { color: #FFFFFF; background: #000000; display: block; margin: 0px; padding: 5px; font: 85% Arial, Helvetica, sans-serif;line-height:18px; }
#content #left-column-homepage #editorial-content #editorial-left #latest-timed-news { margin:10px 0 0 0; }

/* Main headlines - Center column */
#content #left-column-homepage #editorial-content #editorial-right .story-list { list-style: none; margin: 0 0 10px 0; padding: 0 0 10px 0; text-align: left;  border-bottom: solid 3px #d5d7ca; }
#content #left-column-homepage #editorial-content #editorial-right .story-list li { border-bottom: 1px solid #ffccc8; line-height: 18px;/* font-size:110%;*/}
#content #left-column-homepage #editorial-content #editorial-right .story-list li li { border-style: none; font-size:100%; }
#content #left-column-homepage #editorial-content #editorial-right .story-list li a { text-decoration: none; color: #000000; display: block; padding:5px 5px 10px 5px; width: 282px;	}
#content #left-column-homepage #editorial-content #editorial-right .story-list li a:hover { background-color:#f6f6ec; }
#content #left-column-homepage #editorial-content #editorial-right .story-list ul { margin: 0 0 0 10px; padding: 0px; list-style: none; }


/* ### START: Blacklines ### */
#main-headlines .story-list ul.bnbl{margin:0px 0px 5px 5px !important; clear:both;}
#editorial-content .sub-section ul.bnbl {margin:0px 0px 5px 12px !important; clear:both;}
#main-headlines .story-list ul.bnbl li, #editorial-content .sub-section ul.bnbl li {font-size:100%; line-height:16px !important; margin:0 0 0 0; padding:0 0 0 18px; float:none; display:block; border:none !important;}
#main-headlines .story-list ul.bnbl li b, 
#editorial-content .sub-section ul.bnbl li b {padding:0px 15px 0px 0px;}
#main-headlines .story-list ul.bnbl li b a, 
#main-headlines .story-list ul.bnbl li b a:visited,
#main-headlines .story-list ul.bnbl li b a:hover {font-size:90%; color: #555555  !important; display:inline !important;  padding:0 !important; margin:0; background-color:transparent !important; }
#editorial-content .sub-section ul.bnbl li b a, 
#editorial-content .sub-section ul.bnbl li b a:visited,
#editorial-content .sub-section ul.bnbl li b a:hover {font-size:100%; color: #555555  !important; display:inline !important;  padding:0 !important; margin:0; background-color:transparent !important; }

/* Blacklines - various media indicators */
#main-headlines .story-list ul.bnbl li.internal,
#editorial-content .sub-section ul.bnbl li.internal{background: url(/images/v3/homepage/bl/internal.png) no-repeat 0px 3px;}
#main-headlines .story-list ul.bnbl li.external,
#editorial-content .sub-section  ul.bnbl li.external { background: url(/images/v3/homepage/bl/ext.png) no-repeat 0 3px; }
#main-headlines .story-list ul.bnbl li.audio,
#editorial-content .sub-section  ul.bnbl li.audio { background: url(/images/v3/homepage/bl/audio.png) no-repeat 0 3px; }
#main-headlines .story-list ul.bnbl li.discussion,
#editorial-content .sub-section  ul.bnbl li.discussion { background: url(/images/v3/homepage/bl/discuss.png) no-repeat 0 3px; }
#main-headlines .story-list ul.bnbl li.pdf,
#editorial-content .sub-section  ul.bnbl li.pdf { background: url(/images/v3/homepage/bl/pdf.png) no-repeat 0 3px; }
#main-headlines .story-list ul.bnbl li.slideshow,
#editorial-content .sub-section  ul.bnbl li.slideshow { background: url(/images/v3/homepage/bl/slide.png) no-repeat 0 3px; }
#main-headlines .story-list ul.bnbl li.video,
#editorial-content .sub-section  ul.bnbl li.video { background: url(/images/v3/homepage/bl/video.png) no-repeat 0 3px; }
/* ### END: Blacklines ### */


/*Lower editorial content */
#editorial-left div.sub-section a.section-top-story { display:block; width:300px; padding: 0 10px 10px 10px;}
#editorial-left div.sub-section a:hover.section-top-story { color:#000;background:#f6f6ec; }
#editorial-right div.sub-section a.section-top-story { display:block; width:272px; padding: 0 10px 10px 10px;}
#editorial-right div.sub-section a:hover.section-top-story { color:#000;background:#f6f6ec; }

/* Various classes */
.sub-section { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 2px solid #d5d7ca; }
.h1, .h2, .h3 { display: block; color: #999; text-decoration: none; font: 165% Georgia, "Times New Roman", Times, serif;}
.timed-list { text-align: left; margin: 0px; padding: 0px; list-style: none; }
.red { color: #c00000; }

/* Commercial features - RHS */
#commercial-features { padding: 0px; float: left; width: 150px; margin-top: 0px; margin-left: 10px; }
#commercial-features ul { text-align: left; margin: 0px; padding: 0px; width: 150px; list-style: none; }
/*#commercial-features ul li { background: url(/images/v3/homepage/bkgd-li-commercial.gif) no-repeat 0px 0px; height:auto !Important; height:156px; min-height: 156px; margin: 0px 0px 10px; padding: 2px; border-bottom: 1px dotted #CCCCCC; }*/

#commercial-features ul li { border-top:solid 3px #d5d7ca; height:auto !Important; height:156px; min-height: 156px; margin: 0px 0px 10px; padding: 2px; }
#commercial-features  h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; margin:3px 3px 5px 3px; }
#commercial-features a { color: #000000; }
#commercial-features a:hover { color: #c00000; }
#commercial-features p { font: 110% Arial, Helvetica, sans-serif; margin: 5px; padding: 0px; }

/* Editorial features - RHS */
#editorial-features ul { width:150px; margin: 0px; padding: 0px;}
#editorial-features ul li { width:148px; height:auto !important; /*height:99px; min-height:158px; max-height:158px;*/ margin:0 0 10px 0; padding:0px; /*overflow:hidden;*/ color:#FFFFFF; border:1px solid #CCCCCC;}
#editorial-features ul li img { width:148px; height:auto;  border:0; }
#editorial-features ul li a { color:#333;}
#editorial-features ul li a span.content {background-color: #ffffff;  font:110% Arial, Helvetica, sans-serif; width:138px; display:block; /*margin: 0px 0px 0px 0px; */padding: 5px; position:relative; }

/* Pictures - LHS */
#slideshows ul { width:304px; height:123px; margin:0 5px 20px 5px; background:#f6f6ec; border-left:solid 3px #d5d7ca; border-right:solid 3px #d5d7ca;}
#slideshows ul li { float: left; padding:0 2px 0 1px; border-right:1px solid #CCCCCC; height:123px; width:97px; } 
#slideshows ul li.last { border:none; }
#slideshows ul li span.ss-title {display:block;}

/* Forms */
.email-signup { border:solid 1px #d5d7ca; font-family:Georgia "Times New Roman" Times serif; color:#666;  font-size:128%; height:19px; line-height:19px; margin:0; min-height:19px; outline:none; padding:2px 0 2px 3px; width:135px; margin:0 0 3px 3px; }

/* Start:  iCarousel sections */
#content #left-column-homepage #editors-choice { width: 320px; margin: 0 0 10px 0;padding: 0 0 10px 0; border-bottom: solid 3px #d5d7ca; }
#editorial-left .sub-section.ugc-homepage { padding-bottom:0; }
div#images-of-the-day { width: 320px;}

#edchoice { position:relative; overflow:hidden; width:320px; height:130px; margin:10px 0 0 0; background:#E7E7E0;  }
#hys {position:relative; overflow:hidden; width:320px; height:126px; /*eoneill 20091123 - fixing whitespace */ margin:0; background-color:#ffffff; }
#blgs {position:relative; overflow:hidden; width:320px; height:110px; margin:0; background-color:#ffffff; }
#iotd {position:relative; overflow:hidden; width:320px; height:160px; margin:0; background-color:#ffffff; }

#edchoice ul#edchoice_content { position:absolute; top:0; margin:0 1px 0 4px; padding:0; text-align:left; list-style: none; }
#hys ul#hys_content,
#blgs ul#blgs_content { position:relative; width:320px; top:0; margin:0; padding:0; text-align:left; list-style: none;}
#iotd ul#iotd_content { position:relative; width:175px; top:0; margin:0; padding:0; text-align:left; list-style: none;}

#edchoice ul#edchoice_content li.edchoice_item { display: inline; float: left; background: url(/images/v3/homepage/li-separators.jpg) no-repeat right center; width:101px; height:130px; line-height:16px; font-size:95%; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0 2px;} 
*html #edchoice ul#edchoice_content li.edchoice_item { overflow:hidden;}
#hys ul#hys_content li.hys_item{ height:104px;} /*eoneill - added height - trying to hide 2nd item appearing on load */
#hys ul#hys_content li.hys_item,
#blgs ul#blgs_content li.blgs_item {display:inline; float:left; width:320px; background-color:#FFF;}
#iotd ul#iotd_content li.iotd_item { position:absolute; top:0; left:0; visibility:hidden; display:inline; width:175px;}
#blgs ul#blgs_content li.blgs_item{height:88px;}

#iotd ul#iotd_content li.iotd_item.first { visibility:visible;}

#edchoice ul li a { float:left; width:99px; padding:0 1px; margin:0;  text-decoration:none; line-height:normal;}
#edchoice ul li a img{ padding:0 0 1px 0;}
#hys ul#hys_content li a,
#blgs ul#blgs_content li a { float:left; width:314px; padding:5px 3px; color: #000000; height:100%; }
#iotd ul#iotd_content li a { width:175px; padding:0; color: #000000; }

#edchoice ul li a:hover { color: #c00000; }
#hys ul#hys_content li a:hover,
#blgs ul#blgs_content li a:hover,
#iotd ul#iotd_content li a:hover { background:#f6f6ec; }

#hys ul#hys_content li a img.ugc-thumb,
#blgs ul#blgs_content li a img.ugc-thumb { float:left; margin-right:10px; border:0;}
#iotd ul#iotd_content li a img { margin:0; border:0; padding:0;}

#iotd ul#iotd_content li.iotd_item .multiBoxDesc,
#iotd div#iotd_frame div.iotd_enlarge .multiBoxDesc  {display:none;}

#hys p,
#blgs p { font-weight:normal;margin:0 0 3px 0 }

#hys h4,
#blgs h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:1.2em; margin:0 0 3px 0;  }

#hys .quote-left,
#blgs .quote-left { background: url(/images/v3/homepage/quote-left.png) no-repeat right top; display: block; float: left; height: 40px; width: 14px;}

#hys ul#hys_content li .comment-on-this,
#blgs ul#blgs_content li .comment-on-this { color: #000000; font: 120% Georgia, "Times New Roman", Times, serif; text-align:right;}

#edchoice_frame { position: relative; margin-top:-7px;}  
*html #edchoice_frame { z-index:50; float:left; width:100%; }
#hys_frame,
#blgs_frame {position:absolute; bottom:0; width:320px; border-top:solid 1px #ccc; background-color:#FFFFFF; } 
#iotd_frame {background-color:#ffffff; margin:0; padding:0; border:0; width:145px; height:145px; position:absolute; left:175px; top:0; } 

#iotd_frame .iotd_enlarge { position:absolute; top:0; right:0; text-align:right; margin:5px 0 0; float:right; padding:10px 0 0; height:16px; }

#iotd_frame .iotd_enlarge #iotd_enlarge_link,
ul #iotd_next, 
ul #iotd_previous {font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height: 16px;}

#hys_frame ul, 
#blgs_frame ul { /*text-align:right; margin:5px 0;*/ float:right;  width:100%; /* eoneill 20090427 */}
#iotd_frame ul { position:absolute; top:40px; right:0; text-align:right; margin:0 0 5px 0; float:right; }

#edchoice_previous { float: left; cursor:pointer;} 
#edchoice_next { float: right;  cursor:pointer;}  

li#iotd_next,
li#iotd_previous {cursor:pointer;}

#hys_frame ul li,
#blgs_frame ul li { /*float:right;  eoneill 20090427  */ float:left; cursor:pointer; line-height:normal;
padding:1px 5px; margin:3px 0 1px 0;
text-align:center
}

/* eoneill - new styles for HYS and Blogs */
#hys_frame ul li#hys_previous, #blgs_frame ul li#blgs_previous {float:left; margin:1px 0 1px 0;}
#hys_frame ul li#hys_next, #blgs_frame ul li#blgs_next {float:right;  margin:1px 0 1px 0;}


#iotd_frame ul li { float:right; background-color:#ffffff; color:#333333;  }
/*End:  iCarousel sections */