/* 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: url(/media/369/bh_background_generic.jpg) top no-repeat;}

#legacy-wrapper #main-left-module {
	padding-left:20px;
	width:590px;
}


/* Footer Background Image
------------------*/
#main-bottom-module {
	background: transparent url(/media/369/bh_footer.gif) no-repeat top; 
	height:307px;
}
/* Colors
------------------*/

/*Color of headers */ dl.show-feature dd.title, dl.history dd.title, dl.vertical-feature dd.title, dl.history dd.title a, 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, .episode-col2 p a {
	color: #632c3a;
}
/*Color of regular text */ #main-content-wrapper, dl.show-feature dd.description, dl.history 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: #333333;
}
/*Color of links */ dl.show-feature dd.actor, dl.history dd.description a, dl.show-feature dd.link a, dl.show-feature dd.link, dl.history dd.actor, dl.history dd.link a, dl.history 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, .sub-bio-col2 p a, .more-from-character h3, .quizquestion, .episode-col2 h3, .sub-bio-col2 h2, .about-content p a {
	color: #364159;
}
ul.season li, ul.episodes li {
	border-right: #39425f;
}
.bio-features dl.show-feature, .bio-features dl.history, .more-bios, .gallery-info, .episode-nav, .more-in-episode {
	border-bottom: #364159;
	color: #364159;
}
.more-bios, .gallery-info, .episode-nav, .more-in-episode, .like-show {
	border-top: #364159;
}
/* Image Borders (can be colors or images)
------------------*/
.border-300x100, .border-125x95, .border-325x245, .border-45x45, .border-195x145, .border-320x220 {
	background-color:#364159;
	padding: 2px;
}
/*Color of link hover and no underline */ dl.show-feature dd.link a:hover, dl.history dd.description a:hover, dl.history dd.link a:hover, dl.vertical-feature dd.link a:hover, dl.forum-links dd a.link:hover, h2#like-show span, .sub-bio-col2 a:hover, ul.episodes li a:hover, ul.season li a:hover, .about-content p a:hover {
	color: #591a56;
	text-decoration:none;
}


/*Color of link hover and no underline */ .episode-col2 p a:hover {
	color: #364159;
	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.history, dl.history dd.title, dl.vertical-feature dd.title, dl.history dd.title a, dl.vertical-feature, dl.forum-links, .about-content p, .about-content p a, .gallery-info, #caption, .more-galleries dl.vertical-feature, h2#like-show span, .about-content h3, .episode-col2 h3, .sub-bio-col2 p a.link, .episode-nav, ul.season li a, ul.episodes li a, .episode-col2 p a {
	font-family:  Georgia, palatino, times, serif;
}
dl.show-feature dd.link, dl.show-feature dd.link a, dl.history dd.link, dl.history dd.link a, dl.vertical-feature dd.link, dl.history dd.descripton a, dl.vertical-feature dd.link a, dl.forum-links dd a.link {
	font-family: Arial, Helvetica, sans-serif;
}
/* Page Header Banner Images
------------------*/

/*For Index*/
#banner1 .banner {
	background: transparent url(/media/369/bh_headertop_generic.jpg) no-repeat;}
	
/*For Vampire Pages*/
	
#banner2 .banner {
	background: transparent url(/media/369/bh_headertop_mitchel.jpg) no-repeat;}
	
/*For Ghost Pages*/
	
#banner3 .banner {
	background: transparent url(/media/369/bh_headertop_annie.jpg) no-repeat;}
	
/*For Werewolf Pages*/
	
#banner4 .banner {
	background: transparent url(/media/369/bh_headertop_george.jpg) no-repeat;}




.show { /*bottom:5px;*/ height:256px; margin:0 0 5px; position:relative; width:943px; }


/* Line Break Graphic
------------------*/
.show-linebreak {
	background: transparent url(/media/369/bh_footerline.gif) no-repeat;
	width: 590px;
	height: 30px;
}

