@CHARSET "UTF-8"; 
@IMPORT url("reset.css"); 
@IMPORT url("960.css"); 
@IMPORT url("text.css"); 

body{background:#000; color:#666; font:normal 11px/1.5em Tahoma,Arial}

a, a:link, a:active{color:#666; text-decoration:none}

a:hover{text-decoration:underline}

label{display:block; float:left; font-weight:bold}

.float-left{float:left}

.float-right{float:right}

.bottom-20{margin-bottom:20px}

.bottom-10{margin-bottom:10px}

.inputtext{background:#111; border-bottom:1px solid #444; border-left:1px solid #444; border-right:1px solid #222; border-top:1px solid #222; color:#999; display:block; padding:7px 5px}

.small {width: 35%}

.medium {width: 60%}

.large {width: 90%}

.button-red {background:url("../images/button_bg.gif") repeat-x; border:none; color:#fff; font:bold 11px/23px Tahoma,Arial; height:23px; padding:0 5px}

.close{position:absolute; top:5px; right:5px}

.loading{display:none; position:absolute; margin:20px 375px}

#top{height:100px}

#top a#logo {display: block; position: absolute; top: 15px; text-decoration: none; outline: none;}

#top #banner-ads {background: #222; border:1px solid #333; color:#444; font: normal 12px/40px Arial; padding: 0 20px; position: absolute; top: 30px; right: 0px; height: 40px; width: 400px;}

#nav{background:url("../images/bg_nav.gif") repeat-x 0 0 transparent; height:28px; position:relative; z-index:5}

#nav #nav-left{background:url("../images/bg_nav_icons.gif") no-repeat 0 -198px; position:absolute; left:0; height:28px; width:5px}

#nav #nav-right{background:url("../images/bg_nav_icons.gif") no-repeat 0 -462px; position:absolute; right:0; height:28px; width:218px}

#nav #keyword{background:transparent; border:none; display:block; float:left; margin:3px 0 0 3px; padding:3px 5px; outline:none; width:173px}

#nav #button-search{background:transparent url("../images/bg_nav_search.gif") no-repeat; position:absolute; height:28px; width:30px; right:0}

#nav #search-options{background:#212121; border:1px solid #333; display:none; padding:10px 10px 12px; position:absolute; right:0; top:30px; width:193px; z-index:4}

#nav #search-options label {color:#999; display:block; float: none; padding:5px}

#sub-nav{color:#888; padding:10px 0 5px; position:relative; z-index:3}

#sub-nav #userline{float:right; width:213px; text-align:right}

#sub-nav #userline a{color:#ccc; font-weight:bold; text-decoration:none}

#sub-nav #userline a#register, #sub-nav #userline a#logout{color:#f33}

#sub-nav #userlogin{background:#222; border:1px solid #333; color:#999; display:none; padding:20px 30px 10px 20px; position:absolute; right:0; top:2px; width:285px; z-index:2}

#sub-nav #userlogin label{width:100px}

#sub-nav .inputtext{float:right; width:172px}

#sub-nav #userlogin a{color:#FF0080}

#bottom{font:normal 11px/30px Tahoma,Arial; height:30px; text-align: right;}

#ft{padding:15px 0 10px; border-top:2px solid #212121; text-align:right}

#wrap, #wrap2{border:1px solid #212121; margin:10px 0; padding:15px 0}

.separator{background:url("../images/dot_gray.gif") repeat-y 728px top; height:100%}

.separator .col-left{float:left; width:710px; overflow:hidden}

.separator .col-right{color:#ccc; margin-left:740px; margin-right:10px; overflow:hidden; width:185px}

#wrap2 .separator{background-position:628px top; height:100%}

#wrap2 .separator .col-left{width:610px}

#wrap2 .separator .col-right{margin-left:640px; margin-right:10px; width:285px}

#cates div{font-weight:bold; border-bottom:1px solid #111; padding:8px 0}

#cates div a{background:url("../images/l1.gif") no-repeat left center; color:#ccc; padding-left:13px}

.title{border-bottom:3px solid #212121; color:#e5e5e5; height:24px; margin:10px 2px 15px 19px; padding-left:2px}

.title h3{font:bold 13px/24px Tahoma,Arial; float:left; text-transform:uppercase}

.title div{font:normal 11px/30px Tahoma,Arial; float:right}

.title a, .title a:link, .title a:active{color:#999; text-decoration:none}

.title a:hover{color:#ccc}

h4.btitle{color:#e5e5e5; border-bottom:2px solid #212121; font:bold 12px/1.5em Tahoma,Arial; text-transform:uppercase; height:1.5em; margin:13px 0 15px; padding:2px 3px}

.content{padding-left:20px; position: relative;}

.content .sblock { float: left; margin-right: 20px; width: 215px}

.content .sblock h4 {border-bottom: 1px solid #181818; color: #bdf222; font: normal 12px/2em Tahoma; padding-left: 5px; text-transform: uppercase;}

.content .sblock ul {list-style: none; margin: 0; padding: 0}

.content .sblock ul li {margin: 7px 0 7px 10px}

.content .sblock ul li a {background:url("../images/l2.gif") no-repeat scroll left center transparent; color: #999; padding-left: 15px}

/* */
.movies, .movies li{margin:0px; padding:0px; list-style:none}

.movies li{background-position:19px 2px; background-repeat:no-repeat; float:left; overflow:hidden; padding-bottom:15px; padding-left:16px; text-align:center; width:126px}

#wrap2 .col-right .movies li{background-position:11px 2px; background-repeat:no-repeat; float:left; overflow:hidden; padding:0 8px 15px; text-align:center; width:126px}

#wrap2 .col-left .movies li{background-position:27px 2px; background-repeat:no-repeat; float:left; overflow:hidden; padding:0 0 15px 24px; text-align:center; width:126px}

#wrap .movies li.none, #wrap2 .movies li.none{clear:both; float:none; height:0; margin:0; overflow:hidden; padding:0}

.movies li .thumb img{width:120px; height:160px; display:block; margin:0px auto}

.movies li .thumb{padding-top:2px}

.movies li .poster{height:184px; width:126px; overflow:hidden; background:url(../images/poster_frame.png) no-repeat; position:relative}

.movies li .poster .img{display:block; height:160px; width:120px; margin:2px auto 0px auto; overflow:hidden; position:relative}

.movies li p{margin:0}

.movies li p.views{text-align:right; padding:0px 5px}

.movies li p.name{padding:5px 2px}

.movies li p.name a{color:#0bf; font-weight:bold}

.movies li p.views span{float:left}

.movies li .poster .img a{height:160px; width:120px; overflow:hidden; display:block; padding-top:160px; position:relative}

.movies .rate{text-align:center; width:70px; height:12px; overflow:hidden; margin:4px auto}

.movies .rate span{float:left; overflow:hidden; width:14px; height:12px; display:block; background:url(../images/star_none.gif) no-repeat top}

.movies .rate span.half{background:url(../images/star_half.gif) no-repeat top}

.movies .rate span.full{background:url(../images/star.gif) no-repeat top}

/* */


/* */

#movie-thumb{float:left; min-height: 330px; width:250px}

#movie-info{list-style:none}

#movie-info a, #movie-info b{color:#999}

#movie-info li{padding:5px 0}

#movie-desc{padding:10px 20px; color:#888}

.comments{list-style:none}

.comments li{padding:0; margin:0 0 10px 0}

.comments li .cm-avatar{float:left; padding-right:10px; overflow:hidden; width:50px}

.comments li .cm-content{float:right; width:530px}

.comments li .cm-content p.prop{margin:0}

.comments li .cm-content p.prop .time{color:#444; float:right; font-size:10px}

.comments li .cm-content p.prop .name{font-weight:bold}

.comments li .cm-content .entry{line-height:180%; text-align:justify}

.comments li .cm-content .entry p{padding-bottom:1em}

.cm-pager{text-align:center}

.cm-pager a:link, .cm-pager a:visited, .cm-pager a:active{color:#fff; padding:2px 5px; outline: none;}

.cm-pager a:hover{color:#f66; text-decoration:none}

.cm-pager b{background:none repeat scroll 0 0 #0080FF; color:#fff; font-weight:normal; padding:2px 5px}

#rating_container_video{width:170px; height:32px; overflow:hidden}

#rating_container_video, #rating_container_video li{margin:0px; padding:0px; list-style:none}

#rating_container_video li, #rating_container_video li a{float:left; display:block; overflow:hidden; height:32px; width:34px; background:url(../images/star_l_none.gif) no-repeat top left}

#rating_container_video li a.full{background:url(../images/star_l.png) no-repeat top left}

#rating_container_video li a.half{background:url(../images/star_l_half.png) no-repeat top left}

.video_rating{float:left; overflow:hidden}

.video_links{position:absolute; top:10px; right:10px}

.video_links div, #rating_field div{float:left; overflow:hidden; height:32px; line-height:32px}

.video_links div{padding-left:5px}

.video_links a{padding-left:20px; float:left; display:block; overflow:hidden; height:32px}

.video_links #embed_video a{background:url(../images/icon_embed.gif) left center no-repeat}

.video_links #download_video a{background:url(../images/icon_server.gif) left center no-repeat}

.video_links #share_video a{background:url(../images/icon_mail.gif) left center no-repeat}

.video_links #broken_video a{background:url(../images/icon_warn.gif) left center no-repeat}

.video_actions{overflow:hidden; padding:10px; position:relative}

#rating_text{padding-left:10px; font-size:12px; color:#900}

.server{font-weight:bold; width:590px; line-height:20px}

.server .name{background:url(../images/icon_server.gif) no-repeat left center; float:left; padding-left:20px}

.server a{display:block; float:left; padding:0px 5px}

.server a.current, .server a.current:hover, .server a.current:visited{color:#FF0080}

.box{width:500px; background:#111; overflow:hidden; margin:0px auto 10px}

.box .box-content{padding:10px}

.box .box-title{overflow:hidden; position:relative; padding:5px; background:#000}

.box .box-title h4{font:bold 12px/1.5em Tahoma,Arial; color:#ccc; margin:0}

.box .box-title .box-close{position:absolute; top:0px; padding:5px; right:0px}

#comment-builder #cmtext{font:normal 12px/1.3em Arial; height:80px; overflow:hidden; padding:5px; margin:5px 10px 5px 0; width:340px}

#comment-builder input{font:normal 12px/1em Verdana; padding:2px; text-align:center}

#comment-builder #comment-text{float:left; margin-right:10px; overflow:hidden; width:352px}

#comment-builder #comment-code{float:right; width:218px; margin:5px; overflow:hidden}

#comment-builder #comment-code img{position:absolute}

#comment-builder #comment-code #cmsecurycode{font-weight:bold; float:left; letter-spacing:2px; margin:0 2px}

#comment-builder img.smiley{border:none; cursor:pointer}

.profile label, .register label, .forgot_password label {padding:7px 5px; width: 180px;}

.profile .inputtext, .register .inputtext, .forgot_password .inputtext {float: left}

.register #captcha,.profile #captcha {width: 60px; color: #fff; letter-spacing:2px; text-align: center;}

.register #captcha-img,.profile #captcha-img {float: left; margin: 7px 0 0 7px}

.error, .success {background:url("../images/l2.gif") no-repeat left center; color: orange; margin: 10px; padding-left: 15px;}
