@charset "UTF-8";
/* CSS Document */


/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http://www.risermedia.com/
 * @copyright	2009 RiserMedia. All Rights Reserved.
 *
 */
 

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#9f9f9f; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;}
body {text-align: center; height: 100%; /* for older browsers */}

#main {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 1100px;}

#header, #content, #footer {position: relative;}

.main_body a, .main_body_small a {text-decoration: underline; font-size: inherit !important; font-family: inherit !important; color: inherit !important;}
.main_body a:hover, .main_body_small a:hover {text-decoration: none;}

/*---- BACKGROUND SETTINGS ----*/
#main {background: url(../images/web/header_bkg.png) no-repeat center top;}
#nav {height:50px; background-color:#EFEFEF;}
#content {min-height:300px; height: auto !important; height: 300px;}
#footer {height:70px; padding-top: 30px;}

/*-------- BACKGROUNDS --------*/
.bkg1 {background: #000 url(../images/web/background2.jpg) no-repeat 0 0;}
.bkg2 {background: #000 url(../images/web/background2.jpg) no-repeat 0 0}
.bkg3 {background: #000 url(../images/web/background3.jpg) no-repeat 0 0;}
.bkg4 {background: #000 url(../images/web/background4.jpg) no-repeat 0 0;}
.bkg5 {background: #000 url(../images/web/background5.jpg) no-repeat 0 0;}

/*---------- BUTTONS ----------*/
a.button_primary {background: url(../images/web/button_primary.gif) no-repeat right top; text-transform: uppercase; font-family: Georgia1, Georgia, serif !important; text-decoration: none !important; color:#fff !important; display:block; border: 1px solid #858585; float:left; font-size:12px !important; height:19px; line-height:1em; padding:7px 23px 0 9px; text-decoration:none;}
a.button_primary:hover {background-position:right -26px;}
a.button_primary2 {background: url(../images/web/button_primary2.gif) no-repeat left top; text-transform: uppercase; font-family: Georgia1, Georgia, serif !important; text-decoration: none !important; color:#fff !important; display:block; border: 1px solid #858585; float:left; font-size:12px !important; height:19px; line-height:1em; padding:7px 9px 0 23px; text-decoration:none;}
a.button_primary2:hover {background-position:left -26px;}
a.button_primary3 {background: url(../images/web/button_primary3.gif) no-repeat left top; text-transform: uppercase; font-family: Georgia1, Georgia, serif !important; text-decoration: none !important; color:#fff !important; display:block; border: 1px solid #858585; float:left; font-size:12px !important; height:19px; line-height:1em; padding:7px 9px 0 9px; text-decoration:none;}
a.button_primary3:hover {background-position:left -26px;}

a {outline: none;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/*===================================
	HEADER
===================================*/
#header {height: 182px;}
.logo {width: 258px; height: 155px; background: url(../images/web/logo.png) no-repeat;}
.logo_overlay {position: absolute; top: 0; left: 6px; width: 251px; height: 130px; z-index: 10;}
.logo_overlay a {width: 251px; height: 130px; display: block; overflow: hidden; text-indent: -9999px;}
.top_ad {width: 728px; z-index: 10; height: 90px; position: absolute; right: 10px; top: 8px;}
.nav {height: 180px; z-index: 1; width: 1064px; background: url(../images/web/sword.png) no-repeat left top; position: absolute; bottom: -38px; right: -23px;}
.nav_wrapper {position: relative;}
.main_nav {width: 784px; height: 17px; position: absolute; right: 40px; top: 78px;}

/*--NAV----------------------------*/
.nav ul {width: 784px; height: 17px;}
.nav ul li {float: left; height: 17px; padding-right: 23px;}
.nav ul li.last {padding-right: 0;}
.nav ul li a {height: 17px; display: block; overflow: hidden; text-indent: -99999px; background: url(../images/web/nav.jpg) no-repeat;}
.nav ul li a.home {width: 51px; background-position: 0 0;}
.nav ul li a.home:hover, .nav ul li.selected a.home {background-position: 0 -17px;}
.nav ul li a.characters {width: 101px; background-position: -72px 0;}
.nav ul li a.characters:hover, .nav ul li.selected a.characters {background-position: -72px -17px;}
.nav ul li a.video {width: 53px; background-position: -195px 0;}
.nav ul li a.video:hover, .nav ul li.selected a.video {background-position: -195px -17px;}
.nav ul li a.images {width: 59px; background-position: -272px 0;}
.nav ul li a.images:hover, .nav ul li.selected a.images {background-position: -272px -17px;}
.nav ul li a.behind_the_scenes {width: 158px; background-position: -354px 0;}
.nav ul li a.behind_the_scenes:hover, .nav ul li.selected a.behind_the_scenes {background-position: -354px -17px;}
.nav ul li a.episode_guide {width: 121px; background-position: -536px 0;}
.nav ul li a.episode_guide:hover, .nav ul li.selected a.episode_guide {background-position: -536px -17px;}
.nav ul li a.community {width: 102px; background-position: -680px 0;}
.nav ul li a.community:hover, .nav ul li.selected a.community {background-position: -680px -17px;}

/*===================================
	CONTENT
===================================*/
.main_content {width: 910px; float: left; margin-right: 10px;}
.side_content {width: 160px; padding: 10px; float: left; background: url(../images/web/main_content_bkg.png) repeat-y;}
.main_flash {z-index: 5; position: relative;}
.main_title {height: 42px; position: relative; z-index: 20; padding: 18px 0 0 19px; margin-bottom: 10px; background: url(../images/web/main_content_bkg.png) repeat-y;}
.main_body {background: url(../images/web/main_content_bkg.png) repeat-y; padding: 25px 20px; min-height: 585px; height: auto !important; height: 585px;}
.two_column {background: url(../images/web/two_column.png) repeat-y; min-height: 635px; height: auto !important; height: 635px;}
.main_side_nav {width: 222px; padding-right: 10px; float: left;}
.main_side_nav ul li {float: left; width: 221px; border-bottom: 1px solid #666666;}
.main_side_nav ul li a {padding: 15px 0 0 20px; width: 201px; height: 26px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; display: block; text-transform: uppercase; color: #a38a54;}
.main_side_nav ul li a:hover, .main_side_nav ul li.selected a {background: #4e4e4e; color: #fff;}
.main_side_nav ul li ul {border-top:1px solid #666666; background: none !important; clear:left; margin:0; padding:5px 0;}
.main_side_nav ul li ul li {background: none !important; border: none !important;}
.main_side_nav ul li ul li a {background: none !important; text-transform: uppercase; color:#A38A54 !important; display:block; font-family: Tahoma,Geneva,sans-serif; font-size:12px; line-height:18px; width:186px; padding:5px 0 0 37px; text-decoration:none;}
.main_side_nav ul li ul li a:hover, .main_side_nav ul li ul li.selected a {color: #fff !important;}
.main_side_nav ul li.last {border-bottom:1px solid #DCDCDC; clear:left; float:none !important;}
.main_body_small {float: left; width: 638px; padding: 25px 20px;}
.main_title h1 {color: #fff; font-size: 26px; font-family: Georgia1, Georgia, serif; font-weight: normal; text-transform: uppercase;}
.main_wide p {color:#9F9F9F; font-family:Tahoma,Geneva,sans-serif; font-size:12px; line-height:18px; padding-bottom:30px;}

/*--BIO----------------------------*/
.bio {border-bottom: 1px solid #5e5e5e; padding-top: 25px;}
.bio_first {padding-top: 0 !important;}
.bio_last {border: none !important;}
.bio_inner {padding: 20px 0 0 0;}
.bio h2 {color: #a38a54; font-size: 17px; text-transform: uppercase; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}
.bio_image {width: 200px; float: left; padding-right: 25px;}
.bio_text {width: 320px; float: left;}
.bio_video {width: 300px; float: left; padding-left: 25px;}
.bio_text_large {width: 645px; float: left;}
.bio_text p, .bio_text_large p {font-family: Tahoma, Geneva, sans-serif; color: #9f9f9f; font-size: 12px; line-height: 18px; padding-bottom: 30px;}
.share {padding-top: 11px; float: right;}
.at15t_facebook {background: url(../images/web/facebook.png) no-repeat !important; display:block; width:14px; height:14px; float:left;}
.at15t_myspace {background: url(../images/web/myspace.png) no-repeat !important; display:block; width:14px; height:14px; float:left;}
.at15t_google {background: url(../images/web/google.png) no-repeat !important; display:block; width:14px; height:14px; float:left;}
.at15t_twitter {background: url(../images/web/twitter.png) no-repeat !important; display:block; width:14px; height:14px; float:left;}
.at15t_compact {background: url(../images/web/share.png) no-repeat left center !important; display:block; width:14px; height:14px; float:left;}
a.addthis_button_compact {color: #fff !important; text-decoration: none !important; line-height:18px; float:left;}
#dadt_addthis_widget a {color: #fff !important; padding-right:5px;}
/*--BEHIND THE SCENES--------------*/
.excerpt {border-bottom: 1px solid #5e5e5e; padding: 25px 0;}
.excerpt_first {padding-top: 0 !important;}
.excerpt_last {border: none !important;}
.excerpt_image {width: 178px; float: left; padding-right: 20px;}
.excerpt_body {width: 440px; float: left;}
.excerpt_wide {width: 100% !important; float: none !important;}
.excerpt_body h2, .excerpt_body h3, .article_body h2, .article_body h3, .article_body h4 {color: #a38a54; line-height:18px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}
.excerpt_body h2, .article_body h2 {font-size: 14px; text-transform: uppercase;}
.excerpt_body h3, .article_body h3 {font-size: 12px;}
.article_body h4 {font-size: 14px; padding: 8px 0; text-transform: uppercase;}
.excerpt_body .date, .article_body .date {color: #fff; padding: 8px 0;}
.excerpt_body p, .article_body p {font-family: Tahoma, Geneva, sans-serif; color: #9f9f9f; font-size: 12px; line-height: 18px; padding-bottom: 10px;}
.article_image {width: 638px; padding-bottom: 20px;}
.large_image {padding-bottom: 20px;}
.article_body {width: 638px;}

/*--EPISODE GUIDE------------------*/
.ep_guide li {width: 202px; float: left; height: 300px; overflow: hidden; padding: 0 20px 0 0;}
.ep_guide li.last {padding-right: 0;}
.ep_guide h2 {padding: 7px 0 10px 0; color: #a38a54; font-size: 14px; text-transform: uppercase; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}
.ep_guide strong {color: #fff;}
.ep_guide p {padding: 0 0 8px 0; line-height: 15px;}
.button_pagination {padding: 3px 16px 0 0; float: left;}
.button_synopsis {padding: 3px 14px 0 0; float: left;}
.button_watch {float: left; padding-top: 3px;}
#hulu_player {width: 717px; height: 456px; margin: 0 auto; padding-bottom: 25px; display: none;}
.button_se_1 {position: absolute; right: 230px; top: 16px;}
.button_se_2 {position: absolute; right: 140px; top: 16px;}
.button_se_3 {position: absolute; right: 19px; top: 16px;}
.button_g_1 {position: absolute; right: 160px; top: 16px;}
.button_g_2 {position: absolute; right: 115px; top: 16px;}
.button_g_3 {position: absolute; right: 65px; top: 16px;}
.button_g_4 {position: absolute; right: 13px; top: 16px;}
.button_back {position: absolute; right: 19px; top: 16px;}

/*--EPISODE SYNOPSIS---------------*/
.ep_title {padding-bottom: 34px;}
.ep_column_one {width: 407px; padding-right: 27px; float: left;}
.ep_column_two {width: 436px; float: left;}
.ep_title h2 {color: #a38a54; padding-bottom: 5px; font-size: 16px; text-transform: uppercase; line-height:18px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}
.ep_title h3 {font-weight: normal; color: #fff; text-transform: uppercase; font-size: 12px;}
.ep_column_one h2, .ep_column_two h2 {color: #a38a54; border-bottom: 1px solid #7a7a7a; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; line-height:18px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}
.ep_column_one h2 {padding: 28px 0 5px 0;}
.ep_column_one ul li {text-transform: uppercase; padding-bottom: 4px; font-size: 11px; width: 170px; float: left;}
.ep_column_one ul li.odd {color: #fff;}
.ep_column_one strong {color: #fff; font-weight: normal;}
.ep_column_two h2 {padding: 0 0 5px 0;}
.ep_column_two p {color: #9F9F9F; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 30px;}

/*--IMAGE GALLERY------------------*/
h5 {color: #a38a54; font-size: 12px; text-transform: uppercase; font-family: Tahoma, Geneva, sans-serif; font-weight: normal;}
.large_img {border: 1px solid #7b7b7b; min-height: 356px; height: auto !important; height: 356px; position: relative;}
.img_caption {padding-top: 12px; float: left; line-height:18px; width: 470px;}
.img_share {padding-top: 10px; float: right; width: 157px; height: 20px;}
#image_wrapper {padding: 40px 0 10px 0;}
.loader {position: absolute; top: 170px; left: 208px;}
#leftArrow {position: absolute; left: 10px; top: 155px; cursor: pointer;}
#rightArrow {position: absolute; right: 10px; top: 160px; cursor: pointer;}

/*--COMMUNITY------------------*/
.photo_link a {background: none !important; text-transform: uppercase; color:#A38A54 !important; display:block; font-family: Tahoma,Geneva,sans-serif; font-size:9px; line-height:18px; width:170px; padding:0px 0 0 0px; text-decoration:none;}
.header_title h2 {color: #a38a54; padding-bottom: 10px; font-size: 16px; text-transform: uppercase; line-height:18px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif;}

/*===================================
	FOOTER
===================================*/
#footer p {color: #575757; font-size: 11px; float: right;}