.show-linebreak-rightside {
	background: transparent url(/media/369/bh_rightsideline.gif) no-repeat;
	width: 300px;
	height: 46px;
}

/* Page Title Graphics
------------------*/
h2#hdr-bios {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_whowho.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}

h2#hdr-playlist {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_soundtrack.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}

h2#hdr-legends {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_legends.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}

.more-bios h2#hdr-more-bios {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_whoswho_morewhoswho.gif) no-repeat;
	width:155px;
	height: 14px;
	margin: 5px 0 10px 0;
}

.more-in-episode h2#hdr-more-bios {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_whoswho_morewhoswho.gif) no-repeat;
	width:155px;
	height: 14px;
	margin: 5px 0 10px 0;
}

.more-bios h2#hdr-more-villains {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_heroes_side_villiansheader.gif) no-repeat;
	width:320px;
	height: 14px;
	margin: 5px 0 10px 0;
}

.more-bios h2#hdr-doctors {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_side_doctors.gif) no-repeat;
	width:320px;
	height: 14px;
	margin: 5px 0 10px 0;
}

h2#hdr-more-potd {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_side_potd.gif) no-repeat;
	width:320px;
	height: 14px;
	margin: 5px 0 10px 0;
}

h2#hdr-more-potd {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_side_tnd.gif) no-repeat;
	width:320px;
	height: 14px;
	margin: 5px 0 10px 0;
}

h2#hdr-photo-galleries {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_photogalleries_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}
h2#hdr-more-photos {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_morephotos_sideheader.gif) no-repeat;
	width:320px;
	height: 14px;
}
h2#hdr-about {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_aboutheshow.gif);
	width:590px;
	height: 32px;
	margin: 0;
}

h2#hdr-history-movievampires {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_movievampires_subheader.gif);
	width:595px;
	height: 32px;
	margin: 0;
}

h2#hdr-history-movieghosts {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_movieghosts_subheader.gif);
	width:595px;
	height: 32px;
	margin: 0;
}

h2#hdr-history-moviewerewolves {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_moviewerewolves_subheader.gif);
	width:595px;
	height: 32px;
	margin: 0;
}

h2#hdr-game {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_game_pageheader.gif);
	width:595px;
	height: 32px;
	margin: 0;
}

h2#hdr-episode-guide {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_episode.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}
h2#hdr-extras {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_subheader_extras.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}

h2#hdr-being-russell-tovey {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_russelltovey_subheader.gif) no-repeat;
	width:590px;
	height: 32px;
	margin: 0;
}

.more-in-episode h2#hdr-more-from-episode {
	text-indent: -9999px;
	background: transparent url(/media/369/bh_episode_morefrom.gif) no-repeat;
	width:223px;
	height: 17px;
}
h2#hdr-videos {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_videos_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}
h2#hdr-quiz {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_quiz_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}

h2#hdr-women-photos {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_women_photos_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}

h2#hdr-creatures-photos {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_creaturesphotos_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}

h2#hdr-tennant-photos {
	text-indent: -9999px;
	background: transparent url(/media/123/drwho_tennantphotos_pageheader.gif) no-repeat;
	width:595px;
	height: 47px;
	margin: 0;
}

/* End Show Site Globals
------------------*/



