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


*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	}
	
.clear{
	clear:both;
	}
	
body{
	background:url(../images/bg.jpg) #230f0f repeat-x top left;
	}

.shell{
	background:url(../images/shell_bg.jpg) top left no-repeat;
	width:1000px;
	height:600px;
	margin:0px auto;
	}
	
.header{
	width:622px;
	margin:0px auto;
	}
	
.header .logo{
	margin:0px auto 2px auto;
	width:116px;
	display:block;
	}
	
.header .now_playing{
	position:absolute;
	margin:-46px 0px 0px 110px;
	margin:-46px 0px 0px 30px;
	}
	
.header .episode_title{
	border-top:1px solid #790000;
	}

.episode_content{
	height:365px;
	margin-top:2px;
	}
	
.episode_content .share_tab{
	position:absolute;
	z-index:1;
	width:236px;
	height:315px;
	xxbackground:url(../images/share_bg.jpg) top left no-repeat;
	margin:25px 0px 0px 0px;
	}

.episode_content .player_shell{
	position:absolute;
	z-index:2;
	width:642px;
	height:362px;
	background:url(../images/player_bg.jpg) top left no-repeat;
	padding:1px;
	margin:0px 0px 0px 178px;
	}	
	
.episode_content .info_tab{
	position:absolute;
	z-index:1;
	width:172px;
	height:255px;
	background:url(../images/info_tab.jpg) top left no-repeat;
	margin:25px 0px 0px 768px;
	padding:60px 0px 0px 60px;
	}	
	
	
.navigation{
	text-align:center;
	width:622px;
	margin:0px auto;
	}

.navigation .episodes{
	margin-left:163px;
	}
	
.navigation .episodes img{
	float:left;
	}	
		
.navigation a{
	float:left;
	display:block;
	height:50px;
	background:bottom left no-repeat;
	}
	
.navigation a:hover, .navigation a.on{
	background:top left no-repeat;
	}
	
.navigation a.one{
	width:31px;
	background-image:url(../images/episode_nav/1.jpg);
	}	
	
.navigation a.two{
	width:40px;
	background-image:url(../images/episode_nav/2.jpg);
	}		
	
.navigation a.three{
	width:39px;
	background-image:url(../images/episode_nav/3.jpg);
	}	
	
.navigation a.four{
	width:38px;
	background-image:url(../images/episode_nav/4.jpg);
	}	
	
.navigation a.five{
	width:40px;
	background-image:url(../images/episode_nav/5.jpg);
	}	
	
.navigation a.six{
	width:39px;
	background-image:url(../images/episode_nav/6.jpg);
	}	
	
.navigation .episode_title{
	border-bottom:1px solid #F90000;
	height:61px;
	}
	
.navigation .episode_title div{
	display:none;
	}
		
.navigation .episode_title div.on{
	display:block;
	}
			
.footer{
	text-align:center;
	clear:both;
	margin:42px 0px 0px 0px;
	padding-bottom:30px;
	}