/* 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:36px; }
.article .headline-info { width:336px; margin-bottom:13px; display:block; 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 */
.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 */
div.images-holder-big{ overflow:hidden; width:auto; float:left;}
div.images-holder-big .caption {padding:5px;  background:#000000; color:#FFFFFF; line-height:15px; font-size:90%; display:block; } 
div.images-holder-big #thumbcaption{margin-bottom:10px;} 

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


.article .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:630px; } /* 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 30px 18px 10px; 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; }