/********************************************************************************************************************
Fox News - Slideshow CSS
********************************************************************************************************************/

/*** Structural Components ***/
body { position: relative; background: #333; }
a, a:hover { color: #fff; }
p { margin: 0 0 16px; color: #999; font-size: 12px; }

/*** Section Head ***/
#section-head { padding: 27px 0 0; }
#section-head #util { border-bottom: 1px solid #555; background: #9c9c9c; background: -moz-linear-gradient(0% 100% 90deg, #7f7f7f, #9c9c9c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#7f7f7f)); }
#section-head #util dl { border-right-color: #999; border-left: 1px solid #666; }
#section-head #util dd { border-right: 1px solid #666; border-left: 1px solid #999; }
#section-head #util dd a { padding: 5px 8px 4px; color: #333; text-shadow: 0 1px 0 #acacac; }
#section-head #util dd a:hover { background: #bdbdbd; background: -moz-linear-gradient(0% 100% 90deg, #a5a5a5, #bdbdbd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdbdbd), to(#a5a5a5)); }
#section-head #util dd a.active { border-bottom-color: #333; background: #333; color: #fff; text-shadow: none; }
#section-head #util #account { border-right-color: #999; border-left-color: #666; background: #9c9c9c; background: -moz-linear-gradient(0% 100% 90deg, #7f7f7f, #9c9c9c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#7f7f7f)); }
#section-head #util #account ul { padding: 4px 0 0 9px; }
#section-head #util #account #authentication li a { border-color: #555; background: #555; color: #fff; }
#section-head #util #account .username .encapsulate { border-left: 0 none; }
#section-head #util #account .username .encapsulate span { background-position: right -7px; color: #333; text-shadow: 0 1px 0 #acacac; }
#section-head #util #account.inactive { border-right: 1px solid #999; border-left: 1px solid #666; }
#section-head #util #account.inactive .username { border-right-color: #666; border-left: 1px solid #999; }

/*** Head ***/
#head { padding: 12px 0 8px; border-bottom-color: #555; }
#head #nav-main { padding: 2px 10px 0 26px; }
#head #nav-main li { border-color: #999; line-height: 1.1; }
#head #nav-main li a, #head #nav-main li a:hover, #head #nav-main li a.active { color: #fff; }
#head .search-btn, #head .search-btn:visited { color: #333; }
#head .search-btn:hover { color: #555; }

/*** Content ***/
#content { width: 972px; margin: 0 auto; overflow: hidden; }

/*** Slideshow Head ***/
#content .ss-head { margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid #555; overflow: hidden; }
#content .ss-info { width: 780px; float: left; }
#content .ss-info h1 { margin: 0 0 2px; color: #fff; font-size: 32px; font-weight: normal; letter-spacing: -0.04em; }
#content .ss-info .summary { margin: 0; line-height: 1.6; }
#content .ss-extra { float: right; }
#content .ss-extra .ss-ad { width: 170px; margin: 0 0 8px; overflow: hidden; }
#content .ss-extra .ss-ad span { width: 71px; height: 5px; margin: 13px 0 0; display: block; float: left; background: url("../img/bg-text.gif") no-repeat 0 0; color: #999; font-size: 11px; text-indent: -9999px; }
#content .ss-extra .ss-ad .ad { width: 88px; height: 31px; float: right; }
#content .ss-extra .ss-more { float: right; }
#content .ss-extra .ss-more a { padding: 12px 29px 12px 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; background: #000 url("../img/bg-icon-arrow-down.gif") no-repeat 135px 17px; color: #fff; font-weight: bold; letter-spacing: -0.02em; text-decoration: none; }
#content .ss-extra .ss-more a:hover { text-decoration: none; }

/*** Slideshow Content ***/
#slideshow { clear: both; }
#slideshow .ss-content { width: 660px; float: left; }
#slideshow .ss-content .share { margin: 0 0 12px; width: 450px; float: left; }
#slideshow .ss-content .controls { margin: 0 0 8px; float: right; width:auto; }
#slideshow .ss-content .controls span { margin: 4px 0 0; float: left; color: #999; font-size: 11px; font-weight: bold; }
#slideshow .ss-content .controls .prev, #slideshow .ss-content .controls .next { width: 21px; height: 21px; margin: 0 0 0 12px; display: block; float: left; background: url("../img/btn-slide-controls.gif") no-repeat 0 0; text-indent: -9999px; }
#slideshow .ss-content .controls .next { margin: 0 0 0 6px; background-position: 0 -21px; }

/*** Slideshow Right Rail ***/
#slideshow .ss-aside { width: 300px; float: right; }
#slideshow .ss-aside .slide-info h2 { margin: 0 0 8px; color: #fff; font-size: 18px; font-weight: normal; letter-spacing: -0.02em; }
#slideshow .ss-aside .slide-info .summary { line-height: 1.6; }
#slideshow .ss-aside .ads { overflow: hidden; }
#slideshow .ss-aside .ads .ad.dc { min-height: 250px; }
#slideshow .ss-aside .ads span { width: 77px; height: 5px; margin: 4px 0 12px; display: block; float: right; background: url("../img/bg-text.gif") no-repeat 0 -6px; text-indent: -9999px; }
#slideshow .ss-aside .related { padding: 8px 0 0; border-top: 2px solid #555; display: block; }
#slideshow .ss-aside .related h2 { margin: 0 0 12px; color: #fff; font-size: 13px; text-transform: uppercase; }
#slideshow .ss-aside .related li { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid #555; overflow: hidden; }
#slideshow .ss-aside .related li:first-child { margin: 0; padding: 0; border: 0 none; }
#slideshow .ss-aside .related li .m { margin: 0 12px 0 0; float: left; }
#slideshow .ss-aside .related li h3 { margin: 0 0 6px; color: #fff; font-weight: bold; }
#slideshow .ss-aside .related li .summary { color: #999; line-height: 1.2; } 

/*** Slides ***/
#slideshow .slide { clear: both; }
#slideshow .slide .photo { height: 516px; margin: 0 0 12px; position: relative; background: #222; }
#slideshow .slide .photo img { position: relative; top: 0; left: 0; text-align: center; vertical-align: middle; }
#slideshow .slide-bank { width: 615px; margin: 0 0 25px 25px; position: relative; }
#slideshow .slide-bank .prev, #slideshow .slide-bank .next { width: 21px; height: 21px; margin: 0 0 0 6px; padding: 0; display: block; float: right; overflow: hidden; background: url("../img/btn-slide-controls.gif") no-repeat 0 0; text-indent: -9999px; }
#slideshow .slide-bank .next { margin: 0 0 0 6px; background-position: 0 -21px; }
#slideshow .slide-bank .controls { margin: 0; float: none; position: relative; top: 40px; z-index: 1; }
#slideshow .slide-bank .controls .prev { margin: 0; position: absolute; left: 0; }
#slideshow .slide-bank .controls .next { margin: 0; position: absolute; right: 0; }
#slideshow .slide-bank .encapsulate { width: 528px; margin: 0 auto; overflow: hidden; position: relative; z-index: 5;}
#slideshow .slide-bank ul { width: 999999px; float: left; } 
#slideshow .slide-bank li { width:62px; padding: 0 0 0 4px; float: left; word-spacing: 0; }
#slideshow .slide-bank li:first-child { margin: 0; padding:0; }
#slideshow .slide-bank li a { border: 1px solid #333; display: block; }
#slideshow .slide-bank li.active a { border-color: #ccc; }
#slideshow .slide-bank li img { display: block; }
#slideshow .slide-bank li .caption { display:none; }

/*** Overlay ***/
#overlay { display:none; width: 660px; margin: 0 auto; padding: 24px 36px; position: absolute; top: 25%; left: 25%; z-index: 9999999; background: #000; background: rgba(0,0,0,.9); }
#overlay .overlay-head { margin: 0 0 12px; position: relative; }
#overlay .overlay-head img { margin: 0 6px 0 0; float: left; }
#overlay .overlay-head h2 { margin: 0 0 4px; color: #fff; font-size: 20px; font-weight: normal; letter-spacing: -0.02em; line-height: .8; }
#overlay .overlay-head .summary { color: #666; font-size: 13px; font-weight: bold; line-height: 1; }
#overlay .overlay-head .close { width: 9px; height: 9px; position: absolute; top: 0; right: 0; background: url("../img/bg-icon-close.png") no-repeat 0 0; text-indent: -9999px; }
#overlay .overlay-content { position: relative; overflow: hidden; }
#overlay .overlay-content ul { width: 999999px; margin: 0 0 0 -12px; font-size: 0; word-spacing: -4px; }
#overlay .overlay-content li { width: 156px; margin: 0 0 0 12px; display: inline-block; *display: inline; position: relative; vertical-align: top; word-spacing: 0; zoom: 1; }
#overlay .overlay-content li .m { padding: 0 0 6px; }
#overlay .overlay-content li .summary { height: 30px; display: block; color: #666; font-size: 12px; font-weight: bold; line-height: 1.2; }
#overlay .overlay-content li .summary:hover { color: #fff; text-decoration: none; }
#overlay .overlay-item { margin: 0 0 12px; position: relative; }
#overlay .overlay-item .replay { width: 156px; height: 88px; position: absolute; top: 0; left: 0; background: url("../img/btn-replay.png") no-repeat 0 0; text-indent: -9999px; }
#overlay .overlay-item .vid-overlay { width: 24px; height: 24px; position: absolute; right: 5px; top: 60px; background: url("../img/btn-play.png") no-repeat 0 0; text-indent: -9999px; }
#overlay .overlay-item .m a:hover .vid-overlay { background-position: 0 -24px; }
#overlay .overlay-footer { border-top: 1px solid #232323; padding: 6px 0 0; }
#overlay .controls { width: 100%; float: right; }
#overlay .controls span { color: #666; font-size: 11px; text-align: left; }
#overlay .controls .prev, #overlay .controls .next { width: 21px; height: 21px; margin: 0 0 0 6px; padding: 0; display: block; float: right; overflow: hidden; background: url("../img/btn-slide-controls.gif") no-repeat 0 0; text-indent: -9999px; }
#overlay .controls .next { margin: 0 0 0 6px; background-position: 0 -21px; }

/*** Overrides ***/
div#page { width: 972px; }
div#container { margin: 0 0 16px; }
div.slideshow-container, div.loader, div.slideshow a.advance-link { width: 660px; }
div.controls { width: 100%; height: 21px; margin: 0 0 8px; padding: 0; }
div.controls .next { margin: 0 0 0 6px; }
div.slideshow img { border: 0 none; }
div.caption-container, span.image-caption { width: 300px; }
div.caption-container { margin: 0 0 16px; }
div.photo-index { margin: 0; padding: 0; position: absolute; top: 4px; bottom: auto; left: -140px; color: #999; font-weight: bold; font-size: 11px; }
span.image-caption { height: auto; }
div.caption { padding: 0; }
div.navigation-container { width: 636px; margin: 0 0 16px 12px; padding: 30px 0 0; }
div.navigation-container div.navigation { width: 100%; }
div.navigation a.pageLink { width: 21px; margin: 0; opacity: 1 !important; }
div.navigation a.pageLink.next { float: right; }

/*** Footer ***/
#footer { padding: 16px 14px; border-top: 1px solid #555; }
#footer .encapsulate { width: 972px; margin: 0 auto; position: relative; font-size: 11px; }
#footer .branding { margin: 0 12px 0 0; float: left; }
#footer ul { margin: 0 0 27px; overflow: hidden; list-style: none; }
#footer li { margin: 0 0 4px 6px; padding-left: 6px; border-left: 1px solid #999; float: left; font-size: 11px; font-weight: bold; line-height: 1.1; }
#footer li.first { margin: 0; padding: 0; border: 0 none; }
#footer .social { width: auto; margin: 0; position: absolute; top: 0; right: 0; }
#footer .social li { margin: 0 0 0 3px; padding: 0; border: 0 none; }
#footer .social li a { width: 12px; height: 12px; display: block; background: url("http://www.foxnews.com/static/all/img/global/bg-icon-media-1.png") no-repeat 0 0; text-indent: -9999px; }
#footer .social li .s1 { background-position: -24px 0; }
#footer .social li .s1:hover { background-position: 0 0; }
#footer .social li .s2 { background-position: -24px -12px; }
#footer .social li .s2:hover { background-position: 0 -12px; }
#footer .social li .s3 { background-position: -24px -36px; }
#footer .social li .s3:hover { background-position: 0 -36px; }
#footer .social li .s4 { background-position: -24px -48px; }
#footer .social li .s4:hover { background-position: 0 -48px; }
#footer .copyright { float: left; font-size: 11px; }

/*** Single Image View ***/
body.single #content .ss-head { margin: 0 0 16px; padding: 0; border: 0 none; overflow: hidden; }
#content .ss-info h1 { margin: 0; }