/* 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-content-wrapper { background:transparent url(/media/195/robinhood_background.jpg) no-repeat scroll center top; } #legacy-wrapper #main-left-module { padding-left:20px; width:590px; } #legacy-wrapper #main-middle-wrapper { margin-bottom:10px} /* Footer Background Image ------------------*/ #main-bottom-module { background:transparent url(/media/195/robinhood_footer.gif) bottom no-repeat; height:265px; } /* 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, .episode-col2 h3, h3#gallery-name, .s3-episode-quiz h2, .lc-episode, #gallery-count, #caption span {color: #1f2e01;} /*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, ul.season li.title, ul.episodes li.title, .episode-col2 p, .about-content p, dl.vertical-feature dd.category, #photo-number span, .lc-time, #caption {color: #52622f;} /*Color of links */ dl.show-feature dd.actor, dl.show-feature dd.link a, dl.show-feature dd.link, 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, h2#like-show span, .quizquestion, p a { color: #482c1a; } ul.season li, ul.episodes li { border-right: #52622f; } .bio-features dl.show-feature, .more-bios, .gallery-info, .episode-nav, .more-in-episode, .top-bottom-border { border-bottom: #482c1a; color: #482c1a; } .more-bios, .gallery-info, .episode-nav, .more-in-episode { border-top: #482c1a; } /* Image Borders (can be colors or images) ------------------*/ .border-300x100, .border-125x95, .border-325x245, .border-45x45, .border-195x145, .border-320x220 { background-color:#482c1a; 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, ul.episodes li a:hover, ul.season li a:hover, p a:hover { color: #1f2e01; 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, p a { font-family: Arial, Helvetica, sans-serif; } p a {font-size:13px; font-weight:bold; } /* Page Header Banner Images ------------------*/ /*For Index*/ #banner1 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; } .banner span.showtime-text { color:#482C1A; font-family: Arial; font-size:13px; font-weight:bold; line-height:17px; position:absolute; right:90px; bottom: 35px; text-align:center; } .banner span.showtime-text em { color:#FFFFFF; font-weight: bold; font-style: normal; text-decoration: none; font-size: 16px; } #banner2 .banner {background: transparent url(/media/195/robinhood_header2.jpg) no-repeat; }/*For Origins page*/ #banner3 .banner {background: transparent url(/media/195/robinhood_header3.jpg) no-repeat; }/*For Ianto page*/ #banner4 .banner {background: transparent url(/media/195/robinhood_header5.jpg) no-repeat; }/*For Jack page*/ #banner5 .banner {background: transparent url(/media/195/robinhood_header4.jpg) no-repeat; }/*For Gwen page*/ #banner6 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For Personnel page*/ #banner7 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For Video page*/ #banner8 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For Extras page*/ #banner9 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For Quiz page*/ #banner10 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For Blog*/ #banner11 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For S1 Episode Guides*/ #banner12 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For S2 Episode Guides*/ #banner13 .banner {background: transparent url(/media/195/robinhood_header1.jpg) no-repeat; }/*For COE Episode Guides*/ #banner14 .banner {background: transparent url(/media/195/robinhood_header1.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/195/robinhood_bigline.gif) no-repeat; width: 583px; height: 49px; } /* Page Title Graphics ------------------*/ h2#hdr-bios { text-indent: -9999px; background: transparent url(/media/195/robinhood_characters_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } .more-bios h2#hdr-more-bios{ text-indent: -9999px; background: transparent url(/media/195/robinhood_characters_morecharacters.gif) no-repeat; width:320px; height: 20px; margin: 5px 0 10px 0; } h2#hdr-photo-galleries { text-indent: -9999px; background: transparent url(/media/195/robinhood_photo_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } h2#hdr-more-photos { background:transparent url(/media/195/robinhood_photo_morephotogalleries.gif) no-repeat scroll 0 0; height:20px; text-indent:-9999px; width:320px; } h2#hdr-about{ text-indent: -9999px; background: transparent url(/media/195/robinhood_about_subheader.gif); width:580px; height: 40px; margin: 0; } h2#hdr-episode-guide{ text-indent: -9999px; background: transparent url(/media/195/robinhood_episode_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0;} h2#hdr-extras{ text-indent: -9999px; background: transparent url(/media/195/robinhood_extras_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } .more-in-episode h2#hdr-more-from-episode { text-indent: -9999px; background: transparent url(/media/195/robinhood_episode_morefromthisep.gif) no-repeat; width:320px; height: 20px; } h2#hdr-videos { text-indent: -9999px; background: transparent url(/media/195/robinhood_video_subheader.gif) no-repeat; width:580px; height: 40px; 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/195/robinhood_weeklyquiz_subheader.gif) no-repeat; width:580px; height: 40px; 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/195/robinhood_photo_subheader.gif) no-repeat; width:580px; height: 40px; 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-hunks-of-sherwood-forest { text-indent: -9999px; background: transparent url(/media/195/robinhood_hunkyheroes_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } h2#hdr-wallpapers { text-indent: -9999px; background: transparent url(/media/195/robinhood_wallpapers_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } h2#hdr-more-calendars { text-indent: -9999px; background: transparent url(/media/195/robinhood_hunkyheroes_download.gif) no-repeat; width:157; height: 16px; margin: 0; } h2#hdr-merchant-game { text-indent: -9999px; background: transparent url(/media/195/robinhood_merchantgame_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } h2#hdr-outlaw-villian { text-indent: -9999px; background: transparent url(/media/195/robinhood_outlaworvillian_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } h2#hdr-more-extras { background:transparent url(/media/195/robinhood_extras_moreextras.gif) no-repeat scroll 0 0; height:20px; text-indent:-9999px; width:320px; } h2#hdr-outlaw-revenge { text-indent: -9999px; background: transparent url(/media/195/robinhood_outlawsrevenge_subheader.gif) no-repeat; width:580px; height: 40px; margin: 0; } /* End Show Site Globals ------------------*/ /* Show Site Navigation ------------------*/ ul.show-nav { margin: 60px 0 0 30px; float: left; _margin: 60px 0 0 15px; } ul.show-nav li { padding: 2px 0; _padding: 1px 0; } ul.show-nav li a { display: block; text-indent: -9999px; overflow: hidden; background: transparent url(/media/195/robinhood-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#video a { background-position: -10px -48px; width: 140px; height: 14px; } ul.show-nav li#characters a { background-position: -10px -67px; width: 140px; height: 14px; } ul.show-nav li#episodes a { background-position: -10px -86px; width: 140px; height: 14px; } ul.show-nav li#gallery a { background-position: -10px -105px; width: 140px; height: 14px; } ul.show-nav li#extras a { background-position: -10px -124px; width: 140px; height: 14px; } ul.show-nav li#forum a { background-position: -10px -143px; width: 140px; height: 14px; } ul.show-nav li#shop a { background-position: -10px -162px; width: 140px; height: 14px; } ul.show-nav li#blank 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#video a:hover { background-position: -160px -48px; width: 140px; height: 14px; } ul.show-nav li#characters a:hover { background-position: -160px -67px; width: 140px; height: 14px; } ul.show-nav li#episodes a:hover { background-position: -160px -86px; width: 140px; height: 14px; } ul.show-nav li#gallery a:hover { background-position: -160px -105px; width: 140px; height: 14px; } ul.show-nav li#extras a:hover { background-position: -160px -124px; width: 140px; height: 14px; } ul.show-nav li#forum a:hover { background-position: -160px -143px; width: 140px; height: 14px; } ul.show-nav li#shop a:hover { background-position: -160px -162px; width: 140px; height: 14px; } ul.show-nav li#blank a:hover { background-position: -160px -181px; width: 140px; height: 14px; } /*For Holiday stamp*/ #holiday-image { background: transparent; width: 75px; height: 100px; float: right; position: relative; top: -180px; margin: 10px 10px 0 0; z-index: 30;} #holiday-image img{z-index:30; border:0;} /* HTML Tunein Info in Header ------------------*/ #tunein { color:#482C1A; float:right; font-family:arial; font-size:13px; font-weight:bold; line-height:17px; /*margin-left:20px;*/ margin-right:64px; _margin-right:32px; margin-top:190px; text-align:center; } #tunein .big-premiere { font-size: 18px; line-height: 18px;} /* Home ------------------*/ .show-features { margin-bottom:15px; margin-top:-10px; } dl.show-feature { margin: 5px 0 0 0; width: 590px; } dl.show-feature.first { 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: 20px; } 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: 15px 0 15px 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; } 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 { line-height:12px; } .recommended-shows h2 { margin: 10px 0 0 5px; } .recommended-shows a img { margin: 0 0 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: 13px; line-height: 20px; 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: 10px; padding-top: 10px; } .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;*/ } #gallery-count { float: right; font-size: 18px; } #image-container { margin: 0 16px 0 0; } #image-container img { border: 2px solid #482C1A; 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/195/robinhood_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/195/robinhood_photo_next.gif) no-repeat; } #caption { text-align: center; font-size: 14px; /*height:100px;*/ position: relative; bottom: 20px; } #caption span { 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 -55px 0 0; width: 240px; _margin: -37px -45px 0 0;} ul.season, ul.season li.title, ul.season li a { font-size: 18px; font-style:italic; } 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: 14px; font-style:italic; } 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: 13px; line-height:20px; 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(/media/195/robinhood_weeklyquizzes_continue.gif) no-repeat; width: 74px; height: 20px; 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; } .s3-episode-quiz table td.quizanswer {font-size:13px; } .s3-episode-quiz h2 {font-size:18px; font-weight:normal } /* Live Chat -----------------------*/ .lc-description { font-size:13px; line-height:15px; margin-bottom:10px; } .live-chat-dates {border-bottom:solid #000000 1px; padding: 5px 0;} .lc-episode {font-size:18px; text-indent: 10px;} .lc-time {font-size:14px; text-indent: 10px;} /* Misc. -----------------------*/ .top-bottom-border {border-top: 1px solid; border-bottom: 1px solid; padding: 3px 0; }