/*
Name: 
Date: 
Coder: Ace_luffy
Author URI: http://www.creationcrew.com/
*/
/******************* Body *******************/
@font-face
{
font-family: coolvetica;
src: url('fonts/coolvetica.eot') format('truetype'); /* IE9 */
src: url('fonts/coolvetica.eot?#iefix') format('embedded-opentype'),
     url('fonts/coolvetica.woff') format('woff'),
     url('fonts/coolvetica.ttf') format('truetype'),
	 url('fonts/coolvetica.svg#Ccoolvetica') format('svg'); 
	 font-style: normal;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.clear
{
	clear:both;
}
ul li {
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}
img {border:none;}  


body {
	background: #0b0b0b url('images/bg_out.jpg')top center no-repeat;
	color: #fff;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
	background-color:#0b0b0b;


}

#container {
    margin-left:auto;
    margin-right:auto;    
    margin:0 auto;
	padding: 0;
	width:1000px;
	min-height:100%;
	background-color:#363636;

}

.space { height:20px; width:100%;}
.space1 { height:5px; width:989px;}
.space2 { height:70px; width:989px;}
.center { margin-left:auto; margin-right:auto;}
.clear {clear:both;}

#centerpix{ width:988px;margin:0 auto; }
/********header********/

#header_base{width:1000px; position:relative; overflow:hidden;   margin:0 auto;}
#header_base .logo { position:absolute;top:0px; left:65px; width:418px; height:205px;}
#header_base .slider{position:absolute; overflow:hidden; top:184px; left:240px;  width:550px; height:190px; }
/**/
#menu{ width:1000ppx; margin:0 auto; padding:0;  }
#menu ul li{ float:left; padding-left:0px;margin:0 auto; padding:0; position:relative; overflow:hidden; line-height: .8em;  }
.home{margin-left:0px;}
.member{ margin-left:0px; margin-right:0px;}

#thumbs { width:1000px; height:190px; background-image:url(images/thumbs_01.jpg);line-height: .8em; text-align:center;  }
#thumbs .xthumbs{ float:left; margin-left:10px; margin-top:7px; }
#thumbs .xxthumbs{ float:left; margin-left:46px; margin-top:7px; }
#xfooter{ width:100%; height:18px; background-image:url(images/thumbs_02.jpg);background-repeat:repeat-x  }


/**/

/********content********/

#episode_base {width:969px;margin:0 auto;position:relative; }
#episode_base .headerpix{width:969px; height:147px;margin:0 auto; background-image:url(images/episodeheader.jpg) }
#episode_base .headerpix .titlesite { position:absolute; margin-left:40px ;float:left; margin-top:40px; width:100%; height:28px;font-family: Arial, Helvetica, sans-serif; font-size:30px; color:#fff; }
#episode_base .headerpix .boxpix2 { position:absolute; margin-left:40px; float:left; margin-top:70px;  font-family: Arial, Helvetica, sans-serif; font-size:12px ;color:#fff; 
overflow:auto;	width:580px;	height:60px;	 }
#episode_content {width:969px; background-image:url(images/bg_episode.jpg); overflow:hidden;  height:100%; margin:0 auto;  }
#episode_content .thumbset{ width:961px;  }
#episode_content .thumbs{float:left; padding-left:23px; padding-top:13px; padding-bottom:10px;}
#episode_content .thumbs2{float:left; padding-left:18px; padding-top:13px;padding-bottom:10px;}

#episode_content .boxpix{ padding-left:23px ; width:915px;}
#episode_content .boxbase {  width:915px  ;  }


#join_base {width:970px;margin:0 auto; }
#join_base .baseleft { float:left; height:624px; width:467px;background-image:url(images/joinbox_01.jpg) }
#join_base .baseright .text { margin-left:20px; margin-right:20px; margin-top:50px; float:left width:270px; font-family: Arial, Helvetica, sans-serif; font-size:12px ;color:#fff }
#join_base .baseright{ float:left; height:624px; width:503px;background-image:url(images/joinbox_02.jpg) }

#footer_post {width:1000px;margin:0 auto; }

#footer_buttom{ width:1000ppx; margin:0 auto;  margin-top:10px; }

#footer_buttom ul li{ float:left; margin-top:10px; }
#footer_buttom .home{margin-left:110px;}
#footer_buttom .member{ margin-left:40px; margin-right:40px;}

#footer {font: 15px  Arial, Helvetica, sans-serif; color: #fff}
#footer a{font: 15px Arial, Helvetica, sans-serif ; color: #fff}

#join100 { width:1000px; margin:0 auto; position:absolute; top:380px; margin-left:6px;  }
#joinbox { width:1000px; height:100%; margin:0 auto; background: url('images/joinbg.jpg')top center no-repeat;  }
#joinbox2{ width:564px; height:500px; margin:0 auto; margin-bottom:70px;  }
#joinbox2 .headerpix{ width:564px; margin:0 auto; height:46px; background-image:url(images/joinbox_header.jpg) }
#joinbox2 .centerpix{ width:564px;  background-image:url(images/joinbox_bg.jpg); overflow:hidden;  height:100%; margin:0 auto;  }
#joinbox2 .centerpix .descx{ width:500px; margin:0 auto; color:#fff;}
#joinbox2 .footerpix{ width:564px; margin:0 auto; height:43px; background-image:url(images/joinbox_footer.jpg) }

#header_member{width:1000px; height:306px; position:relative; margin:0 auto; }
#member_nav { width:100%; position:absolute; top:277px; left:0px; margin-left:auto; margin-right:auto;}
#member_nav a{width:800px; margin:0 auto; color:#fff; font:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold}


#footer_members{ width:1000px; margin:0 auto; height:182px;  background-image:url(images/bg_footer2.jpg); background-repeat:repeat-x; margin-top:10px; }

#members_content{ width:900px; margin:0 auto; height:100%; margin-top:10px; color:#fff; background-color:#363636; margin-bottom:10px; }
/********scrollerdown********/
/*Example CSS for the two demo scrollers*/
/*<![CDATA[*/


.Vertical{
  position: absolute;width:102px;height:157px;
}
/*]]>*/

<!--