/*#######################*/
/*# RULES OF ENGAGEMENT #*/
/*#######################*/

/*body{
	background-image:url(../images/dark_bg.jpg);
	margin:0;
}*/

body{
	background-color:#271400;
	margin:0;
}

h3{
	font-size:12px;
	font-weight:bold;
	padding:0 0 0.3em 0;
	margin:0;
}

#vert_shade_bg{
	width:100%;
	background-image:url(../images/vert_shad_bg.jpg);
	background-repeat:repeat-x;
}

#bg_table{
	/*height:704px;*/
	width:780px;
	margin:0 auto;
}

#left_vert_shad{
	width:15px;
	vertical-align:top;
}

#right_vert_shad{
	width:15px;
	vertical-align:top;
}

#sony_footer{
	background-image:url(../images/sony_footer_bg.jpg);
	width:750px;
/*	height:87px;*/
	clear:both;
}

#unfix{
	position:static;
}

#content_wrapper{
	width:750px;
	vertical-align:top;
	background-image:url(../images/sony_footer_2.jpg);
}

.horizontal{
	float:left;
}

/*#####################*/
/*# HEADER NAVIGATION #*/
/*#####################*/

#header_nav{
	background-image:url(../images/header_bg.jpg);
	width:100%;
	height:94px;
	overflow:hidden;
}

#navigation{
	clear:both;
	padding:10px 0 0 18px;
	margin:0;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li{
	float:left;
	padding-left:7px;
}

#rules_logo{
	padding-left:19px;
	padding-top:13px;
	float:left;
	margin: 0;
}

#tune_in{
	float:left;
	padding-left:339px;
	padding-top:13px;
}

#tune_in_itunes{
	float:left;
	padding-left:220px;
	padding-top:13px;
}

#itunes{
	padding-left:18px;
	padding-top:12px;
}

/*#############*/
/*# HOME PAGE #*/
/*#############*/

#between_happily{
	padding-top:6px;
	padding-left:148px;
	height:18px;
	width:215px;
}

#dvd_banner{
	padding-top:6px;
	padding-left:9px;
	height:121px;
	width:511px;
}


#home_content{
	background-image:url(../images/home/home_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:750px;
	height:653px;
	background-position:bottom;

}

#home_episode_image{
	padding-left:6px;
	padding-top:5px;
}

#home_episode_text_box {
	width:212px;
	height:296px;
	margin-left:6px;
	/*background-image:url(../images/home/episode_text_box.gif);*/
	border:1px solid #b7b7b7;
}

#home_episode_text{
	width:206px;
	height:290px;
	margin:2px;
	border:1px solid #a9a698;
	background-color:#FFFFFF;
}

#home_episode_text p {
	padding:0.8em 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
}


#home_flash_keyart{
	padding-left:9px;
}

#home_flash_videoplayer{
	padding-left:6px;
	padding-top:6px;
}

#home_promo_1{
	padding-left:9px;
	padding-top:12px;
}

#home_promo_2{
	padding-left:15px;
	padding-top:12px;
}

/*##################*/
/*# ABOUT THE SHOW #*/
/*##################*/

.about_content{
	width:750px;
	clear:both;
}

#about_text{
	padding:10px 12px 0 10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:220px;
	overflow:hidden;
	margin-top:28px;
}

#about_text h4{
	display:inline;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

#about_top_3{
	width:295px;
	height:267px;
	background-image:url(../images/about/about_top_3.jpg);
}

#about_sub_nav{
	clear:both;
	padding:4px 0 0 0;
	margin:0;
}

#about_sub_nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#about_sub_nav li{
	float:left;
	padding-left:7px;
}


/*#############*/
/*# CAST BIOS #*/
/*#############*/

#bio_text{
	width:400px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bio_text p{
	margin:0;
	padding:0 0 1em 0;
}

#bios_title{
	padding-left:114px;
}

#cast_content{
	background-image:url(../images/cast/cast_bg.jpg);
	width:750px;
	height:523px;
}

#cast_photo{
	width:174px;
	height:223px;
	padding-left:6px;
}

#cast_names{
	width:140px;
}

#cast_names ul{
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
	font-size:12px;
}

#cast_names a:link, #cast_names a:visited{
	text-decoration:none;
}

#cast_photo{
	width:200px;
}

/*#################*/
/*# EPISODE GUIDE #*/
/*#################*/

#episode_banner{
	width:422px;
	height:143px;
	padding-left:4px;
	padding-top:12px;
	padding-bottom:6px;
}

#episode_content{
	background-image:url(../images/episode/episode_bg.jpg);
	width:750px;
	height:523px;
}

#episode_info{
	width:424px;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#episode_select_box{
	width:154px;
	height:252px;
	background-image:url(../images/episode/select_box_bg.gif);
	margin-top:66px;
	margin-left:66px;
}

