/* CSS Document for Article Pages */

/* CSS debug tool...
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }  */

/* 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; }
.article .right-column.fixed-right { position:fixed; } /*20100208 eoneill testing fixed right col as per NY Times*/ 
*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 ### */
.article-controls {width:620px; height:auto !important; height:25px; min-height:25px; padding:5px 0 2px; 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{margin-right:5px; display:inline; }
.article-controls ul.sb{float:left; }
.article-controls ul.sb a{vertical-align:bottom;}
.article-controls ul.ac-tools{float:right;}

.article-controls li{/*margin-left:15px;*/ float:left; display:inline; line-height:16px; }

.article-controls .ac-print, .article-controls .ac-feed, .article-controls .ac-text{margin-left:8px; padding:3px 0 0 8px; background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat left 6px;}

.article-controls li.ac-print{/*margin-left:15px;*/ padding-left:10px;}
.article-controls li.ac-print a.print{background:url("/images/v3/print_icon.png") no-repeat right center;}

.article-controls li.ac-feed a.article-rss-feeds{background: url("/images/v3/feed_icon.gif") no-repeat scroll right center transparent;}

.article-controls .text-size-small{margin-left:0; padding-top:4px;}
.article-controls .text-size-large{padding-left:2px; padding-top:4px; margin-left:0; /*background:url(/images/v3/generic/01homepage_r19_c20.gif) no-repeat left center;*/}

/* ### END: Article Controls ### */

.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:6px 5px 0; clear:both; margin-top:10px; height:25px;}
.left-column #social-link li.jskit-feed{}
.left-column #social-link li{*margin-top:1px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
.left-column #social-link .addthis_separator{padding:0 12px;}
.left-column #social-link a, .left-column #social-link a:visited, .left-column #social-link a:hover{cursor:pointer; float:left;}

/*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*/
body div#_atssh {clear:both;margin:40px !important; height:40px !important; }
body div#_atssh iframe {clear:both;margin:40px !important; height:40px !important; } 

/*bookmarks pop up
#social-bookmarks{position:absolute; clear:both; visibility:hidden; width:235px; border:3px solid #D8D8CC; background-color:#FFFFFF; text-align:left; z-index:20000;} 
#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 */

/* 20100110 DZ: single article page for opinion and analysis*/
.business-byline { width: 630px; margin-top: 10px; margin-bottom: 10px;display:inline;}
.business-byline:after {content: ".";display:block;height:0 ;visibility: hidden;}
.author-byline {	padding:0;	float: left;	width: 200px;	margin:0 20px 20px 0;border-top:1px solid #d5d7ca;border-bottom: 1px solid #d5d7ca;}
.author-byline ul {margin: 0;	padding: 0;	list-style: none;	background: #f6f6ec;}
.author-byline ul li {border-top: 1px solid #d5d7ca;}
.author-byline ul li a {font-family: Arial, Helvetica, sans-serif;	font-weight: normal;	color: #000;	text-decoration: none;	padding: 5px 3px;	display: block;}
.author-byline .author {padding: 10px;}
.author-byline ul li a.active {	font-weight: bold;}
.author-byline .author .pic {	margin: 0;	padding: 0;float:left;width: 75px;}
.author-byline .author h3 {	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: normal;	margin: 0 0 5px 85px;padding: 0;	font-size: 120%;}
.author-byline .author p {	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0 0 0 85px;}
.author:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.article .first-paragraph { font-family: Georgia,"Times New Roman", Times, serif;font-weight: normal; font-size:140%;line-height:140%; }
.article .first-paragraph strong { font-weight:normal; }
/*END OF single article page for opinion and analysis*/


/* Highlights inline links on article pages CC 12/01/2012  */
.itinlinelink {
  color: #c00000;
  text-decoration: none;
  border-bottom:dotted 1px #ffccc8;
}


.itinlinelink:hover {
  color: #c00000;
  text-decoration: none;
  border-bottom:solid 1px #c00000;
}