/* 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:transparent url(/media/231/gn_background.gif) repeat;} #legacy-wrapper #main-left-module { padding-left:20px; width:590px; } /* Footer Background Image ------------------*/ #main-bottom-module { background:transparent url(/media/231/gn_footer.gif) top no-repeat; height:75px; } /* 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, ul.season li.selected {color: #35185d;} /*Color of headers - index lower body */ dl.three-feature dd.title, dl.three-feature dd.title a {color: #34185d;} /*Color of regular text */ #main-content-wrapper, dl.three-feature dd.category, dl.show-feature dd.description, dl.three-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, .quiz-intro p {color: #663366;} /*Color of links */ dl.show-feature dd.actor, dl.show-feature dd.link a, h2#like-show span, dl.show-feature dd.link, dl.show-feature dd.description a, 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, p a { color: #FF9933; } .bio-features dl.show-feature, .more-bios, .gallery-info, .season-nav, .episode-nav, .more-in-episode { border-bottom: #FF9933; color: #FF9933; } .more-bios, .gallery-info, .episode-nav, .season-nav, .more-in-episode { border-top: #FF9933; } /* Image Borders (can be colors or images) ------------------*/ .border-300x100, .border-125x95, .border-325x245, .border-45x45, .border-195x145, .border-320x220 { background-color:#663366; padding: 2px;} /*Color of link hover and no underline */ dl.show-feature dd.link a:hover, dl.vertical-feature dd.link a:hover, dl.show-feature dd.description a:hover, dl.forum-links dd a.link:hover, .sub-bio-col2 p a:hover, .about-content p a:hover, ul.season li a:hover { color: #663366; 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.show-feature dd.description 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, .about-content p a, .gallery-info, #caption, .more-galleries dl.vertical-feature, .about-content h3, ul.season li.title, ul.episodes li.title, h2#like-show { font-family: Georgia, palatino, times, serif; } ul.season li.selected, ul.season li a, ul.episodes li a { font-family: Georgia, palatino, times, serif; font-style: italic; } 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/231/gn_header.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_01.jpg) no-repeat; }/*For Personnel page*/ #banner7 .banner {background: transparent url(/media/262/torchwood_header_04.jpg) no-repeat; }/*For Video page*/ #banner8 .banner {background: transparent url(/media/262/torchwood_header_05.jpg) no-repeat; }/*For Extras page*/ #banner9 .banner {background: transparent url(/media/262/torchwood_header_03.jpg) no-repeat; }/*For Quiz page*/ #banner10 .banner {background: transparent url(/media/262/torchwood_header_01.jpg) no-repeat; }/*For Blog*/ .show { /*bottom:5px;*/ height:256px; margin:0 0 -10px; position:relative; width:943px; } /* Line Break Graphic ------------------*/ .show-linebreak { background: transparent url(/media/231/gn_middleline.gif) no-repeat; width: 590px; height: 49px; } .show-rightside-linebreak { background: transparent url(/media/231/gn_rightsideline.gif) no-repeat; width: 300px; height: 1px; } /* Page Title Graphics ------------------*/ h2#hdr-bios { text-indent: -9999px; background: transparent url(/media/231/gn_subhead_host.gif) no-repeat; width:580px; height: 30px; margin: 0; } h2#hdr-photo-galleries { text-indent: -9999px; background: transparent url(/media/231/gn_subhead_photo.gif) no-repeat; width:580px; height: 30px; margin: 0; } h2#hdr-more-photos { text-indent: -9999px; background: transparent url(/media/primeval/hdr-more-photos.gif) no-repeat; width:269px; height: 16px; } h2#hdr-about{ text-indent: -9999px; background: transparent url(/media/231/gn_subhead_about.gif); width:580px; height: 30px; margin: 0; } h2#hdr-episode-guide{ text-indent: -9999px; background: transparent url(/media/231/gn_subhead_guests.gif) no-repeat; width:580px; height: 30px; margin: 0; padding-bottom: 10px;} h2#hdr-host{ text-indent: -9999px; background: transparent url(/media/231/gn_subhead_host.gif) no-repeat; width:580px; height: 30px; margin: 0; } .more-host h2#hdr-more-host { text-indent: -9999px; background: transparent url(/media/231/gn_host_morefromgn.gif) no-repeat; width:202px; height: 17px; margin: 5px 0 10px 0; } h2#hdr-guests{ text-indent: -9999px; background: transparent url(/media/231/gn_subhead_guests.gif) no-repeat; width:580px; height: 30px; margin: 0; padding-bottom: 10px; } h2#hdr-quotes{ text-indent: -9999px; background: transparent url(/media/377/jonathanross_quotes_header.gif) no-repeat; width:580px; height: 30px; margin: 0; } h2#hdr-quiz{ text-indent: -9999px; background: transparent url(/media/231/gn_subhead_guess.gif) no-repeat; width:580px; height: 30px; margin: 0; } /* End Show Site Globals ------------------*/ /* Show Site Navigation ------------------*/ ul.show-nav a{ color:#FF9933; font-weight:bold; font-size:14px; line-height:16px; } ul.show-nav a:hover { color: #663366; text-decoration:none; } ul.show-nav li {padding-bottom: 2px;} ul.show-nav { margin: 60px 0 0 18px; float: left; _margin: 60px 0 0 9px; } 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/231/gn-show-nav-sprite.png) no-repeat;} ul.show-nav li#home a { background-position: -8px -10px; width: 140px; height: 14px; } ul.show-nav li#about a { background-position: -8px -29px; width: 140px; height: 14px; } ul.show-nav li#video a { background-position: -8px -48px; width: 140px; height: 14px; } ul.show-nav li#guests a { background-position: -8px -67px; width: 140px; height: 17px; } ul.show-nav li#quiz a { background-position: -8px -86px; width: 140px; height: 17px; } ul.show-nav li#host a { background-position: -8px -105px; width: 140px; height: 14px; } ul.show-nav li#photos a { background-position: -8px -124px; width: 140px; height: 17px; } ul.show-nav li#forum a { background-position: -8px -143px; width: 140px; height: 14px; } ul.show-nav li#extra a { background-position: -8px -162px; width: 140px; height: 14px; } ul.show-nav li#home a:hover { background-position: -158px -10px; width: 140px; height: 14px; } ul.show-nav li#about a:hover { background-position: -158px -29px; width: 140px; height: 14px; } ul.show-nav li#video a:hover { background-position: -158px -48px; width: 140px; height: 14px; } ul.show-nav li#guests a:hover { background-position: -158px -67px; width: 140px; height: 17px; } ul.show-nav li#quiz a:hover { background-position: -158px -86px; width: 140px; height: 17px; } ul.show-nav li#host a:hover { background-position: -158px -105px; width: 140px; height: 14px; } ul.show-nav li#photos a:hover { background-position: -158px -124px; width: 140px; height: 17px; } ul.show-nav li#forum a:hover { background-position: -158px -143px; width: 140px; height: 14px; } ul.show-nav li#extra a:hover { background-position: -158px -163px; width: 140px; height: 14px; } /* HTML Tunein Info in Header ------------------*/ #tunein { float: right; font-family: arial; color: #f7ba37; font-size: 12px; font-weight: bold; line-height: 17px; /*margin-left:20px;*/ margin-right:56px; _margin-right:26px; margin-top:-175px; text-align:center; } #tunein .big-premiere { font-size: 18px; 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.three-feature dd.title, dl.three-feature dd.title a { text-decoration: none; font-size: 14px; line-height: 15px; } dl.three-feature dd.category { text-decoration: none; font-size: 10px; } dl.three-feature dd.description, dl.show-feature dd.description, dl.show-feature dd.description a, .quiz-intro { 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; 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 p a { font-size: 14px; } .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, .sub-bio-col2 p a { font-size: 14px; } .sub-bio-col2 p a { text-decoration: none; font-family: Georgia, palatino, times, serif; } .more-host { margin: 20px 0; } .more-host { font-size: 18px; margin: 0; } .more-host dl.show-feature { width: 320px; } .more-host dl.show-feature dd.title a { font-size: 16px; } .more-host { border-top: 1px solid #FF9933; border-bottom: 1px solid #FF9933; 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; } #gallery-count { float: right; font-size: 16px; } #image-container { margin: 0 16px 0 0; } #image-container img { border: 2px solid #662305; display: none; } #image-container img.active { display: inline; } a#prev-btn { text-indent: -9999px; overflow: hidden; position: relative; float: left; display: block; width: 70px; height: 30px; bottom: 40px; background: transparent url(/media/231/gn_photo_prev.gif) no-repeat; } a#next-btn { text-indent: -9999px; overflow: hidden; position: relative; float: right; display: block; width: 70px; height: 30px; bottom: 40px; background: transparent url(/media/231/gn_photo_next.gif) no-repeat; } #caption { text-align: center; font-size: 14px; margin: -20px 0 0 0; height:100px; } /*.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; } /* Episode Guide -----------------------*/ .season-nav { padding: 4px 0; float: left; margin: -5px 20px 0 0; width: 590px; _margin: -5px 10px 0 0; border-bottom:1px solid; border-top:1px solid; } ul.season { font-size: 14px; } ul.season li, ul.season li.selected { float: left; font-size: 14px; border-right: 1px solid #663366; /*margin: 0 3px;*/ padding: 0 4px;} ul.season li a { font-size: 14px; text-decoration: none; } ul.season li.title { border: none;} ul.season li.selected { font-style: italic;} ul.season 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 --------------------------*/ .quiz-intro { border-bottom:1px solid #FF9933; border-top:1px solid #FF9933; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; } .s3-member-quiz table, .s3-episode-quiz table { width: 380px !important; margin: 10px 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(gn_guesstheguest_continue.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; } dl.guest { margin: 10px 0; background: transparent url(/media/231/gn_middleline_dots.gif) no-repeat bottom; padding-bottom:10px;} dl.last { margin: 10px 0; background: none; padding-bottom:10px;}