/* CSS Document for Article Pages */

/* Article Page */
.article { font-size:105%; line-height:18px; background:url(/images/v3/subpages/article/article_bg.gif) repeat-y 630px top; }
.article .left-column { width:610px; padding:0 20px 0 10px; }
.article .right-column { width:320px; font-size:95%; margin-top:37px; }
*html .article .left-column, *html .article .right-column {overflow:hidden;}
.article .headline-info {/* width:336px;display:block; eoneill 20090423 - getting text to wrap image */ margin-bottom:13px; display:inline-block; clear:left; color:#666666; font-size:95%; cursor:text; background:none; }
.article .date-info { width:100%; margin-bottom:13px; display:block; clear:both; color:#666666; font-size:95%;}


/* ### Articles with Images ### */



/* small images on grey bg - changed by eoneill - 06/02/09  - will no longer be used when new article images go live */
.article .images-holder { width:350px; min-width:350px; margin:0 10px 10px 0; display:inline; font-size:95%; line-height:15px; float:left; }
.article .images-holder .content{ width:100%; padding:0px 0px 0px 0px; background:#EDEDE1; font-size:95%; line-height:15px; float:left; display:inline; } 
.article .images-holder img { float:left; margin:10px 10px 10px 10px; }
.article .images-holder .caption { padding:5px 10px 5px 0px; display:block; width:auto; }
.article .images-holder .image-info { display:block; color:#666666; padding:0 10px 5px 0px; }
.article .images-holder .content ul.next_prev{ width:100%; clear:both; padding-left:5px;} /* new style for when more than one image appears in non breaking news articles */



/*Breaking News images  - also now used for articles with single images: eoneill 20090424 
20090429 ED Multiple Images without multibox uses .caption and #thumbcaption */
div.images-holder-big{ overflow:hidden; float:left; margin-right:25px; margin-bottom:10px;} /* margin: eoneill 20090423 - getting text to wrap image */
div.images-holder-big .caption,
div#multi_imgs .caption {padding:5px;  background:#000000; color:#FFFFFF; line-height:15px; font-size:90%; display:block; } 
/* 20090429 ED not using thumbcaption anymore, margin-bottom on images-holder-big instead
div.images-holder-big #thumbcaption, 
div#multi_imgs #thumbcaption {margin-bottom:10px;} 
*/

/* ### End Articles with Images ### */

/* ### Articles with Multiple Images ### */
/*container div - images and nav */
#img_container {width:360px; float:left; margin-right:25px;} /* margin: eoneill 20090423 - getting text to wrap image */


/*images container*/
#multi_imgs {/*position:relative; overflow:hidden;*/width:360px; /*min-height:250px; height:auto;important*/}
#img_container #multi_imgs ul#img-list{position:relative; width:360px; background:#000; margin:0 0 10px 0; float:left; height:250px; /*set inital height...*/}
#img_container #multi_imgs ul#img-list li.img_item{visibility:hidden; background:#000; position:absolute; top:0; float:left;}
#img_container #multi_imgs ul#img-list li.first{}
#img_container #multi_imgs ul#img-list li img {display:block;}

/*captions*/
#img_container #multi_imgs ul#img-list li span.multiBoxDesc,
div.images-holder-big a#mb1 span.multiBoxDesc {display:block; color:#FFFFFF;font-size:90%;padding:5px;width:350px;background:#000;}

/*nav container*/
#nav-frame {position:relative; background:#000000;}
#nav-frame ul#nav-list li{float:left; cursor:pointer; color:#FFFFFF; font-size:90%; padding:1px 5px 1px 5px; border:1px solid #000000; margin:4px 0 4px 0; line-height:normal; text-align:center;}
#nav-frame ul#nav-list li.first { /*border:1px solid #CC0000;*/ background:url(/images/v3/mi-bg.png) center center no-repeat;}
#nav-frame ul#nav-list li#nav-prev{margin:2px 0 4px 0; }
#nav-frame ul#nav-list li#nav-next{margin:2px 0 4px 0; float:right;}

#nav-frame ul#nav-list:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} /* clear fix */
#nav-frame ul#nav-list {display: inline-block; width:100%;}    
/* Hides from IE-mac \*/  
* html #nav-frame ul#nav-list{height: 1%;}  
#nav-frame ul#nav-list {display: block;}  
/* End hide from IE-mac */


/*magnifier for when multibox is enabled*/
#img_container  span.enlarge, .images-holder-big span.enlarge{
background:transparent url(/images/v3/multibox/enlarge.png) no-repeat scroll right bottom; float:right; height:27px; width:27px; margin:-29px 2px 0 0; position:relative; z-index:1;}


/* ### END Articles with Multiple Images ### */

.article .left-column .breadcrumb, .archive-display .left-column .breadcrumb { border-bottom:none;}
.article-controls { width:620px; height:auto !important; height:16px; min-height:16px; padding:5px 0; float:left; border-top:3px solid #D8D8CC; border-bottom:1px solid #D8D8CC; display:inline; font-size:95%; position:relative; /*right:10px; */}
* html .article-controls { margin-left:0; position:relative; left:0px; width:620px; } /* for IE 6 */
.article-controls ul { float:right; margin-right:10px; display:inline; }
.article-controls li { margin-left:15px; float:left; display:inline; line-height:16px; }
.article-controls .text-size-small { margin-left:0; }
.article-controls .text-size-large { padding-left:2px; margin-left:0; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat left center; }


.article .left-column h1 { padding-top:11px; clear:both; font-size:205%; font-weight:100; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:20px; }
.article .right-column h1, .right-column .sub-section h1 { padding-top:6px; }
.article .right-column ul { clear:both; }
.article p { line-height:18px; }
.article .print-edition { height:auto !important; height:29px; min-height:29px; padding:4px 0 0 50px; background:url(/images/v3/generic/print_edition.gif) no-repeat left center; display:block; }

.article blockquote.left { width:162px; padding:0 20px 15px 0; }
.article blockquote.right { width:162px; padding:0 0 15px 20px; }


/* Article Extension */
.article .article-extension { width:192px; margin:0 22px 18px 10px; /*eoneill 20090423 - getting text to wrap image - margin-right was 30px */  float:right; display:inline; font-size:95%; border-left:1px solid #D6D8CD; line-height:15px; }
.article .article-extension .content { width:182px; min-width:182px; padding:10px 0; float:right; border:solid #D7D7CB; border-width:3px 0; display:inline; }

.article .article-extension h1 { margin:0 0 4px 0; padding-bottom:0; font-size:185%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.article .article-extension .pointed-list { margin-left:10px; margin-bottom:25px; }
.article .article-extension .features { width:172px; margin:0 0 0 10px; }
.article .article-extension .features ul { width:172px; }
.article .article-extension .features ul li { margin:0 0 22px 0; }
.article .article-extension .features ul li .content { width:162px; min-width:0; padding:5px 5px 5px 5px; float:none; border:0 none; display:inline; }


/* comments - js-kit */
#comments {font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin:10px 0;}
ul#feedback_icons {border-bottom:1px solid #CCCCCC; border-top:1px solid #FFCCC8; padding:5px; text-align:left;}
.article .left-column .js-kit-tc {display:none; font-size:90%;}