/*---- Overwrites + Tweaks ---------------------------------------------------*/ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, iframe, img, input, label, li, ol, p, script, ul { margin:0; padding:0; } object { outline: none; } /* cnn top + bottom nav */ div.cnnTopnav { padding:4px 0 5px 0px; width:1000px; } #sipg div.content a { outline: none; } #sipg div.content iframe { display: block; } /*---- GUI -------------------------------------------------------------------*/ #sipg div.topper, #sipg div.moreGalls h4, #sipg div.moreGalls div.paginator { background: #000000 url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/bgEltsGlobal_spr.gif') no-repeat; } #sipg div.content, #sipg div.content div.hr, #sipg h5, #sipg div#preRollCont { background: #050505 url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/bgEltsContent_spr.png') repeat-x; } #sipg div.topper ul.nav li a, #sipg div.topper ul.nav li a big, #sipg div.moreGalls ul.nav li a, #sipg div.moreGalls ul.nav li a big { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/commonNavs_spr.png') no-repeat; } #sipg h2.interactive { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/interactiveFeatures_spr.gif') no-repeat center top; } #sipg .module.links li a, #sipg div.share, #sipg .icon, #sipg a.thumb.info, #sipg span.tframe, #sipg div.moreGalls div.paginator ul.slidePaginator li, #sipg div.ltbx div.pop a.close { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/coreGui_spr.gif') no-repeat; } #sipg div.captionHdr a, #sipg div.arrowNav a { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/gallContent_spr.png') no-repeat; } #sipg.indexGallery #indexContent div.indexSort ul.outerList a.listNav_on, #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li a, #sipg.indexGallery #indexContent div.indexThumbs a.moreB, #sipg.indexGallery div.indexPromo a.promoB{ background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/galleriesIndex_spr.gif') no-repeat; } #sipg.indexGallery div.indexPromo img { cursor: pointer; } #sipg div.rightRail div.eogNext, #sipg div.rightRail div.eogNext q.icon, #sipg div.rightRail div.eogNext a.thumb{ background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/bgEltsEOG_spr.gif') no-repeat; } #sipg.indexGallery #indexContent div.indexThumbs h5{ background: #353535 url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/shim_indexHeader.gif') repeat-x; } #sipg div.captionHdr a span, #sipg div.share a.icon small { position: relative; left: -9999px; } #sipg .clearfix:after, #sipg div.gallPanel:after, #sipg div.gallPanel ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #sipg .clearfix, #sipg div.gallPanel, #sipg div.gallPanel ul { display: inline-block; } #sipg .ui-tabs .ui-tabs-hide { display: none; } /*---- Photo Gallery Core ----------------------------------------------------*/ #sipg img { margin: 0 auto; vertical-align: top; } body#sipg { background: #050505 url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/bg_pattern.gif') repeat-x; } body#sipg div.content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #sipg div.content, #sipg div.moreGalls { color: #999; line-height: 18px; } #sipg div.outer_wrapper { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/bg_fader.png') repeat-y; margin: 0 auto; width: 1060px; text-align: center; } #sipg div.inner_wrapper { background-color: #050505; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 1000px; padding: 0 1px; margin: 0 auto; text-align: left; } #sipg .clear { clear: both; } #sipg div.content a, #sipg div.content a:link {color: #999; text-decoration:none; } #sipg div.content a:visited {color: #ccc;} #sipg div.content a:hover, #sipg div.content a:active {color: #fff;} #sipg h1, #sipg div.content h2, #sipg div.content h3, #sipg div.content h4, #sipg div.content h5, #sipg div.content h6 { color: #fff; } #sipg h1 { font: 34px Georgia, serif; text-align: center; padding: 10px 0; } #sipg h2 { font: bold 20px Arial,helvetica,sans-serif; margin: 0 0 5px 0; } #sipg h3 { font: bold 14px Arial,helvetica,sans-serif; margin: 0 0 5px 0; } #sipg h4 { font: 26px Georgia, serif; } #sipg h6 { font: 18px Georgia, serif; } #sipg .clear { clear: both; } /* solo thumbnail treatment */ /* solo thumbnail treatment */ #sipg a.thumb { float: left; margin: 5px; } #sipg a.thumb, #sipg a.thumb span.tframe { display: block; height: 100px; width: 100px; overflow: hidden; position: relative; } #sipg a.thumb span.tframe { z-index: 2; } #sipg a.thumb:hover span.tframe { background-position: -120px 0; } #sipg a.thumb img { position: absolute; top: 0; left: 0; } /* #sipg div.pop ul.content a.thumb { text-align: center; } #sipg div.pop ul.content a.thumb img { position: relative; } */ /* thumbnails w info treatment */ #sipg a.thumb.info { background-position: 120px -342px; height: 118px; width: 248px; border-left: 1px solid #242424; overflow: hidden; margin: 0; padding-top: 5px; } #sipg a.thumb.info:hover { background-position: -135px -342px; } #sipg a.thumb.info span.tframe, #sipg a.thumb.info img { float: left; margin: 9px 9px 2px 14px; } #sipg a.thumb.info span.tframe { margin-top: 4px; } #sipg a.thumb.info big { font: bold 12px Arial; display: block; margin: 0 0 1px; color: #fff; padding-right:5px; } #sipg a.thumb.info small { font: 10px Arial; display: block; color: #888; padding-right:5px; line-height: 11px; } #sipg q.icon { font-size: 10px; color: #3d3d3d; padding-left: 15px; quotes: none; margin-bottom: 5px; } /* safari quote removal */ #sipg q.icon:before, #sipg q.icon:after { content: ""; content: none; } #sipg q.icon.pg { background-position: -385px -302px; } #sipg q.icon.poll { background-position: -385px -407px; } #sipg q.icon.ranker { background-position: -385px -446px; } #sipg q.icon.trivia { background-position: -384px -366px; } /*---- Topper ----------------------------------------------------------------*/ #sipg div.topper { height: 66px; position: relative; } #sipg div.topper a.titleLink { position: absolute; display: block; left: 150px; top: 0px; } #sipg div.topper a.titleLink img { width: 275px; height: 60px; } /* nav */ /* #sipg .cnnTopnav, #sipg .cnnBotnav { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; } #sipg .cnnTopnav a, #sipg .cnnBotnav a { padding: 0 9px !important } #sipg .cnnTopnav a { color: #000; } */ #sipg div.topper ul.nav { position: absolute; top: 0; left: 430px; height:30px; overflow: hidden; } #sipg div.topper ul.nav li { float: left; } #sipg div.topper ul.nav li a, #sipg div.topper ul.nav li a big { display: block; font: 12px Arial; } #sipg div.topper ul.nav li a { background-position: left -30px; padding-left: 5px; font: 12px Arial; color: #ccc; } #sipg div.topper ul.nav li a big { padding: 4px 13px 7px 7px; background-position: right 0; } #sipg div.topper ul.nav li.f a { background-position: left 0; } #sipg div.topper ul.nav li.l a big { background-position: right -30px; } #sipg div.topper ul.nav li a:hover { background-position: left -90px; color: #fff; border: none; } #sipg div.topper ul.nav li.f a:hover { background-position: left -60px; } #sipg div.topper ul.nav li a:hover big { background-position: right -60px; } #sipg div.topper ul.nav li.l a:hover big { background-position: right -90px; } /* sponsor chip */ #sipg div.topper .sponsorChip { position: absolute; top: 0; right: 10px; } #sipg div.topper .sponsorChip img { border: 0; } /*---- Primary Content -------------------------------------------------------*/ #sipg div.content { position: relative; background-color: #0f0f0f; background-position: 0 -51px; *zoom: 1; padding-bottom: 29px; } #sipg div.content div.hr { position: absolute; left: 0; bottom: 0; background-position: 0 -23px; height: 28px; width: 100%; z-index: 1; } #sipg div.content div.hr hr { display: none; } #sipg div.mainContent { float: left; width: 646px; position: relative; z-index: 2; left: 7px; } #sipg div.rightRail { float: right; width: 338px; position: relative; z-index: 2; right: 6px; } /* large gallery photo */ #sipg div.gallPhoto { width: 643px; border: 1px solid #3f3f3f; line-height:0; padding: 0; } #sipg div.gallPhoto .innerFrame { width: 641px; background-color: #050505; border: 1px solid #050505; overflow: hidden; position: relative; text-align: center; } /* photo caption */ #sipg div.mainContent span.caption { color: #555; font-size: 10px; float: left; width:225px; display: block; line-height: 13px; margin-top: 5px; } /* share */ #sipg div.share { background-position: left -120px; width: 64px; height: 50px; position: relative; right: -10px; margin: 0 auto; } #sipg div.mainContent div.share { float: right; } #sipg div.share.jsEnabled { background-position: -77px -120px; width: 338px; } #sipg div.share h6 { display: none; } #sipg div.share ul.icons { position: absolute; left: 1px; top: -1px; z-index: 2; } #sipg div.share ul.icons li { float: left; margin-left: -3px; } #sipg div.share a.icon { display: block; height: 48px; width: 58px; overflow: hidden; } #sipg div.share a.icon.email { background-position: 0 -183px; } #sipg div.share a.icon.buzz { background-position: -59px -183px; display: none; } #sipg div.share a.icon.fb { background-position: -118px -183px; display: none; } #sipg div.share a.icon.digg { background-position: -177px -183px; display: none; } #sipg div.share a.icon.twitter { background-position: -236px -183px; display: none; } #sipg div.share a.icon.more { background-position: -295px -183px; display: none; } #sipg div.share.jsEnabled a.icon.email.over, #sipg div.share.jsEnabled a.icon.email:hover { background-position: 0 -238px; } #sipg div.share a.icon.buzz.over, #sipg div.share a.icon.buzz:hover { background-position: -59px -238px; } #sipg div.share a.icon.fb.over, #sipg div.share a.icon.fb:hover { background-position: -118px -238px; } #sipg div.share a.icon.digg.over, #sipg div.share a.icon.digg:hover { background-position: -177px -238px; } #sipg div.share a.icon.twitter.over, #sipg div.share a.icon.twitter:hover { background-position: -236px -238px; } #sipg div.share a.icon.more:hover { background-position: -295px -238px; } #sipg .sharePop { background-color: #050505; position: absolute; top: -63px; font-size: 11px; padding: 2px 1px; width: 130px; } #sipg .sharePop li { border: 1px solid #242424; } #sipg .sharePop a { font-style: normal !important; } /* js enabled overrides */ #sipg div.share.jsEnabled a.icon.buzz, #sipg div.share.jsEnabled a.icon.fb, #sipg div.share.jsEnabled a.icon.digg, #sipg div.share.jsEnabled a.icon.twitter, #sipg div.share.jsEnabled a.icon.more { display: block; } /* "Add This" share component overrides */ #sipg #at15s { margin-top: -18px !important; } #sipg #at20mc h4 { font-size: 14px; font-weight: bold; color: #888; } #sipg a#at16ptx { color: #282828; } #sipg #at16pf a:hover, #sipg a#at16ptx:hover { color: #050505; text-decoration: none; } /* photo related info */ #sipg div.captionHdr { border-bottom: 1px solid #282828; margin-bottom: 5px; padding: 8px 0 0; height: 21px; margin: 15px 14px 5px; position: relative; } #sipg div.captionHdr em { color: #555; } #sipg div.captionHdr a.thumbsBtn { display: block; position: absolute; right: 0; top: 5px; background-position: 0 -230px; height: 24px; width: 35px; overflow: hidden; } #sipg div.captionHdr a.thumbsBtn:hover { background-position: -60px -230px; } #sipg div.content h3.rank { display: block; color: #595959; font-family: georgia, serif; font-weight: normal; float: left; font-size: 68px; padding: 2px 0; border-bottom: 1px solid #282828; width: 310px; margin: -10px 0 10px; } #sipg div.content h3.rank em { font-size: 50px; } #sipg div.captionHdr a.left_arr, #sipg div.captionHdr a.right_arr { display: block; overflow: hidden; float: left; width: 18px; height: 18px; font-size: 1px; background: transparent url(http://i.cdn.turner.com/si/.e/img/4.1/sect/photo_gallery/arrows_transparent.gif) no-repeat; } #sipg div.captionHdr a.left_arr { background-position: 0px -18px; } #sipg div.captionHdr a.left_arr:hover { background-position: 0px 0px; } #sipg div.captionHdr a.right_arr { background-position: -18px -18px; } #sipg div.captionHdr a.right_arr:hover { background-position: -18px 0px; } #sipg div.captionHdr div.pagination { float: left; margin: 0px 10px; } /* photo arrows */ #sipg div.arrowNav { position: absolute; left:0px; width: 641px; } #sipg div.arrowNav a { display: block; width: 80px; height: 110px; cursor: pointer; } #sipg div.arrowNav a.leftArrow { background-position: 0 0px; } #sipg div.arrowNav a.rightArrow { background-position: right 0px; } #sipg div.arrowNav a.leftArrow:hover { background-position: 0 -110px; } #sipg div.arrowNav a.rightArrow:hover { background-position: right -110px; } /* photo title + description */ #sipg div.rightRail h2, #sipg div.rightRail h3, #sipg div.rightRail p { clear: both; margin: 0 14px; } #sipg div.rightRail p { border-bottom: 1px solid #282828; margin: 5px 14px; color:#ccc; padding-bottom: 10px; } #sipg div.rightRail p a { text-decoration: underline !important; } #sipg div.rightRail TABLE#rightColAd { margin:0 14px; } #sipg div.rightRail TABLE#rightColAd TD { text-align:center; } #sipg #blurb { margin-left: 14px; margin-right: 14px; margin-bottom: 14px; } #sipg #blurb p { margin-left: 0px; margin-right: 0px; border-bottom: 0px; } #sipg #blurb p a { color: #FFF; } #sipg #blurb ul { border-bottom: 1px solid #282828; margin: 5px 14px; padding: 0 0 10px 20px; color:#ccc; } #sipg #blurb ul li { list-style: disc; } /* 300x60 promo */ #sipg div.promo300x50, #sipg div.adRectangleUnit { background-color: #050505; width: 310px; margin: 10px 0 10px 14px; position: relative; padding: 5px 0; clear: both; } #sipg div.adRectangleUnit div.inner, #sipg div.promo300x50 div.inner { margin: 0 auto; text-align: center; } #sipg div.adRectangleUnit div.inner iframe, #sipg div.promo300x50 div.inner iframe { margin: 0 auto; } /* links module */ #sipg div.links { margin: 5px 14px; } #sipg div.module h5 { font: bold 13px Arial; text-transform: uppercase; width: 100%; padding: 4px 0; text-indent: 8px; margin:5px 0 1px; } #sipg .module.links li { border-top: 1px solid #242424; border-bottom: 1px solid #242424; margin-top: -1px; position: relative; } #sipg .module.links li a { background-position: -385px 12px; font-style: italic; color: #999; display: block; position: relative; padding: 5px 10px 5px 21px; overflow: hidden; } #sipg .module.links li a.selected, #sipg .module.links li a:hover { background-position: -385px -48px; background-color: #ec0e00; color: #fff; } /*---- More Galleries Section ------------------------------------------------*/ #sipg div.moreGalls { position: relative; margin-bottom: 2px; width: 100%; font-family: arial, sans-serif, helvetica; } #sipg div.moreGalls h4 { font-family: Georgia, serif; font-size:26px; color:#FFF; font-weight: normal; background-position: 0 -66px; height: 35px; margin: 0; padding: 5px 10px 0; overflow: hidden; line-height: 30px; } #sipg div.moreGalls ul.nav { display: none; } /* thumbnail sections */ #sipg div.moreGalls div.gallPanel { margin-left: 2px; overflow: hidden; position: relative; width: 996px; } #sipg div.moreGalls div.gallPanel ul { clear: both; left: -1px; position: relative; } #sipg div.moreGalls div.gallPanel ul li { float: left; } #sipg div.moreGalls a.anchorNames { display: block; clear: both; margin: 10px 0 10px 10px; font: 14px Georgia, serif; } #sipg div.moreGalls a.anchorNames:hover { color: #999; cursor: default; } #sipg.thumbsWrapper { background: none; background-color: #000; padding: 5px; } /* javascript overrides */ #sipg div.moreGalls.jsEnabled div.gallPanel { overflow: hidden; height: 118px; padding-top: 10px; width: 995px; } #sipg div.moreGalls.jsEnabled a.anchorNames { display: none; } #sipg div.moreGalls.jsEnabled ul.nav { display: block; position: absolute; top: 7px; left: 220px; height: 33px; } #sipg div.moreGalls.jsEnabled ul.nav li { float: left; } #sipg div.moreGalls.jsEnabled ul.nav li a { background-position: left 999px; display: block; padding-left: 14px; outline: 0; color: #999; float: left; position: relative; left: -5px; } #sipg div.moreGalls.jsEnabled ul.nav li a:hover { color: #fff; } #sipg div.moreGalls.jsEnabled ul.nav li a big { background-position: right 999px; padding: 6px 14px 9px 0; display: block; font-size: 10px; text-transform: uppercase; } #sipg div.moreGalls.jsEnabled ul.nav li.ui-tabs-selected a { background-position: left -135px; cursor: default; } #sipg div.moreGalls.jsEnabled ul.nav li.ui-tabs-selected a big { background-position: right -135px; color: #ec0e00; } /* paginator footer */ #sipg div.moreGalls div.paginator { background-position: 0 -116px; height:29px; margin-top:10px; width: 100%; position: relative; padding-top: 3px; } #sipg div.moreGalls div.paginator ul.slidePaginator { margin: 0 auto; text-align: center; } #sipg div.moreGalls div.paginator ul.slidePaginator li { display: block; background-position: -329px -70px; height: 25px; width: 15px; float: left; } #sipg div.moreGalls div.paginator ul.slidePaginator li.hover { background-position: -342px -70px; cursor: pointer; } #sipg div.moreGalls div.paginator ul.slidePaginator li.current { background-position: -355px -70px; cursor: default; } #sipg div.moreGalls div.paginator ul.slidePaginator li.leftArrow { background-position: -251px -4px; width: 29px; cursor: pointer; } #sipg div.moreGalls div.paginator ul.slidePaginator li.rightArrow { background-position: -289px -4px; width: 29px; cursor: pointer; } #sipg div.moreGalls div.paginator ul.slidePaginator li.leftArrowHover { background-position: -251px -37px; } #sipg div.moreGalls div.paginator ul.slidePaginator li.rightArrowHover { background-position: -289px -37px; } #sipg div.moreGalls div.paginator ul.slidePaginator li.leftArrowDisabled, #sipg div.moreGalls div.paginator ul.slidePaginator.disabled li.leftArrow, #sipg div.moreGalls div.paginator ul.slidePaginator.disabled li.leftArrowHover { background-position: -251px -70px; cursor: default; width: 29px; } #sipg div.moreGalls div.paginator ul.slidePaginator li.rightArrowDisabled, #sipg div.moreGalls div.paginator ul.slidePaginator.disabled li.rightArrow, #sipg div.moreGalls div.paginator ul.slidePaginator.disabled li.rightArrowHover { background-position: -289px -70px; cursor: default; width: 29px; } #sipg div.moreGalls div.paginator ul.slidePaginator li span { display: none; } /*---- Lightbox --------------------------------------------------------------*/ #sipg div.ltbx { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; } #sipg div.ltbx .bg { position: absolute; background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/lightbox_bg.png') repeat; width: 100%; height: 100%; left: 0; top: 0; } #sipg div.ltbx div.pop { border: 1px solid #333; background-color: #000; padding: 30px 0 50px 50px; width: 630px; position: relative; margin: 0 auto; } #sipg div.ltbx div.pop h4 { font-size: 20px; color: #fff; float: left; margin: 0 9px 5px 0; padding-right: 10px; border-right: 1px solid #1e1e1e; } #sipg div.ltbx div.pop span.count { color: #888; display:block; float:left; margin-top:5px; } #sipg div.ltbx div.pop a.close { display: block; font: 18px Georgia, serif; color: #555; background-position: -85px -822px; height: 35px; width: 90px; position: absolute; right: 10px; top: 10px; text-align: right; padding: 8px 45px 0 0; } #sipg div.ltbx div.pop a.close:hover { color: #ccc; background-position: 95px -822px; } #sipg div.ltbx div.pop ul.content { float: left; clear: both; padding: 1px; border: 1px solid #1e1e1e; width: 576px; } #sipg div.ltbx div.pop ul.content li { overflow: hidden; overflow-y: scroll; height: 330px; padding: 5px; position: relative; } /*---- Galleries Index --------------------------------------------------------------*/ #sipg.indexGallery #indexContent{ min-height:433px;width:920px; margin: 0 40px; position:relative; } /* ---- Gallery Title ---- */ #sipg.indexGallery div.content h1 { font-size:45px; margin: 0 0 2px 40px; padding:15px 0 10px; text-align:left; } /* ---- Gallery Thumbs ---- */ #sipg.indexGallery #indexContent div.indexThumbs{ float:left; width:769px; border-right:#353535 solid 1px; margin-bottom:20px; } #sipg.indexGallery #indexContent a.thumb.info { border-left:0; margin:0 0 10px; } #sipg.indexGallery #indexContent div.indexThumbs li { float: left; } /* ---- Pagination Nav ----*/ /* > main component*/ #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav{ font: 900 18px Arial, Helvetica, sans-serif; float:right; margin: 20px 25px 20px 0; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav ul{ list-style:none; } /* > text links*/ #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav a{ display:block; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li a{ background-position:-233px -90px; color:#999; line-height:32px; padding-left:10px; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li a:hover{ color:#fff; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li a.on{ color:#ec0e00; cursor:default; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.first a{ background:none; } /* > back and next buttons*/ #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.imageB a{ text-indent:-9999px; width:81px; height:34px; padding:0px; background-position: -6px -9px; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.imageB a.next{ background-position: -6px -43px; margin-left:10px; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.imageB a.next:hover{ background-position: -6px -9px; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.imageB a.back{ background-position:-97px -43px; } #sipg.indexGallery #indexContent div.indexThumbs div.indexPageNav li.imageB a.back:hover{ background-position:-97px -9px; } /* ---- Section Headers ----*/ #sipg.indexGallery #indexContent div.indexThumbs h5{ background-position:0 0; font-size:18px; line-height:19px; margin:0 25px 10px 5px; padding:1px 0 2px 6px; clear:both; } #sipg.indexGallery #indexContent div.indexThumbs a.moreB{ color:#ec0e00; font: 900 14px Arial, Helvetica, sans-serif; margin:0 0 15px; padding:0 40px 0 0; float:right; background-position:126px -93px; text-transform: uppercase; } #sipg.indexGallery #indexContent div.indexThumbs a.moreB:hover{ color:#fff; } /* ---- Gallery Sort Rail ---- */ #sipg.indexGallery #indexContent div.indexSort{ width:141px; position:absolute; right:-1px; padding-left:10px; border-left:#353535 solid 1px; } #sipg.indexGallery #indexContent div.indexSort h4{ color:#FFFFFF; font-size:30px; margin:0; } #sipg.indexGallery #indexContent div.indexSort ul.outerList a{ display:block; color:#ec0e00; font-size:15px; font-weight:900; margin: 10px 0 0 -30px; padding-left:30px; } #sipg.indexGallery #indexContent div.indexSort ul.outerList a.listNav_on{ background-position:-220px -17px; color:#fff; cursor: default; } #sipg.indexGallery #indexContent div.indexSort ul.outerList a:hover{ color:#fff; } #sipg.indexGallery #indexContent div.indexSort ul.innerList a{ background: none !important; color:#999; font-size:12px; font-weight:900; margin: 0 0 0 0; padding-left:0px; } #sipg.indexGallery #indexContent div.indexSort ul.innerList a:hover{ color:#fff; } /*---- Index Promo ----*/ #sipg.indexGallery div.indexPromo{ display:none; height:120px; margin:0 auto 10px; padding-top:10px; position:relative; width:920px; } #sipg.indexGallery div.indexPromo a.promoB{ background-position:-100px -137px; color:#999999; display:block; height:21px; left:858px; line-height:21px; padding:0 0 0 8px; position:relative; width:62px; } #sipg.indexGallery div.indexPromo a.promoB:hover{ color:#fff; background-position:-10px -137px; } /*---- EOG Links --------------------------------------------------------------*/ #sipg div.rightRail div.eogNext{ background:none; height:160px; position:relative; left:-4px; margin:15px 0; clear: both; } #sipg div.rightRail h4{ margin:0 0 0 20px; padding:0; } #sipg div.rightRail div.eogNext h4 { margin:0 0 0 22px; padding:0; position:relative; z-index: 2; top:5px; } #sipg div.rightRail a.thumb.info{ border-left:0; float:none; margin:0 0 0 10px; } #sipg div.rightRail a.thumb.info small{ color:#fff; } #sipg div.rightRail q.icon { color:#fff; } #sipg div.rightRail div.eogNext q.icon.pg { background-position:-358px -1px; } #sipg div.rightRail div.eogNext q.icon.poll { background-position: -358px -106px; } #sipg div.rightRail div.eogNext q.icon.ranker { background-position: -358px -145px; } #sipg div.rightRail div.eogNext q.icon.trivia { background-position: -358px -65px; } /* > roll over button bg*/ #sipg div.rightRail div.eogNext a.thumb.info{ position:relative; margin: 0; background-position: 0 -119px; width:320px; height:125px; padding-top:40px; top:-35px; padding-left:22px; } #sipg div.rightRail div.eogNext a.thumb.info:hover{ background-position: 0 -289px; } #sipg div.eogNext a.thumb.info img { margin-top:44px; padding-left:22px; } #sipg div.eogNext a.thumb.info span.tframe, #sipg div.eogNext a.thumb.info img { margin-left:0; } /* > End of Gallery Promo*/ #sipg div.rightRail img.eogPromo{ padding-top:20px; margin: 10px 0 0 14px; border-top: 1px solid #282828; cursor: pointer; } /*---- Pre Roll --------------------------------------------------------------*/ #sipg div#preRollCont { position: relative; overflow: hidden; width: 100%; background-color: #0F0F0F; background-position: 0 -51px; height: 0px; } /*---- Interactive Galleries ------------------------------------------------*/ #sipg h2.poll { padding-top: 22px; background-position: center 5px; } #sipg .content .flashWrapper { width: 946px; height: 460px; border: 1px solid #555; margin: 0 auto; position: relative; } /*----- Footer -----*/ /* Fixes */ #cnnFooter { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; background: #FFF; padding-top: 1px; } #cnnFooter a:link, #cnnFooter a:visited { color: #000; } #cnnFooter a:hover, #cnnFooter a:active { color: #EC2C21; } #cnnFooter .cnnHolder { height: 170px; } #cnnFooter .cnnFooterBox, #cnnFooter .cnnSearchFooter, #cnnFooter .cnnBelowContent { background-color: #FFF; } #cnnFooter .cnnFooterBox .cnnRight li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url(http://i.cdn.turner.com/si/.element/img/4.0/global/arrows/red_on_white_5x9.gif) no-repeat scroll 0 11px; color:#B2B2B2; float:left; font-weight:bold; font-size:11px; line-height:15px; overflow:hidden; padding:8px 0 7px 8px; white-space:nowrap; width:162px; } #cnnFooter .ie .cnnFooterBox .cnnRight li { width:162px; } /*---- IE6 Fixes ------*/ #sipg #ie6 div.outer_wrapper { background: none; background-image: none; } #sipg #ie6 .gallPanel a.thumb.info span.tframe { margin-left: 7px; } #sipg #ie6 .categoryThumbs span.tframe { left: -14px; } #sipg #ie6 div.share ul.icons li { left:0; position: relative; } #sipg div.ltbx.ie6 { overflow: hidden; } #sipg div.ltbx.ie6 .bg { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/lightbox_bg.gif'); } #sipg #ie6 div.captionHdr a, #sipg #ie6 div.arrowNav a { background: transparent url('http://i.cdn.turner.com/si/.element/img/4.1/sect/photo_gallery/gallContent_spr.gif') no-repeat; } #sipg #ie6 div.captionHdr a { background-position: 0 -230px; } #sipg #ie6 div.moreGalls { margin-top: -10px; } #sipg #ie6 div.rightRail div.eogNext a.thumb.info{ left: 4px; margin-bottom: -35px; } #sipg #ie6 a.thumb.info span.tframe { margin-left: 7px; } #sipg #ie6 #cnnBotnav li { float: left; display: block; width: 20px; } #sipg.indexGallery #ie6 #indexContent div.indexSort ul.outerList li { border: 1px solid #0F0F0F; } #sipg.indexGallery #ie6 #indexContent div.indexSort ul.innerList li { border: 1px solid #0F0F0F; } div#atffc{ display:none; } #sipg #ie6 div.arrowNav a.leftArrow { background-position: 0 0px; } #sipg #ie6 div.arrowNav a.rightArrow { background-position: right 0px; } #sipg #ie6 div.arrowNav a.leftArrow:hover { background-position: 0 -110px; } #sipg #ie6 div.arrowNav a.rightArrow:hover { background-position: right -110px; }