/* CSS INCULDES */
@import url(features.css); /* FEATURE SET  */
@import url(utils.css);    /* STANDARDIZED UTILS  */
@import url(archive-related-links.css);     /* ARCHIVE  */
@import url(pagination.css);    /* STANDARDIZED PAGINATION  */
@import url(dropcaps.css);     /*   */
/*  */

.pc{padding-top:50px;width:650px;}
.article{width:590px;}
.article .content:after{content:".";clear:both;display:block;visibility:hidden;height:0px;}

.articleA .article .captioned-photo{float:left;margin-right:0}
.articleA .article .captioned-photo img{width:300px;margin-bottom:12px;}
.articleA .article .captioned-photo .caption{width:300px;}

.articleB .article .captioned-photo{margin-right:0}
.articleB .article .captioned-photo img{width:590px;}
.articleB .article .content{width:100%;margin-left:0 !important;margin-left:0;clear:both;}
.articleB .article .headers{float:left;position:static;width:300px;margin-right:22px;}
.articleB .article .text{float:left;width:268px;}

.article .headers{margin-bottom:12px;}
.article .headers h1{font-size:50px;font-weight:normal;line-height:50px;text-transform: none}
.article .headers h1 .small{font-size:38px;}
.article .headers h2 span.lead{font-size:15px;font-weight:bold;line-height:18px;text-transform:uppercase;display:block;margin-top:7px;margin-bottom:7px;}
.article .headers h2{font-size:25px;font-weight:normal;line-height:28px;text-transform:none;}

.article .content, .article .text .captioned-photo img, .article .text .captioned-photo .caption, .article .text blockquote {width:268px}

.article .content{margin-left:322px !important;margin-left:319px;position:relative;}
.article .paginationContext{font:10px "Trebuchet MS";font-weight:bold;text-transform:uppercase;color:#999;margin-bottom:12px;}
.articleA .article .paginationContext {border-top: 1px solid #efefef; padding-top:10px; height:10px;}

.article .captioned-photo img{margin-bottom:12px;}
.article .captioned-photo .caption{font-size:11px;color:#666;}
/* change - ebs - 01.05.2010 - removed photos-url from captioned-photo div
   due to switching photo to the magnet-presentation include which does not
   contain the URLText fields. Since they are one-off for W, not going to add
   this rendering to magnet-presentation. */
.article .photos-url { width: 300px; }
.article .photos-url a .link{color:#5985a0;text-align:right;padding-bottom:3px;}
.article .photos-url a:hover .link{color:#2e5d7b;cursor:pointer; }
.article .photos-url a .link .video {background:url(i/icons/video-icon.gif) right 0px no-repeat;padding-right:23px;padding:3px 32px 0px 0px}
.article .photos-url a:hover .link .video{background:url(i/icons/video-icon.gif) right -19px no-repeat;}
.article .photos-url a .link .slideshow {background:url(i/icons/slideshow-icon.gif) right 0px no-repeat;padding-right:23px;padding:3px 25px 0px 0px}
.article .photos-url a:hover .link .slideshow{background:url(i/icons/slideshow-icon.gif) right -19px no-repeat;}
.article .text, .article .text p{font:12px Georgia;line-height:14px;}
.article .text h3{font-size:19px;margin-bottom:3px;}
.article .text h4{font-size:16px;margin-bottom:3px;}
.article .text h5{font-size:13px;margin-bottom:3px;}
.article .text .captioned-photo{float:none;margin-right:0;}
.article .text ul{list-style-type:disk;list-style-position:inside;padding-bottom:1em;padding-left:12px;}
.article .text ol{list-style-type:decimal;list-style-position:inside;padding-bottom:1em;padding-left:12px;}
.article .text blockquote{font-size:15px;font-weight:bold;text-transform:uppercase;margin:0;padding:0;line-height:18px;position:relative;}
.article .text blockquote span{margin-bottom:12px;display:block;}
.article .text blockquote span.pullquote{margin-bottom:0;width:300px;left:-322px;display:block;position:absolute;}

.article .footer{border-top:1px dotted #BBBBBB;padding-top:18px;overflow:hidden;font-size:11px;color:#666;width:268px;}
.article .footer .links li{margin-bottom:5px;font-weight:bold;}
.article .footer .links li a .video{background:url(i/icons/video-icon.gif) right 0px no-repeat;padding:3px 32px 0px 0px}
.article .footer .links li a:hover .video{background:url(i/icons/video-icon.gif) right -19px no-repeat;}

.pc .keywords{border-top:1px dotted #BBBBBB;float:left;padding-top:18px;padding-right:32px}
.set5 .keywords{border-top:0;float:none;padding:0;}
.utils.bottom{float:left; margin-bottom:20px;}

.noDropCaps {display:none; visibility:hidden;}

.comments {margin-top:0;}

/* Adding hover style to all links appearing in content area of articles */
.article .content a,
.article .captioned-photo a {
    text-decoration:none; border-bottom:1px dotted #bbbbbb;
    }
.keywords a:hover,
.utilities-bottom a:hover,
.bottom-links .archive a:hover {
    text-decoration:underline;
    }