* { margin: 0; padding: 0; }
body { background: #08090a url(../images/bg.jpg) repeat; font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;  margin: 0 auto; color: #acadad; }
ul li { list-style-type: none; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a { color: #fff; text-decoration: none;} a img { border: none; }  a:hover {text-decoration: none; } 
hr { border-top: 1px solid #1f1f1f; border-left: 0; border-right: 0; border-bottom: 0; margin: 13px 30px 0 30px; }
.center  { text-align: center; }
.upp_und { text-decoration: underline; text-transform: uppercase; }
/* CONTENT */
.content {background: #000; padding-top: 10px;}
.content_right { width: 180px; float: right; padding-top: 31px; }
.content_left {  margin-right: 180px; position: relative; width: 750px;}
.content_right_border { border: 1px solid #1f1f1f; margin: 0 0 0 6px; padding: 10px 0; }
.content_left_border { border: 1px solid #1f1f1f; margin: 0; padding: 10px 0; }
#header, .content { width: 949px; margin: 0 auto; position: relative; }
#header_right { width: 474px; position: absolute; height: 129px; top: 0; right: 0; }
#upload a { display: block; position: absolute; right: 6px; top: 87px; width: 100px; color: #000; font-size: 0.9em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 42px; padding-top: 17px; text-decoration: underline;  
text-align: center;}

.thmb2 {border: 1px solid red; width: 180; height: 135;}

/* VIEW PAGE */
.content_right_view { width: 320px; float: right; padding-top: 31px; }
.content_left_view {  margin-right: 320px; position: relative; width: 629px;}

/* SEARCH FORM */
#search { position: absolute; top: 102px; left: 574px; }
input.text { width: 187px; border: 1px solid #cdcdcd; background-color: #fff; padding: 2px; }
button{ background: url(../images/search.jpg) no-repeat; width: 55px; height: 16px; border: none; cursor: pointer; margin-left: 3px;}
#login { color: #fff; position: absolute; top: 10px; right: 8px; font-size: 0.9em; text-align: left; }
#login a { color: #fff; text-decoration: underline; padding: 0 5px;} #login a:hover { color: #ed9708; }

/* MENU TOP */
.lists { height: 42px; position: absolute; top: 87px; left: 4px; width: 560px;}
.lists li {  display: inline; float:right; width: 112px; height: 42px;  }
.lists li a {color: #000; font-size: 0.9em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  text-align: center; display: block; width: 112px; height: 42px; padding-top: 17px;}
.lists li.active a { background: url(../images/tab.jpg) no-repeat; padding-top: 17px; color: #f4c72e; }
.lists li a:hover { background: url(../images/tab.jpg) no-repeat; padding-top: 17px; color: #f4c72e; }

#footer { width: 949px; margin: 0 auto; text-align: center; padding-bottom: 8px; } 
#footer p { font-size: 0.8em; line-height: 1em; padding: 8px 20px; }
#footer p a { font-size: 1.1em; } #footer p a:hover { text-decoration: underline; }

.pages { margin: 20px 12px; }
.pages span { float: left; color: #acadad; font-size: 0.85em; padding-right: 7px;}
.pages a {display: block; float: left; background-color: #151518; margin-right: 7px; text-align: center; padding: 1px 2px 1px 3px;  color: #acadad; font-size: 0.85em;}
.pages a:hover {display: block; text-decoration: none; float: left; background-color: #ec9200; color: #000;}
.pages a.act { background-color: #ec9200; color: #000; }

.h_bg { height: 31px; background: #f6a91a url(../images/h_bg.jpg) repeat-x; }
.h_left span { width: 6px; float: left; height: 31px; background: url(../images/h_left.jpg) no-repeat; }
.h_right span { width: 6px; float: right; height: 31px; background: url(../images/h_right.jpg) no-repeat; }
.h_bg h3 { color: #000; padding: 7px 0 0 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; z-index: 0;}

.video { float: left; margin: 0 3px 0 10px; padding: 0; height:190px; width: 170px; }
.view_page_margin { margin: 0 3px 0 14px; }
.video img, .center img, #footer img { border: 1px solid #1f1f1f; } .video img:hover, .center img:hover, #footer img:hover { border: 1px solid #ed9708; }
.video_left { float: left; color: #acadad; font-size: 10px; text-align: left; }
.video_right { float: right; color: #acadad; font-size: 10px; text-align: right; }
.video_right img, .center img, #footer img { border: 0px solid #1f1f1f; } .video_right img:hover, .center img:hover, #footer img:hover { border: 0px solid #ed9708; }
.star_full { float: left; margin-right: 2px; background: url("../images/star_full.jpg") no-repeat; width: 12px; height: 12px; }
.star_empty { float: left; margin-right: 2px; background: url("../images/star_empty.jpg") no-repeat; width: 12px; height: 12px; }
.video a span.descr { font-size: 0.85em; color: #ed9708; text-align: center;} .video a:hover span.descr { color: #fff; }

#cams { position: absolute; left: 299px; top: 22px; width: 600px;}
#cams ul { float: left; width: 170px; }
#cams li a { background: url(../images/cams.jpg) no-repeat; width: 130px; height: 20px; display: block; text-align: center; color: #f4c72e; text-transform: uppercase; font-weight: bold; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding-top: 5px;}
#cams li a:hover { background: url(../images/cams_act.jpg) no-repeat; color: #000; }

.join_title { background: red; margin: 10px; color: #000; text-align: center; padding: 3px 10px; }
.join_title h2 { font-size: 1.7em; }
.join_title p { font-size: 0.9em; }
#join_content { border: 1px solid #1f1f1f; margin: 0 10px; padding: 10px; text-align: center;}
.td_center { text-align: center; font-weight: bold; color: #d01709; }
.td_center_no { text-align: center; }
.join_table { border: 1px solid #1f1f1f; margin-top: 7px;}
.join_table td { padding: 2px 3px 2px 10px; font-size: 1.2em; }
.td_left { text-align: left; color: #bbb;}
.table_title { color: #f2912c; text-transform: uppercase; font-weight: bold;  }

.info { padding: 0 10px; }
.info h3 { font-weight: bold; color: #f2912c; font-size: 1.2em; text-transform: uppercase; text-align: center;}
.info p a { color: #f2912c; font-weight: bold; text-decoration: underline;} .info p a:hover { color: #fff; }

#player { padding: 0 0 0 11px; }

.leftcol { font-size: 0.85em; color:#acadad; float:left; width: 130px; margin-top: 3px;}
.rightcol { font-size: 8px; color:#acadad; float:left; width: 476px; }
.rightcol input { color:#555; font-size: 1.2em; }
.player_links { color: #f2912c; float: right; margin-right: 10px;}
.player_links a { font-size: 0.9em; color: #f2912c; text-decoration: underline;} .player_links a:hover { color: #fff; }
.player_info { font-size: 0.85em; float: left; } 
.player_info p { float: left; margin-right: 20px; }
#embed { margin-top: 5px; }
.embed_item { margin-bottom: 5px; display: block; height: 20px; }

#color_line { height: 31px; background: #f6a91a url(../images/h_bg.jpg) repeat-x;color: #000;  margin-right: 10px; }
#color_line_l { float: left; padding: 5px 0 0 10px; }
#color_line_r { float: right; padding: 5px 10px 0 0; }
#color_line a { color: #000; text-decoration: underline; font-size: 0.85em; }