/*
Name: 
Date: 
Author: Ace_luffy
Autor URI: http://www.creationcrew.com/
*/

/******************* Body *******************/
@charset "utf-8";
/* Startup CSS */
*{margin:0; padding:0;}

body {
	color:#ffffff;
	font:12px/18px Arial, Helvetica, sans-serif;
	background: #333333 url('../images/header_bg.jpg') repeat-x;
	position: relative;
	width: 100%;	
	line-height:1.4em;
}
.base { width:1024px; margin:0 auto; position:relative; background:#090909;}
.hide { display:none !important;}
a { text-decoration:none; color: #FFF; cursor:pointer; }
a:hover { text-decoration:none; color: #bfe0ff; }
.rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

h2{font-size:14px; text-align:center;}
h3{font-size:18px; padding:5px;}
h4{font-size:18px; padding-left:15px;}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px 0;}
/******************* Header *******************/
#header { float:left; width:100%; height:151px;  }

#logo { float:left; width:266px; height:151px; padding:0; position:absolute; left:0px; top:4px; }
#ads { float:left; padding:5px 0px 0px 10px; padding:0; position:absolute; left:300px; top:40px; }

#logo h1 { float:left; width:100%; height:151px; margin:0px; padding:0px; }
#logo h1 a { float:left; width:100%; height:151px; background:url('../images/logo.png') no-repeat center center; background-size:contain; }


/******************* Top Navigation *******************/
#top-navi { font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;  position:absolute; right:0; width:164px; height:29px; background:url('../images/nav_top.png') no-repeat  }
#top-navi ul { float:left; list-style:none; padding:5px 0px 0px 15px;  width:134px;}
#top-navi ul li { float:left; margin-left:5px;  }
#top-navi ul li a { float:left; width:100%;  text-align:center; color:#999999;  }
#top-navi ul li a:hover { color:#ff7ec9	;  }
/******************* Menu *******************/
#navi { height:34px;  float:left; width:100%; font-family:Arial, sans-serif; font-size:12px; }
#navi ul { float:left; width:100%; list-style:none;   }
#navi ul li { float:left; margin:0; width:144px; }
#navi ul li a { float:left; width:100%; padding:8px 0px 0px 0; color:#FFF; text-shadow:1px 1px 1px #222; text-align:center; font-weight:bold; }
#navi ul li a:hover, #menu ul li a.active { height:22px; color:#ff7ec9; background:url('../images/menu_over.jpg'); }
#navi ul li.divider { float:left; width:2px; height:33px; background:url('../images/menu_divider.jpg') no-repeat; }
#navi ul li.divider.last { float:right; }
/******************* Content *******************/
#content { 
	width:1024px;		
    margin-left: auto ;
    margin-right: auto ;    
}
#content1 { float:left; width:1024px;  background:#090909 url('../images/bg_content.jpg') repeat-x;
}
/******************* Sidebar *******************/
#sidebar { float:right; width:219px; margin-top:23px ;margin-right:12px; }
#sidebar h3 { float:left; width:100%; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px; }
#sidebar .spacer { float:left; width:100%; height:30px; }

/******************* thumbs content *******************/
#thumbs-content { float:left; width:773px; margin-left:10px; margin-top:20px; }