/* Show Site Navigation
------------------*/
ul.show-nav {
	margin: 49px 0 0 20px;
	float: left;
	_margin: 49px 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/369/bh_nav_sprite.png) no-repeat;
}
ul.show-nav li#home a {
	background-position: -10px -10px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#video a {
	background-position: -10px -29px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#epguide a {
	background-position: -10px -48px;
	width: 140px;
	height: 18px;
}
ul.show-nav li#whoswho a {
	background-position: -10px -67px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#about a {
	background-position: -10px -86px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#photos 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#forums a {
	background-position: -10px -143px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#shop a {
	background-position: -10px -162px;
	width: 140px;
	height: 18px;
}
ul.show-nav li#blog 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#video a:hover {
	background-position: -160px -29px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#epguide a:hover {
	background-position: -160px -48px;
	width: 140px;
	height: 18px;
}
ul.show-nav li#whoswho a:hover {
	background-position: -160px -67px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#about a:hover {
	background-position: -160px -86px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#photos 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#forums a:hover {
	background-position: -160px -143px;
	width: 140px;
	height: 14px;
}
ul.show-nav li#shop a:hover {
	background-position: -160px -162px;
	width: 140px;
	height: 18px;
}
ul.show-nav li#blog a:hover {
	background-position: -160px -181px;
	width: 140px;
	height: 14px;
}
/* HTML Tunein Info in Header
------------------*/
#tunein {
	float: right; font-family: arial; color: #ffffff; font-weight: bold; line-height: 17px; text-align: center; font-size: 16px; margin-left: 20px; margin-right: 60px; _margin-right: 29px;margin-top: 203px;
}



#tunein .big-premiere {
	font-size: 16px;
	line-height: 17px;
	color: #c2a65b;
}
/* 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.history {
	margin: 10px 0 0 0;
	width: 590px;
}
dl.history dt {
	float: right;
	margin: 0 10px;
}
dl.history dd {
	margin: 0 0 4px 0;
}
dl.history dd.title, dl.history dd.title a, .sub-bio-col2 h2 {
	text-decoration: none;
	font-size: 18px;
}
dl.history dd.description, dl.history dd.description a {
	font-size: 13px;
	line-height: 15px;
}
dl.history dd.actor {
	font-size: 16px;
}
dl.history dd.link, dl.history 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 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;
}

/* history
-----------------------*/
.bio-features dl.history {
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
.bio-features dl.history.last {
	border: none;
	padding-bottom: 0;
}
.bio-features dl.history dt {
}
.bio-features dl.history dd {
	margin: 0;
}
.bio-features dl.history 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: 220px;
}
.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;
}
.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:#364159;}
#gallery-count { float: right;  font-size: 16px; }

#image-container { margin: 0 16px 0 0; }

#image-container img { border: 2px solid #364159; 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/369/bh_photogallery_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/369/bh_photogallery_next.gif) no-repeat; }

#caption { text-align: left; font-size: 14px; height:100px; position: relative; bottom: 10px; color: #333333; }
#caption span { color:#364159; 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; }

/* Episode Guide
-----------------------*/
.season-nav {
	padding: 5px 0;
	float: right;
	margin: -45px 0 0 0;
	width: 230px;
	_margin: -45px 10px 0 0;
}
ul.season, ul.season a {
	font-size: 18px;
}


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;
	font-size:18px;
}
ul.season li.last {
	border: none;
}
.episode-nav {
border-bottom:1px solid;
border-top:1px solid;
margin:0 20px 0 0;
padding:5px 0;
}
ul.episodes {
	font-size: 16px;
	font-weight: bold;
}
ul.episodes li, ul.episodes li a {
font-size:14px;
}

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;
}

.episode-col2 p a {
	font-size: 14px;
}

.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, .episode-quiz table {
	width: 380px !important;
	margin: 5px 0 5px 10px;
}
.s3-member-quiz table td, .episode-quiz table td {
	font-family: Georgia, palatino, Times, serif;
	padding: 6px 0;
}
.s3-member-quiz table td.quizquestion, .episode-quiz table td.quizquestion {
	text-align: left;
	font-size: 16px;
	line-height: 16px;
	padding: 0;
}
.s3-member-quiz table #subButton a, .episode-quiz table #subButton a {
	display: block;
	background: transparent url(drwho_quiz_continue.gif) no-repeat;
	width: 89px;
	height: 15px;
	float: right;
}
.s3-member-quiz table #subButton a img, .episode-quiz table #subButton a img {
	visibility: hidden;
}
