/* 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; 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%;}
.article .date-info .edition{font-weight:bold; color:#000;}

/* ### 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; }


/* UGC (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:95%;}

/* ### START: social bookmarking ### */
.left-column #social-link{border-bottom:1px solid #D7D7CB; border-top:1px solid #FFCCC8; padding:5px; clear:both; margin-top:10px;}
.left-column #social-link li{display:inline; padding:0 7px 0 0; *margin-top:1px;}
.left-column #social-link a, .left-column #social-link a:visited, .left-column #social-link a:hover{background-color:transparent; cursor:pointer; display:inline;}
.left-column #social-link a:hover{color:#CC0000 !important;}

/*addthis styles*/
#content .at300bs{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:1px 2px 0 0; *margin-top:-1px;} 
img.addthis_more{margin:1px 3px 0 0; *margin-top:0;}
*html .at15t_email{background:url(/images/v3/email_icon.gif) 0 0 no-repeat !important;} /*addthis defualt style causes png issue in IE6*/

/*bookmarks pop up*/
#social-bookmarks{position:absolute; clear:both; /*display:none; */visibility:hidden; /*changed to visibility to use mootools fade transition */ width:235px; border:3px solid #D8D8CC; background-color:#FFFFFF; text-align:left; z-index:20000;} /*zindex STILL not hight enough for some ads!*/
#social-bookmarks .sb-wrapper{padding:5px 10px 5px 10px;}
#social-bookmarks .sb-header{padding:3px 5px; color:#333; border-bottom:1px solid #D8D8CC;}
#social-bookmarks .sb-close{float:right; color:#B5B59D; cursor:pointer; *margin:-20px 5px 0 0;}
#social-bookmarks .sb-hide{margin:0; padding:0;}
#social-bookmarks .sb, #social-bookmarks .sb:visited{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:96px; margin:1px; padding:2px 3px !important; border:1px solid #FFF;}
#social-bookmarks .sb:hover{background:#F6F6EC; border:1px solid #D8D8CC;}
#social-bookmarks .sb-footer{display:block; text-align:right; padding:0 5px 0 0; font-size:85%; color:#333;  border-top:1px solid #D8D8CC; line-height:normal;}

/*to stop flash from overlaying popup*/
.article .advertisement-content{position:relative; z-index:1;}
/* ### END: social bookmarking ### */

/* 20091103 ED Start: Film Reviews */
#review-info { float: left; width:100%;/*width: 630px;*/ margin:0 0 20px 0; }
#review-data { margin: 0px 0px 0px 20px; width: 270px; float: right; }
#review-data h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px 0px 10px; padding: 0px; }
#review-data p { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px; }
#review-info img { float: left; margin: 0px; padding: 0px; }
#ratings { margin: 0px; padding: 0px; height: 20px; width: 100px; }
.star5 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px 0px; }
.star4 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -20px; }
.star3 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -40px; }
.star2 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -60px; }
.star1 { background: url(/images/v3/subpages/entertainment/ratings.png) no-repeat 0px -80px; }
/* 20091103 ED End: Film Reviews */