/*
	concept: shows package index page
	description: styles for every show package index page 
*/
#main {
	position: relative;
	background: #fff;
	overflow: visible;
}

#show_graphic {
	width: 658px;
	height: 170px;
	text-indent: -10000px;
	float: left;
}
.swf_headers #show_graphic{ background:inherit; height:138px; text-indent:0; }
#extended_graphic {
	width: 332px;
	height: 340px;
	position: relative;
	text-indent: -10000px;
}
.swf_headers #extended_graphic{  background:inherit; text-indent:0; }
h3 { letter-spacing: 0; }



/* landing page navigation */
#show_navigation {
	width: 990px;
	height: 30px;
}
#show_navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fff;
	text-align:center;
}
	#show_navigation ul li { display: inline; }
	#show_navigation ul li a {
		float: left;
		line-height: 30px;
		padding-top: 6px;
		border-right: 1px solid #fff;
		padding: 0 20px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	#show_navigation ul li:hover a { background: #fff; }
	*html #show_navigation ul li a:link:hover { background: #fff; }


/* middle column - landing page */
#middle {
	float: left;
	/*left: 184px;*/
	width: 461px;
	overflow: hidden;
	/*top: 205px;*/
}
	#middle h3 a, #middle h3 a:link:hover, #middle_internal h2 {
		text-decoration: none;
	}
	#middle h3 {
		margin: 0 0 10px 0;
		font-size: 16px;
		border-bottom: 5px solid #e7e7e7;
	}
	#sponsors {
		overflow: visible;
		min-height: 20px;
	}
	* html #sponsors {
		height: 20px;
	}
		#sponsors img {
			float: right;
			margin: 0 0 5px 10px;
		}

	/* embedded player - landing page */	
	#embedded_player { padding: 0 55px; margin-top:-45px;}

	/* promo player - landing page */	
	.promo_player { margin:15px auto; width:300px; }
	#right_mod_player{ clear:both; margin:0 auto; padding:10px 0 0 0; width:300px; }


	/* static content - landing page */	
	.show_content_before, .show_content_after {
		padding: 10px 0;
		border-top: 5px solid #e7e7e7;
		margin-bottom: 15px;
		clear: both;
		display:block;
	}
	.static_block { margin:0 0 15px 0; }

	
	/* upcoming shows - landing page */
	#upcoming_shows .episodes { padding-bottom: 5px; }
	#upcoming_shows .episode_date {
		float: left;
		width: 170px;
		margin-right: 0;
		font-weight: bold;
	}
	.episode_desc { margin: 0 0 20px 175px; }
	* html .episode_desc { width: 270px; }

	.view_sched_link {
		text-align: right;
		padding: 5px 0 15px 0;
	}
	.view_sched_link a {
		color: #666;
	}

	/* cast bios - landing page */
	cast_bios ul {
		clear:both;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0pt;
	}
	#cast_bios ul li {
		float: left;
		height: 75px;
		width: 220px;
		list-style-image:  none;
		list-style-position: outside;
		margin: 0 3px 3px 0;
		padding: 3px;
	}
	#cast_bios ul li img {
		border: #CE6D8C solid 3px;
	}
	#cast_bios ul li img:hover {
		text-decoration: none;
	}
	#cast_bios ul li a {
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: -0.1em; 
		color: #999;
	}
	#cast_bios ul li a:hover {
		text-decoration: underline;
	}


/* left column - landing page*/
	#lsidebar {
		padding: 0 20px;
		width: 135px;
		float: left;
	}
	#show_summary { padding-bottom: 30px; }
		#show_summary h2 { letter-spacing: 0; padding-bottom: 10px; font-size: 18px; }
		#show_summary p { color: #666; font-size: 18px; }

	#shop {
		width: 152px;
		height: 188px;
		margin-left: -20px;
	}
	* html #shop {
		margin-left: -21px;
	}
		#shop div {
			position: relative;
			left: 20px;
			top: 35px;
			width: 90px;
		}
		#shop #title {
			letter-spacing:0pt;
			position: relative;
			font-weight: bold;
		}
		#shop #link {
			position: absolute;
			font-weight: bold;
			left: 60px;
			top: 80px;
			width: 45px;
		}
		#shop #link a { color:#666; }