.item { float:left; width:240px; padding-top:6px; padding:5px; background:#202020; border:1px solid #494949; margin:0 5px 7px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.item.nomargin { margin-right:0; }
.item .thumb { float:left; }
.item .thumb a { float:left; border:1px solid #494949; }
.item .thumb a img { float:left; width:236px;}
.item .thumb a:hover { border:1px solid #f589ff; }
.item .details { float:left; padding-top:0px; font-size:12px; }
.item .details .description { float:left; width:100%; font-weight:bold; line-height:16px; font-size:13px; color:#FFF; text-align:center; margin-bottom:5px; padding-bottom:0px; }
.item .video-meta { float:left; width:115px; }
.item .rating { float:right; width:115px; padding:4px 0 5px; padding-bottom:4px; background:#202020; border:1px solid #4e4e4e; text-align:center; }
.item .rating .stars { margin-left:22px; }
.item .video-added { float:right; width:115px; padding-top:4px; color:#fff; background:#202020; border:1px solid #4e4e4e; text-align:center; margin-top:3px; padding:3px 0; color:#999;}
.item .video-views { float:left; width:100%; height:22px; padding-top:0px; color:#fff; background:#202020; border:1px solid #4e4e4e; text-align:center; color:#999; margin-top:3px; padding:4px 0 5px;}
.item .video-time {  float:left; margin-bottom:1px; float:left; width:100%; color:#fff; background:#202020; border:1px solid #4e4e4e; text-align:center; color:#999; padding:3px 0; }


.star_off  { width: 75px; height: 15px; margin-top:0px; margin-left: 20px; float: left;  display: block; background: url('../images/star1.png') repeat-x; }
.star_on  { height: 15px; float:left; background: url('../images/star1.png') repeat-x; }

/******************* channel sidebar *******************/
.categories { float:left; background-color:#3b3b3b; width:219px;}
ul.categories { float:left; width:185px; list-style:none; text-align:center; margin-bottom:20px; border:2px solid #3b3b3b; margin-left:15px;  }
ul.categories li { float:left; width:100%; background:#b0009d; background: url('../images/bgcategories.jpg')}
ul.categories li a { float:left; width:100%; border-bottom:2px solid #3b3b3b; color:#fff; font-size:13px; font-weight:bold; padding:6px 0; }
ul.categories li a:hover, ul.categories li a.active { color:#f589ff; text-decoration:underline; }

.darkbox { background:#202020; border:1px solid #494949; padding:4px; color:#CCC; }
ul.todayupdated { float:left; width:190px; margin-left:8px;list-style:none; margin-bottom:20px; font-size:10px; }
ul.todayupdated  li { float:left; width:100%; margin:8px 8px 8px 2px }
ul.todayupdated li .tpleft { float:left; width:100px; }
ul.todayupdated li .tpleft a img { float:left; border:1px solid #d2d0d0; width: 92px;}
ul.todayupdated li .tpleft a:hover img { border:1px solid #202020; width:93px; height:65px}
ul.todayupdated li .tpright { float:right; width:90px; }
ul.todayupdated li .tpright h2 { float:left; width:100%; font-size:11px; font-weight:bold; margin:0 0 2px 0; color:#FFF; line-height:14px; }
ul.todayupdated li .tpright .stars { float:left; margin-bottom:5px; }
ul.todayupdated li .tpright .runtime { float:left; width:100%; }
ul.todayupdated li .tpright .star_off  { width: 45px; height: 12px; margin-top:0px; margin-left: 0px; float: left;  display: block; background: url('../images/star3.png') repeat-x; }
ul.todayupdated li .tpright .star_on  { height: 10px; float:left; background: url('../images/star3.png') repeat-x; }

a.adshere { float:left; margin:1px; padding-bottom:5px; width:773px; height:144px; background:url('../images/ads.jpg') no-repeat; }
/******************* footer *******************/
#footer-logo { float:left; width:225px; height:130px; padding:0; }
#footer-logo h1 { float:left; width:100%; height:130px; margin:0px; padding:0px; }
#footer-logo h1 a { float:left; width:100%; height:130px; background:url('../images/logo.png') no-repeat left top; background-size:contain; }
#footer { overflow:hidden; float:left; width:100%; height:152px; padding-top:20px; margin-top:0px; background:#000 url('../images/bg_footer.jpg') repeat-x left top; color:#bdbdbd; line-height:14px; font-size:11px; }
#footer h3 { float:left; width:100%; margin:0 0 10px 0; color:#FFF; font-size:11px; font-weight:bold; line-height:14px; }
#footer p { float:left; width:100%; }
#footer a { color:#bdbdbd; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .base1 { float:left; width:260px; }
#footer .base2 { float:left; width:200px; padding-right:25px; border-right:1px dotted #666; min-height:122px; }
#footer .base3 { float:left; width:100px; margin-left:15px; padding-right:15px; border-right:1px dotted #666; min-height:122px;  }
#footer .base4 { float:left; width:100px; margin-left:15px; padding-right:15px; border-right:1px dotted #666; min-height:122px;  }
#footer .base5 { float:left; width:230px; margin-left:15px; min-height:122px; }
#footer .base5 p { margin-bottom:10px; }
#footer ul { float:left; width:100%; list-style:none; margin:0; padding:0; }
#footer ul li { float:left; width:100%; margin:0 0 0px 0; padding:0; }
/******************* pagination *******************/
ul.pagination {
    margin: 30px auto;
    padding: 0;
    display: block;
    width:290px;
    overflow: hidden;
	padding-top:20px;
}
ul.pagination li {
    list-style: none;
    border-right: 1px solid #ff0057;
    float: left;
}
ul.pagination li a {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-decoration: none;
    display: block;
    color: #fff;
}
ul.pagination li a:hover {
    text-decoration: underline;
}
ul.pagination li.active,ul.pagination li.none,
ul.pagination li.next,ul.pagination li.prev,ul.pagination li.last {
    border: none;
}
ul.pagination li.none {
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    display: block;
    margin: 0 -10px;
}
ul.pagination li.active a,
ul.pagination li.next a,
ul.pagination li.prev a,
ul.pagination li.active a:hover,
ul.pagination li.next a:hover,
ul.pagination li.prev a:hover{
    background-image: url('../images/btn_orange.png');
    background-repeat: repeat-x;
    background-position: 0 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    padding: 0 10px;
    color: #000;
    font-size: 10pt;
    display: block;
}
ul.pagination li.next a:hover,
ul.pagination li.active a:hover,
ul.pagination li.prev a:hover {
    background-position: 0 -38px;
}
ul.pagination li.next a:active,
ul.pagination li.active a:active,
ul.pagination li.prev a:active {
    background-position: 0 -76px;
}
/******************* videopage *******************/
.video-box.dark-graybox { float:left; margin:0 0 10px 0; width:772px; padding:6px; }
.video-box img { float:left; max-width:100%; }
.video-description { float:left; width:100%; margin-bottom:10px; }
.video-description a { color:#f589ff; }
.video-description a:hover { text-decoration:underline; }
.video-description .left { float:left; width:700px; padding-left:10px; padding-top:10px; }
.video-description .left .desc { float:left; width:100%; margin-bottom:20px; color:#f0f0f0; }
.video-description .left .cats { float:left; width:100%; margin-bottom:20px; color:#f0f0f0; margin-top:25px; }
.video-description .left .cats a { font-weight:bold; }
.video-description .left .block { float:left; width:218px;  font-size:12px;  }
.video-description .left .block.runtime { margin-right:4px; }
.video-description .left .block.modelname { margin-right:4px; }
.video-description .left .block.ratings { padding:0px 0 5px 0; }
.video-description .left .block.ratings .stars { margin-left:50px; }
.video-description .right { float:right; width:202px; padding:6px; }
.video-description .right img { float:left; max-width:100%; }
/******************* channels page *******************/
.channel.thumb1 { float:left; width:167px; margin-left:6px; margin-top:10px; padding:7px; background:#202020; border:1px solid #5c5c5c;   }
.channel.thumb1.nomargin { margin-right:0; }
.channel.thumb1 .thumb { float:left; }
.channel.thumb1 .thumb a { float:left; border:1px solid #494949; }
.channel.thumb1 .thumb a img { float:left; max-width:100%; }
.channel.thumb1 .thumb a:hover { border:1px solid #FFF; }
.channel.thumb1 h2 { float:left; width:100%; text-align:center; font-size:12px; margin:2px 0 0 0; }
.channel.thumb1 h2 a { float:left; width:100%; text-align:center; color:#FFF; }
.channel.thumb1 h2 a:hover { text-decoration:underline; }
/******************* Mode page *******************/
ul.models-page-alpha { float:right; list-style:none; text-align:center; margin-right:50px; }
ul.models-page-alpha li { float:left; padding:0px 6px; }
ul.models-page-alpha li a { color:#fff; font-size:16px; font-weight:bold; }
ul.models-page-alpha li a:hover, ul.models-page-alpha li a.active { color:#bd6dc5; text-decoration:underline; }
.the-title { float:left; width:100%; border:1px solid #fff; background:#575757; padding:7px 0; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:0px; }
.the-title h2 { margin-left:70px; float:left; font-size:16px; font-weight:bold; margin:0 0 0 28px; color:#2e5985; }
/******************* joinpage *******************/
#joinpage-center .round { -webkit-border-radius:10px; -moz-border-radius:5px; border-radius:15px; }
#joinpage-center .darkbox { background:#101010; border:2px solid #fff; padding:4px; color:#CCC; }
#joinpage-center { float:left; width:480px; margin-left:10px; margin-top:20px; }
#joinpage-center .center h2 { float:left; width:100%; text-align:center; font-size:24px; color:#FFFFFF; line-height:1.1em; font-weight:normal; margin:15px 0 10px 0; }
#joinpage-center .center h1 { float:left; width:100%; text-align:center; font-size:36px; color:#f195ff; line-height:1.1em; margin:0 0 10px 0; }
#joinpage-center .option { float:left; background:#222222; border:1px solid #333; padding:20px 10px; width:420px; margin:12px 15px 0; }
#joinpage-center .option h3 { float:left; width:100%; color:#FFF; font-size:16px; font-weight:bold; background:#0060ff; text-align:center; padding:5px 0; margin:0 0 5px 0; }
#joinpage-center .option a.bluebutton { float:left; width:100%; text-align:center; padding:10px 0; margin:10px 0 0 0; background:#e63dff url('../images/buttompink.png') left bottom repeat-x; font-size:18px; color:#fff; }
#joinpage-center .option a:hover.bluebutton { color:#222; }

#joinpage-right  h1 {  text-align:center; font-size:26px; color:#f195ff; line-height:1.1em; padding-right:20px;  }
#joinpage-right { float:right; width:270px; margin-left:0px; margin-top:10px; }
#joinpage-right .item { float:left; width:240px; padding-left:5px; margin-top:5px;   }
#joinpage-right .item.nomargin { margin-right:0; }
#joinpage-right .item .thumb { float:left; }
#joinpage-right .item .thumb a { float:left; border:1px solid #494949; }
#joinpage-right .item .thumb a img { float:left; width:236px;}
#joinpage-right .item .thumb a:hover { border:1px solid #f589ff; }
#joinpage-right .item .details { float:left; padding-top:0px; font-size:12px; }
#joinpage-right .item .details .description { float:left; width:100%; font-weight:bold; line-height:16px; font-size:13px; color:#FFF; text-align:center; margin-bottom:5px; padding-bottom:0px; }
#joinpage-right .item .video-meta { float:left; width:115px; }
#joinpage-right .item .rating { float:right; width:115px; padding:0px 0 0px;  }
#joinpage-right .item .rating .stars { margin-left:22px; }
#joinpage-right .item .video-added { float:right; width:115px; padding-top:1px;  margin-top:0px; color:#fff; }
#joinpage-right .item .video-time, .item .video-views { float:left; width:100%;  color:#fff; padding:0px 0; }
#joinpage-right .item .video-time { color:#fff; }
#joinpage-right .item .video-time { margin-bottom:0px; color:#fff; }
#joinpage-right .item .video-time span, .item .video-views span { float:left; margin-left:0px; }

#joinpage-left  h1 {  text-align:center; font-size:26px; color:#f195ff; line-height:1.1em;  }
#joinpage-left { float:left; width:240px; margin-left:10px; margin-top:10px; }

#joinpage-left .thumb1 { float:left; width:100px; margin-left:10px; margin-top:10px; padding:4px; background:#202020; border:1px solid #5c5c5c;   }
#joinpage-left .thumb1 .thumb { float:left; padding:2px; }
#joinpage-left .thumb1 .thumb a { float:left; border:1px solid #494949; }
#joinpage-left .thumb1 .thumb a img { float:left; max-width:100%; }
#joinpage-left .thumb1 .thumb a:hover { border:1px solid #FFF; }
#joinpage-left .thumb1 h2 { float:left; width:100%; text-align:center; font-size:12px; margin:2px 0 0 0; }
#joinpage-left .thumb1 h2 a { float:left; width:100%; text-align:center; color:#FFF; }
#joinpage-left .thumb1 h2 a:hover { text-decoration:underline; }
/******************* search *******************/

.search {float: left;position: relative;padding-top: 4px;padding-right: 4px;padding-left: 16px;}
.search form {margin: 0px;padding: 0px;}

.search input[type=image] {	-webkit-border-radius: 0px 2px 2px 0px;	-moz-border-radius: 0px 2px 2px 0px;	border-radius: 0px 2px 2px 0px;	background: #002164;-webkit-transition: 500ms;	-moz-transition: 500ms;	transition: 500ms;	height: 28px;
}

.search input[type=text] {	border: 1px solid #002164;	-webkit-box-shadow: inset 1px 1px 3px #3D3D3D;	-moz-box-shadow: inset 1px 1px 3px #3d3d3d;	box-shadow: inset 1px 1px 3px #3D3D3D;ackground: #515151;		color: #999;padding: 4px 4px 4px 12px;	height: 18px;	width: 136px;
}

.search input { float: left; }