@charset "utf-8";

/* CSS Document */
*{margin: 0px; padding: 0px;}
.clear{clear: both; font-size: 0px; width: 0px; height: 0px;}
img { border:0px}

a{color: #b9b9b9}
h2{margin-bottom: 6px;}
h2 a{text-decoration: none;}

#wrapper{width: 100%; background: url("../images/bg.jpg") 28px 0px repeat; font-family:Tahoma; font-size:12px; position:relative}

#left_top { width:50%; position:absolute; background: url("../images/bg.jpg") repeat left top; height:1200px; left:0px; top:0px
} 
#right_top { width:50%; position:absolute; background: url("../images/bg.jpg") repeat left top; height:1200px; right:0px; top:0px
} 
#top_left {margin-right:6px; background:url("../images/bg.jpg") repeat right top; height:1200px
}
#top_right {margin-left:32px; background:url("../images/bg.jpg") repeat left top; height:1200px
}

#header {width: 100%; position:relative}
#header_body {width: 1000px; margin: 0px auto; position: relative; padding:0px}
#logo {width: 1000px; margin:0px; padding:0px; background:url("../images/top_img.jpg") top left no-repeat}

#menu{background: url("../images/menu_bg.jpg") top left repeat-x; height: 45px; width: 100%; position:relative}
#menu_body{width: 1000px; position:relative; margin:0px auto}
#menu_body ul{list-style: none; padding:0px; margin:0px}
#menu_body ul li{float: left}
#menu_body input.search {border: #262626 1px solid; margin-top: 13px; padding:2px 0 0 8px; color: #000000; background: #e1e1e1; width: 200px; height:19px; float:left; margin-right:4px}

#main{width: 100%; position:relative}
#main_body{width: 1000px; margin: 0px auto; background:#000000}
#main_body h2{color: #cccccc;}
#main_body h3{color: #cccccc;}

#content {float: left; width: 742px; padding-left:20px}

#side_right{float: right; width:200px;}
.cats{width: 180px}
.cats li{padding: 4px 0 4px 28px; border-bottom: #161616 1px solid; list-style: none; background:url("../images/arrow.gif") left center no-repeat}
.cats a{text-decoration: none; font-family: Tahoma; font-size: 12px; color:#4b4b4b}
.cats a:hover{text-decoration: underline;}

.cats_list{width: 140px; float: left;}
.cats_list li{list-style: none;}

ul.list{list-style: none; width: 762px;}
ul.list li{float: left;}

div.view{overflow: hidden; width: 254px; height: 173px; position: relative;}
div.info{position: absolute; top: 0px; left: 0px; background: transparent url("../images/screen_bg.png") top left no-repeat; width: 254px; height: 173px; display: none; clear: both;}
hr.line{width: 100%; color: #C90101; clear: both;}

.info_text{padding: 10px 0px 0px 10px; color: #FFFFFF;}
.info_text a{color: #53beff;  font-weight: bold; font-size: 14px; text-decoration: none;}

#footer{width: 100%}
#footer_body{width: 1000px; margin: 0px auto; color: #b9b9b9}

.pagination{clear: both; margin: 20px 0 0 0px}
.pages li{list-style: none; float: left; background:#111111; height: 22px; color:#464646; padding: 0px 9px; font-family: Tahoma; font-size: 13px; line-height: 22px; border:#161616 1px solid; margin-right:4px; margin-bottom:0px}
.pages li a{color: #464646; text-decoration: none; font-family: Tahoma; font-size: 13px; line-height: 23px; font-weight:bold}
.pages li a:hover{text-decoration: underline}
.pagination .btn_next{background: url("../images/next.jpg") top left no-repeat; text-indent: -3000px; display: block; width: 50px; height: 20px; float: right;}
.pagination .btn_prev{background: url("../images/prev.jpg") top left no-repeat; text-indent: -3000px; display: block; width: 50px; height: 20px; float: right;}


.field{margin: 0px; padding:0px}
.field label{color: #848484}
.field input{font-family:Tahoma; font-size:12px; color:#000000; background:#e1e1e1; width:340px; height:19px; padding:2px 0 0 8px; border:1px #222222 solid}

.field_big{ padding:0px }
.field_big label{color: #4b4b4b; font-size:11px; margin-bottom:8px;}

.file{width: 170px; overflow: hidden; float: left; color: #8E0000; padding-top: 4px; margin: 6px 0 0px 0}
.errors{list-style: inside disc; width: 478px; padding: 5px 5px 5px 20px; color: #000000; border:1px #161616 solid; margin-bottom:20px; background:#f28998}

input#screenshot{background: url("../images/file_btn.jpg") top left no-repeat; width: 83px; height: 23px}

#icon { font-family: Tahoma; font-size: 11px; color:#333333; line-height: 16px
}
#icon a { font-family: Tahoma; font-size: 11px; color:#333333; line-height: 16px; background:url("../images/icon.gif") no-repeat left center; padding-left:11px;
 text-decoration:none
}
#icon a:hover { font-family: Tahoma; font-size: 11px; color:#333333; line-height: 16px; background:url("../images/icon.gif") no-repeat left center;text-decoration:underline
}

div.details{color: #FFFFFF;}

ul.top_banners{list-style: none; padding-left: 14px;}
ul.top_banners li{float: left; width: 125px; height: 125px; margin: 0px 4px 7px 4px;}

.warn{font-size: 12px; padding-right: 10px;}
.warn span{color: #F00;}