#episode_select_form{
	position:relative;
	left:24px;
	top:12px;
}

#episode_title{
	font-weight:bold;
	padding:0.3em 0;
}

/*###############*/
/*# GET UPDATES #*/
/*###############*/

#updates_content{
	background-image:url(../images/updates/updates_bg.jpg);
	height:523px;
	width:750px;
}

#updates_form{
	position:relative;
	top:90px;
	text-align: left;
}

#updates_return{
	width:100%;
	text-align:center;
	padding-top:100px;
}

#form_submit{
	clear:both;
	width:100px;
	margin:auto;
	padding-top:12px;
}

.form_text_left{
	float:left;
	width:20px;
}

.form_text_right{
	float:left;
	width:300px;
}

.form_line, .form_line_padding{
	clear:both;
	width:320px;
	margin:auto;
}

.form_line{
	padding-top:8px;
}

.form_line_padding{
	padding-top:12px;	
	position:relative;
	left:20px;
}

.form_label{
	float:left;
	width:120px;
	text-align:right;
	font-size:12px;
	padding-right:10px;
}

.form_input{
	float:left;
	width:180px;
	padding-left:10px;
}


/*##############*/
/*# MULTIMEDIA #*/
/*##############*/

.buddy_icon{
	float:left;
	padding-left:16px;
}

#icon_bottom_wrapper{
	clear:both;
	padding:8px 0 0 62px;
}

#icon_top_wrapper{
	padding-left:30px;
	padding-top:17px;
}

#downloads_bg_middle{
	background-image:url(../images/multimedia/downloads_bg_middle.jpg);
	height:187px;
	width:750px;
}

#downloads_bottom{
	clear:both;
	height:242px;
}

#multimedia_content{
	height:523px;
	width:750px;
}

#multimedia_sub_nav{
	clear:both;
	padding:4px 0 0 268px;
	margin:0;	
}

#multimedia_sub_nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#multimedia_sub_nav li{
	float:left;
	padding-left:7px;
}

#rightclick{
	clear:both;
	padding:0 0 0 78px;
	margin:0;
}

#rightclick img{
	padding-top:10px;
}

#wallpaper_1{
	width:160px;
	padding:5px 0 0 65px;
}

#wallpaper_2{
	width:160px;
	padding:5px 0 0 40px;
}

.wallpaper_sizes{
	padding-top:3px;
	padding-bottom:10px;
}

#videos_content{
	width:750px;
	height:523px;
	background-image:url(../images/multimedia/videos_bg.jpg);
}

#videoflashcontent, #videoflashcontentswf{
margin:50px 0 0 20px;
	display:inline;
	width:340px;
	height:260px;
	float:left;
	overflow:hidden;
}


#videoflashthumbs{
	display:block;
	width:360px;
	height:290px;
	margin: 80px 0 0 24px;
	float:left;
}

#videoflashthumbs ul{
list-style-type:none;
padding: 12px 0 0 24px;
margin: 0;
}

#videoflashthumbs ul li{
display:block;
width:136px;
height:109px;
float:left;
margin: 0 0 31px;
padding: 0 23px 0 0;
}

#videoflashthumbs ul li img{
width:136px;
height:72px;
display: block;
}

#videoflashthumbs ul li p {
display:block;
width:137px;
height:33px;
font-size: 12px;
padding: 3px 0 0;
font-weight: bold;
margin:0 auto;
text-align:center;
}

#videoflashthumbs ul li p.dspade {
padding: 11px 0 0;
height: 25px;
}

.videothumb_1 {
background:url(../images/multimedia/videothumb_1.gif) no-repeat left bottom;
}

.videothumb_2 {
background:url(../images/multimedia/videothumb_2.gif) no-repeat left bottom;
}

.videothumb_3 {
background:url(../images/multimedia/videothumb_3.gif) no-repeat left bottom;
}


/** jScrollPane  **/

#scrollpanebox {width:270px; height:220px; overflow:hidden;}

.jScrollPaneContainer {	position:relative; overflow:hidden; z-index:1;}

.jScrollPaneTrack {	position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../images/scrolltrack.gif) repeat-y center;}

.jScrollPaneDrag {height:26px !important; position: absolute; background:url(../images/scrolldrag.gif) no-repeat top; cursor: pointer; overflow: hidden; }

.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden;}

.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden;}

A.jScrollArrowUp { display:block; position:absolute; z-index: 1; top:0;	right:0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}

A.jScrollArrowUp:hover {/*background-color: #f60;*/}

A.jScrollArrowDown {display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent: -2000px; overflow: hidden;	/*background-color: #666;*/	height: 9px;}

A.jScrollArrowDown:hover {/*background-color: #f60;*/}

A.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}


#footer { 
	background-image:url(../images/sony_footer_bg.jpg);
	clear:both;
	width:720px;
	padding:15px;
}