/* right column - landing page */
	#rsidebar { float: right; width: 332px; }

/* right column - internal page */
	#rsidebar_internal {
		width: 300px;
		float: right;
		margin: 15px 15px 0 0;
	}
	* html #rsidebar_internal {
		margin: 15px 5px 0 0;
	}
	/* ads */
	#rsidebar #ad_billboard { padding: 15px 15px 0 15px; }
	#rsidebar_internal #ad_billboard {  }
	#rsidebar #rightWidget { margin: 5px 0 5px 25px; }
	#rsidebar_internal #rightWidget { margin: 5px 0 5px 15px; }
	#rsidebar #ad_skyscraper { margin: 0 70px; clear: both; }
	#rsidebar_internal #ad_skyscraper { margin: 0 70px; clear: both; } 


/* internal pages styles */
#middle_internal {
	width: 645px;
	margin: 15px 0 0 15px;
	float: left;
}
* html #middle_internal {
	margin: 15px 0 0 10px;
}
	#middle_internal h2 {
		font-size: 28px;
		letter-spacing: -0.03em;
		border-bottom: #e7e7e7 solid 5px;
		margin: 0 10px 10px 0;
	}


#show_nav_internal {
	width: 990px;
	height: 62px;
	position: relative;
}
	#show_nav_internal ul {
		margin: 0 0 0 260px;
		list-style: none;
	}
	#show_nav_internal ul li { display: inline; }
	#show_nav_internal ul li a {
		float: left;
		height: 30px;
		line-height: 30px;
		margin: 32px 0 0 1px;
		padding: 0 15px 0 15px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	#show_nav_internal li:hover a {
		background: #fff;
	}
	*html #show_nav_internal li a:link:hover {
		background: #fff;
	}
	#show_nav_internal li.selected a {
		text-decoration: none;
		background: #fff;
		color: #c27132; /* default internal nav color */
	}



/* cast bios page styles */
 .rbroundbox img, .smallroundbox img {
	float: left;
	padding: 0 15px 5px 0;
}
.rbroundbox, .smallroundbox {
	background: #f1f1f1;
	repeat; margin: 0 0 10px 0;
	width: 626px;
	position: relative;
}
.rbtop div  { background: url(http://images.mystyle.com/mystyle/images/rounded_box_top_left.jpg) no-repeat top left; }
.rbtop 		{ background: url(http://images.mystyle.com/mystyle/images/rounded_box_top_right.jpg) no-repeat top right; }
.rbbot div	{ background: url(http://images.mystyle.com/mystyle/images/rounded_box_bot_left.jpg) no-repeat bottom left; }
.rbbot 		{ background: url(http://images.mystyle.com/mystyle/images/rounded_box_bot_right.jpg) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent 	{ margin: 15px; }
.rbcontent p {
	margin: 1em 3px;
}
.smallroundbox {
	margin: 0 10px 10px 0;
	float: left;
	width: 308px;
}



/* schedule page styles */
.show_schedule {
	border-bottom: 2px solid #d8d8d8;
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
	margin: 0 10px 0 0;
}
.show_schedule h3 {
	font-size: 20px;
	padding-left: 7px;
	border-bottom: 2px solid #d8d8d8;
	border-top: 2px solid #d8d8d8;
	position: relative;
}
.show_description { margin: 0 0 0 35px; }
.show_description p { margin: 0 0 0 100px; }
.show_day .white { position: relative; background: #fff; }
.show_day .alt { position: relative; background: #f6f6f6; }
.show_listing_container { padding: 5px 0; }
.show_time {
		display: inline;
		float: left;
		position:relative;
		width: 90px;
		margin-left: 10px;
		font-weight: bold;
	}
	.show_description { margin: 0 0 0 0; }
	
#dates {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.static_block .more_link{ float:right; }


/* Be on TV Styles */
#beontv { padding: 10px 25px;}
#beontv p { margin: 10px 0;}