/* Show Site Globals ------------------*/ /*a {font-family:inherit;}*/ h1, h2, h3, h4, h5, p, ul, li {color: inherit; font-family:inherit;} /* Background and Padding for Middle ------------------*/ #main-middle-wrapper { background-color:#000000; padding-top: 15px; } #legacy-wrapper #main-left-module { padding-left:20px; width:590px; } /* Footer Background Image ------------------*/ #main-bottom-module { background:transparent url(/media/262/torchwood_footer.jpg) top no-repeat; height:293px; } /* Colors ------------------*/ /*Color of headers */ dl.show-feature dd.title, dl.vertical-feature dd.title, dl.show-feature dd.title a, dl.vertical-feature dd.title a, dl.forum-links dd.title a, .sub-bio-col2 h3, .more-from-character h3, .about-content h3, .quizquestion {color: #f11a05;} /*Color of regular text */ #main-content-wrapper, dl.show-feature dd.description, dl.vertical-feature dd.description, dl.forum-links dd.description, h2#like-show,.about-content, .sub-bio-col2 p, #gallery-count, ul.season li.title, ul.episodes li.title, .episode-col2 p, .about-content p {color: #fff;} /*Color of links */ dl.show-feature dd.actor, dl.show-feature dd.link a, dl.show-feature dd.link, dl.vertical-feature dd.category, dl.vertical-feature dd.link a, dl.forum-links dd.posted, dl.forum-links dd a.link, .sub-bio-col2 strong, #gallery-count #photo-number, ul.season li a, ul.episodes li a, .episode-col2 strong, .episode-col2 h3 { color: #bdb497; } ul.season li, ul.episodes li { border-right: #fff; } .bio-features dl.show-feature, .more-bios, .gallery-info, .episode-nav, .more-in-episode { border-bottom: #bdb497; color: #bdb497; } .more-bios, .gallery-info, .episode-nav, .more-in-episode { border-top: #bdb497; } /* Image Borders (can be colors or images) ------------------*/ .border-300x100, .border-125x95, .border-325x245, .border-45x45, .border-195x145, .border-320x220 { background-color:#bdb497; padding: 2px;} /*Color of link hover and no underline */ dl.show-feature dd.link a:hover, dl.vertical-feature dd.link a:hover, dl.forum-links dd a.link:hover, h2#like-show span, ul.episodes li a:hover, ul.season li a:hover { color: #f11a05; text-decoration:none; } /* Font Family ------------------*/ #main-content-wrapper { font-family:Georgia, palatino, Times, serif; } /*#main-content-wrapper a { font-family: Arial, Helvetica, sans-serif; }*/ dl.show-feature dd.title, dl.vertical-feature dd.title, dl.show-feature dd.title a, dl.vertical-feature dd.title a, dl.forum-links dd.title a, .sub-bio-col2 h3, .more-from-character h3,.sub-bio-col2 p, dl.show-feature, dl.show-feature, dl.vertical-feature, dl.forum-links, .about-content p, .gallery-info, #caption, .more-galleries dl.vertical-feature, h2#like-show span, .about-content h3 { font-family: Georgia, palatino, times, serif; } dl.show-feature dd.link, dl.show-feature dd.link a, dl.vertical-feature dd.link, dl.vertical-feature dd.link a, dl.forum-links dd a.link { font-family: Arial, Helvetica, sans-serif; } /* Page Header Banner Images ------------------*/ #banner1 .banner {background: transparent url(/media/262/torchwood_header_01.jpg) no-repeat; }/*For Index*/ #banner2 .banner {background: transparent url(/media/262/torchwood_header_02.jpg) no-repeat; }/*For Origins page*/ #banner3 .banner {background: transparent url(/media/262/torchwood_header_03.jpg) no-repeat; }/*For Ianto page*/ #banner4 .banner {background: transparent url(/media/262/torchwood_header_04.jpg) no-repeat; }/*For Jack page*/ #banner5 .banner {background: transparent url(/media/262/torchwood_header_05.jpg) no-repeat; }/*For Gwen page*/ #banner6 .banner {background: transparent url(/media/262/torchwood_header_06.jpg) no-repeat; }/*For Personnel page*/ #banner7 .banner {background: transparent url(/media/262/torchwood_header_07.jpg) no-repeat; }/*For Video page*/ #banner8 .banner {background: transparent url(/media/262/torchwood_header_08.jpg) no-repeat; }/*For Extras page*/ #banner9 .banner {background: transparent url(/media/262/torchwood_header_09.jpg) no-repeat; }/*For Quiz page*/ #banner10 .banner {background: transparent url(/media/262/torchwood_header_10.jpg) no-repeat; }/*For Blog*/ #banner11 .banner {background: transparent url(/media/262/torchwood_header_11.jpg) no-repeat; }/*For S1 Episode Guides*/ #banner12 .banner {background: transparent url(/media/262/torchwood_header_12.jpg) no-repeat; }/*For S2 Episode Guides*/ #banner13 .banner {background: transparent url(/media/262/torchwood_header_13.jpg) no-repeat; }/*For COE Episode Guides*/ #banner14 .banner {background: transparent url(/media/262/torchwood_header_14.jpg) no-repeat; }/*For Hub Tour*/ .show { /*bottom:5px;*/ height:256px; margin:0 0 -10px; position:relative; width:943px; } /* Line Break Graphic ------------------*/ .show-linebreak { background: transparent url(/media/262/torchwood_line.gif) no-repeat; width: 590px; height: 15px; } /* Page Title Graphics ------------------*/ h2#hdr-bios { text-indent: -9999px; background: transparent url(/media/262/torchwood_personnel_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } .more-bios h2#hdr-more-bios{ text-indent: -9999px; background: transparent url(/media/262/torchwood_personnel_more.gif) no-repeat; width:320px; height: 16px; margin: 5px 0 10px 0; } h2#hdr-photo-galleries { text-indent: -9999px; background: transparent url(/media/primeval/hdr-photo-galleries.png) no-repeat; width:583px; height: 33px; margin: 0; } h2#hdr-more-photos { background:transparent url(/media/262/torchwood_photo_morephotogalleries.gif) no-repeat scroll 0 0; height:9px; text-indent:-9999px; width:226px; } h2#hdr-about{ text-indent: -9999px; background: transparent url(/media/262/torchwood_origins_header.gif); width:590px; height: 32px; margin: 0; } h2#hdr-episode-guide{ text-indent: -9999px; background: transparent url(/media/262/torchwood_subheader_episodeguide.gif) no-repeat; width:590px; height: 32px; margin: 0;} h2#hdr-extras{ text-indent: -9999px; background: transparent url(/media/262/torchwood_extras_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } .more-in-episode h2#hdr-more-from-episode { text-indent: -9999px; background: transparent url(/media/262/torchwood_episodeguide_more.gif) no-repeat; width:320px; height: 16px; } h2#hdr-videos { text-indent: -9999px; background: transparent url(/media/262/torchwood_videos_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-member-quiz{ text-indent: -9999px; background: transparent url(/media/262/torchwood_quiz_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-gadget-gallery { text-indent: -9999px; background: transparent url(/media/262/header_gadgetgallery.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-quiz{ text-indent: -9999px; background: transparent url(/media/262/quizzes_subheader.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-hub-tour { text-indent: -9999px; background: transparent url(/media/262/torchwood_subheader_hubtour.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-coe-gallery { text-indent: -9999px; background: transparent url(/media/262/torchwood_photo_coe_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-s1-gallery { text-indent: -9999px; background: transparent url(/media/262/torchwood_photo_season1_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } h2#hdr-s2-gallery { text-indent: -9999px; background: transparent url(/media/262/torchwood_photo_season2_header.gif) no-repeat; width:590px; height: 32px; margin: 0; } /* End Show Site Globals ------------------*/ /* Show Site Navigation ------------------*/ ul.show-nav { margin: 60px 0 0 20px; float: left; _margin: 60px 0 0 10px; } ul.show-nav li { padding: 3px 0; _padding: 2px 0; } ul.show-nav li a { display: block; text-indent: -9999px; overflow: hidden; background: transparent url(/media/262/torchwood-show-nav-sprite.png) no-repeat;} ul.show-nav li#home a { background-position: -10px -10px; width: 140px; height: 14px; } ul.show-nav li#about a { background-position: -10px -29px; width: 140px; height: 14px; } ul.show-nav li#characters a { background-position: -10px -48px; width: 140px; height: 14px; } ul.show-nav li#video a { background-position: -10px -67px; width: 140px; height: 14px; } ul.show-nav li#extras a { background-position: -10px -86px; width: 140px; height: 14px; } ul.show-nav li#forum a { background-position: -10px -105px; width: 140px; height: 14px; } ul.show-nav li#blog a { background-position: -10px -124px; width: 140px; height: 14px; } ul.show-nav li#shop a { background-position: -10px -143px; width: 140px; height: 14px; } ul.show-nav li#gallery a { background-position: -10px -162px; width: 140px; height: 14px; } ul.show-nav li#episodes a { background-position: -10px -181px; width: 140px; height: 14px; } ul.show-nav li#home a:hover { background-position: -160px -10px; width: 140px; height: 14px; } ul.show-nav li#about a:hover { background-position: -160px -29px; width: 140px; height: 14px; } ul.show-nav li#characters a:hover { background-position: -160px -48px; width: 140px; height: 14px; } ul.show-nav li#video a:hover { background-position: -160px -67px; width: 140px; height: 14px; } ul.show-nav li#extras a:hover { background-position: -160px -86px; width: 140px; height: 14px; } ul.show-nav li#forum a:hover { background-position: -160px -105px; width: 140px; height: 14px; } ul.show-nav li#blog a:hover { background-position: -160px -124px; width: 140px; height: 14px; } ul.show-nav li#shop a:hover { background-position: -160px -143px; width: 140px; height: 14px; } ul.show-nav li#gallery a:hover { background-position: -160px -162px; width: 140px; height: 14px; } ul.show-nav li#episodes a:hover { background-position: -160px -181px; width: 140px; height: 14px; } /* HTML Tunein Info in Header ------------------*/ #tunein { float: right; margin: 12px 20px; font-family: arial; color: #fec30f; font-size: 18px; font-weight: bold; line-height: 17px; text-align: center; _margin: 20px 30px;} #tunein .big-premiere { font-size: 26px; line-height: 20px;} /* Home ------------------*/ .show-features { margin-bottom:15px; margin-top:-10px; } dl.show-feature { margin: 10px 0 0 0; width: 590px; } dl.show-feature dt { float: left; margin: 0 10px 0 0;} dl.show-feature dd { margin: 0 0 4px 0;} dl.show-feature dd.title, dl.show-feature dd.title a { text-decoration: none; font-size: 18px; } dl.show-feature dd.description { font-size: 13px; line-height: 15px; } dl.show-feature dd.actor { font-size: 16px; } dl.show-feature dd.link, dl.show-feature dd.link a { text-decoration: none; font-weight: bold; font-size: 11px; } dl.vertical-feature { margin: 10px 25px 0 25px; _margin: 10px 18px 0 18px; width: 145px; float: left; } dl.vertical-feature img { margin-top: 4px; } dl.vertical-feature dd.category { font-size: 11px; } dl.vertical-feature dd.title, dl.vertical-feature dd.title a { text-decoration: none; font-size: 14px; } dl.vertical-feature dd.description { font-size: 13px; } dl.vertical-feature dd.link a { text-decoration: none; font-weight: bold; font-size: 11px; } dl.forum-links { margin: 20px 0 20px 5px; width: 280px; } dl.forum-links dd.posted { font-size: 11px; } dl.forum-links dd.title a { text-decoration: none; font-size: 14px; font-weight: bold; } dl.forum-links dd.description { font-size: 14px; } dl.forum-links dd a.link { text-decoration: none; font-weight: bold; font-size: 11px; font-size: 11px; } .recommended-shows h2 { margin: 10px 0 0 5px; } .recommended-shows a img { margin: 10px 0 ; } h2#like-show { margin: 0 0 10px 0; font-style: italic; font-size: 14px;} h2#like-show span { font-style:italic;} /* About the Show -----------------------*/ .about-content { margin: 10px 0 0 0; } .about-content img { float: left; margin-right: 15px; margin-bottom:15px; } .about-content p { font-size: 14px; padding-right: 20px; } .about-content h3 { font-size:18px; padding-bottom:5px } /* Character & Actor Bios -----------------------*/ .bio-features dl.show-feature { border-bottom: 1px solid; padding-bottom: 15px; } .bio-features dl.show-feature.last { border: none; padding-bottom: 0; } .bio-features dl.show-feature dt { } .bio-features dl.show-feature dd { margin: 0;} .bio-features dl.show-feature dd.actor { margin: 0 0 2px 0; } /* Character & Actor Bios Sub ----------------------------*/ .sub-bio-content {} .sub-bio-col1 { float: left; margin: 0 15px 0 0; } .sub-bio-col2 { float: left; width: 250px; } .sub-bio-col2 h3 { font-size: 20px; } .sub-bio-col2 strong { font-size: 16px; } .sub-bio-col2 p { font-size: 14px; } .more-from-character { margin: 20px 0; } .more-from-character h3 { font-size: 18px; margin: 0; } .more-from-character dl.show-feature { width: 320px; } .more-from-character dl.show-feature dd.title a { font-size: 16px; } .more-bios { border-top: 1px solid; border-bottom: 1px solid; margin: 15px 0 0 0; padding: 5px 0; width: 320px; } .more-bios ul li { float: left; margin: 0 3px; } /* Photo Gallery -----------------------*/ .gallery-info { border-bottom: 1px solid; border-top: 1px solid; margin: 10px 15px 15px 0; padding: 3px 0;} h3#gallery-name { float: left; font-size: 18px; font-weight: bold; color:#BDB497;} #gallery-count { float: right; font-size: 16px; } #image-container { margin: 0 16px 0 0; } #image-container img { border: 2px solid #F11A05; display: none; } #image-container img.active { display: inline; } a#prev-btn { text-indent: -9999px; overflow: hidden; position: relative; float: left; display: block; width: 62px; height: 28px; bottom: 40px; background: transparent url(/media/262/gallery-prev-btn.gif) no-repeat; } a#next-btn { text-indent: -9999px; overflow: hidden; position: relative; float: right; display: block; width: 62px; height: 28px; bottom: 40px; background: transparent url(/media/262/gallery-next-btn.gif) no-repeat; } #caption { text-align: left; font-size: 14px; height:100px; position: relative; bottom: 10px; color: #FFFFFF; } #caption span { color:#F11A05; font-size: 14px; font-weight: bold; } /*.show-linebreak-home#photo-hdr { padding: 24px 0 0 10px; }*/ .more-galleries dl.vertical-feature { margin: 5px; float: left; width: 190px; } .more-galleries dl.vertical-feature dd.title { font-size: 17px; font-weight: bold; } .more-galleries dl.vertical-feature dd.link a{ font-size: 11px; } dl.vertical-feature.galleries { float:left; margin:10px 4px 10px 0; width:140px; } /* Episode Guide -----------------------*/ .season-nav { padding: 5px 0; float: right; margin: -37px 20px 0 0; width: 240px; _margin: -37px 10px 0 0;} ul.season, ul.season li.title, ul.season li a { font-size: 16px; } ul.season li { float: left; border-right: 1px solid; margin: 0 3px; padding: 0 3px 0 0;} ul.season li a { text-decoration: none; } ul.season li.title { border: none;} ul.season li.last { border: none;} .episode-nav { /*border-top: 1px solid;*/ border-bottom: 1px solid; padding: 5px 0; margin: 0 20px 0 0; } ul.episodes, ul.episodes li, ul.episodes li a { font-size: 16px; font-weight: bold; } ul.episodes li { float: left; border-right: 1px solid; margin: 0 3px; padding: 0 3px 0 0;} ul.episodes li a { text-decoration: none; } ul.episodes li.title { border: none;} ul.episodes li.last { border: none;} .episode-content { margin: 20px 15px 20px 0; } .episode-col1 { float: left; margin: 0 15px 5px 0; _margin: 0 5px 0 0; } .episode-col2 { } .episode-col2 h3 { font-size: 18px; font-weight: normal;} .episode-col2 strong { font-size: 16px; } .episode-col2 p { font-size: 14px; margin: 0 0 20px 0;} .more-in-episode { border-top: 1px solid; border-bottom: 1px solid; margin: 15px 0 0 0; padding: 5px 0; width: 320px; } .more-in-episode dl.show-feature { width: 320px; } .more-in-episode dl.show-feature dd.title a { font-size: 16px; } /* Extras --------------------------*/ dl.vertical-feature.extras { margin: 10px 4px 10px 0; _margin: 10px 3px 10px 0; width: 194px; float: left; } dl.vertical-feature.extras.last { margin: 10px 0; _margin: 10px 0; } /* Quiz --------------------------*/ .s3-member-quiz table, .s3-episode-quiz table { width: 380px !important; margin: 5px 0 5px 10px; } .s3-member-quiz table td, .s3-episode-quiz table td { font-family: Georgia, palatino, Times, serif; padding: 6px 0;} .s3-member-quiz table td.quizquestion, .s3-episode-quiz table td.quizquestion { text-align: left; font-size: 16px; line-height: 16px; padding: 0;} .s3-member-quiz table #subButton a, .s3-episode-quiz table #subButton a { display: block; background: transparent url(torchwood-quiz-btn.gif) no-repeat; width: 89px; height: 15px; float: right;} .s3-member-quiz table #subButton a img, .s3-episode-quiz table #subButton a img { visibility: hidden; } /* Episode Quiz -----------------------*/ .quiz-nav { /*border-top: 1px solid; border-bottom: 1px solid;*/ padding: 5px 0; margin: 0 20px 0 0; }