/*
this CSS code and the html related to it is written by Marius Nedelcu.
Do not duplicate my code without my permision.
for any questions feel free to contact me at marius.etc@gmail.com
*/
body {background:url(images/site_bg.gif) top repeat-x #000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
/*defaults------*/
* {margin:0; padding:0;}
h1,h2,h3 {font-size:100%;}
img, fieldset {border:0; display:block;}
hr {display:block; height:0; clear:both; visibility:hidden;}
li {list-style-type:none; vertical-align:bottom;}
a {text-decoration:none;}
/*general-------*/
.fl {float:left;}
.fr {float:right;}
.adv-160, .adv-300, .adv-120, .adv-468 {position:relative; overflow:hidden;}
.adv-160 {width:160px;}
.adv-300 {width:300px; height:250px;}
.adv-120 {width:120px;}
.adv-468 {width:468px; height:60px;}
/*structure-----*/
#wrap {width:1000px; margin:0 auto;}
#header {height:129px; padding-bottom: 3px; position:relative; margin-bottom:1px;}
#container {padding-top:6px; background:white; clear:both;}
#main {width:690px !important; float:left;}
#content {width:515px !important; float:right; padding-bottom:20px;}
#left-sidebar {width:168px; float:left; padding-left:2px;}
#right-sidebar {width:308px; float:right; padding-right:2px;}
/*header elements and categories nav bar---------------------------------------*/
#logo, #navigation {position:absolute;}
#logo {width:337px; height:129px; top:0px; left:-81px; z-index:3;}
#navigation {height:30px; width:740px; bottom:3px; right: 0; z-index:0;}
#navigation * {display:block;}
#navigation ul * {float:left;}
#main-nav {height:30px; width:740px; float:left;}
#main-nav li {background:url(images/tabs.gif) bottom left no-repeat; height: 30px; padding-left: 6px; margin-right:2px;}
#main-nav li a {background:url(images/tabs.gif) bottom right no-repeat; font:bold 12px/14px arial; color:#fff; padding:8px 9px 0 4px; height:22px;}
#main-nav li:hover {background:url(images/tabs.gif) top left no-repeat;}
#main-nav li:hover a {background:url(images/tabs.gif) top right no-repeat;}
#main-nav li a:hover {color:black;}
#cat-nav {float:left; background:url(images/subnav_bg.gif) 0px 0px no-repeat; height:20px; border-bottom: 1px solid #b3b3b3; width:980px; padding:8px 10px 0;}
#cat-nav li {display:inline;}
#cat-nav li a {color:#2a2626; font-weight:bold; padding:2px 6px;}
#cat-nav li {border-right:1px solid #b3b3b3; padding:0 1px;}
#cat-nav li a:hover {background:white; color:#f30000;}
#navigation #search {float:right; padding-top:3px; background:none;}
#search form {width:239px; height:20px; padding:2px 4px 2px 2px; background:url(images/search_bg.gif)0px 0px black no-repeat;}
#search .fld {padding:2px; font:normal 12px/13px arial; color: #c6c3ac; width:185px; border:0; background:black;}
/*content area*/
.box {margin-bottom:5px;}
.hed {height:19px; padding:6px 0 0px 9px;}
.box .holder {padding:5px 4px 3px; background:#000;}
#left-sidebar .hed {background:url(images/headings.gif) left top no-repeat;}
#right-sidebar .hed {background:url(images/headings.gif) right top no-repeat;}
/*-----LEFT SIDEBAR*/
.menu {padding:0 1px 2px 1px;}
.menu * {display:block;}
.menu a {color:#6f6f6f; font:normal 12px/14px arial; height: 19px; background:url(images/mbg.gif) 0px 0px no-repeat; padding:2px 0 0 13px;}
.menu a:hover {background:url(images/mbg.gif) 0px -21px no-repeat white; color:#fff;}
.th-160,
.th-160 li {display:block}
.th-160 img,
.th-160 li {width:160px; height:120px;}
.th-160 li {margin-bottom:4px;}
.lst a {background:url(images/small_ar.gif) 4px -14px no-repeat; padding-left:12px; color:#777c7f; height:15px;}
.lst a:hover {background:url(images/small_ar.gif) 4px 5px no-repeat; color: white; text-decoration:underline;}
.lst li {display:block; height:15px; margin-bottom:2px;}
/*-----RIGHT SIDEBAR*/
.side_th img {width:93px; height:70px;}
.side_th {padding-left:2px;}
.side_th * {display:block; float:left;}
.side_th a {border:1px solid #28caff; width:93px; height:70px;}
.side_th a:hover{border:1px solid #ffdc00;}
.side_th li {margin:0 4px 4px 0;}
.hardlinks li {float:left; width:150px;}
.box .adv-300 {padding-bottom:5px;}
/*-----PLUGS AREA*/
.hed2, .hed3 {clear:both; margin-bottom:5px;}
.hed2 {background:url(images/heds.gif) top left red no-repeat; padding:6px 0px 0 8px; width:503px; height:25px;}
.hed3 {background:url(images/heds.gif) bottom left no-repeat; padding:3px 8px 0; width:494px; height:17px;}
.hed2 .fr {border:1px solid white; background:#fc0000; display:block; padding:2px; padding-right: 20px; margin-top:4px;}
.hed2 strong,
.hed2 h1,
.hed2 h2,
.hed2 h3 {font:bold 14px/15px arial; padding-top:3px; color:black;}
.hed2 *, .hed3 * {color:#fff;}
.post {margin:0 1px 7px 0; width:125px; height:139px; border:1px solid #d0d0d0; background:#f1f1f1; float:left;}
.post:hover {background: #383838; border:1px solid #000;}
.post .th {width:125px; color:#00a0f3; height:121px; display:block; background:white; }
.post:hover .th {background:#000; color:#ffc800;}
.post:hover img {border:1px solid #000;}
.post img {width:123px; height:92px; border:1px solid #fff;}
.post a:hover strong {color:#ffc800; text-decoration:underline;}
.post-title {font:normal 11px/12px arial; display:block; padding:1px 2px 0 2px; height:25px; overflow:hidden; position:relative;}
.post-det {display:block; font:normal 10px/11px arial; color:#c4c2b7; margin:0 2px; padding-top:3px;}
.post-det a {color:#fa0064;}
.post-det a:hover {text-decoration:underline;}
.navi {height:21px; padding:9px; clear:both;}
.navi ul {font:bold 12px/15px arial; width:480px; text-align:center; margin:0 auto; height:18px; padding-top:2px;}
.navi li {display:inline;}
.navi li a {padding:2px 6px; color:#fff; background: #000; border:1px solid #000;}
.navi li a:hover {background:#303030; border:1px solid #000;}
.navi .cur_page {padding:2px 6px; border:1px solid #d1d1d1; background:#d1d1d1; color:black;}
.navi .text_page a {border:0; color:black; background:none;}
.navi .text_page a:hover {background:none; text-decoration:underline; border:0;}
.navi .text_page strong {color:#0099fa; font:bold 18px/15px arial;}
/*FOOTER-------------*/
#footer {background:#fff; padding:1px; border-top:3px solid #f10000;}
.in-lst {background:#e2e2e2; padding:7px 10px; height:15px;}
.in-lst li {display:inline; border-right:1px solid #989898; padding-right:15px; margin-right:15px;}
.in-lst a {font:bold 12px/15px arial;}
#footer a {color:#000;}
#footer a:hover {color:#f10000; text-decoration:underline;}
#footer p {padding:10px 13px; color:#595959;}
/*video module------------------*/
#video {width:510px; background:url(images/videomodule.gif) bottom right no-repeat; margin-bottom:9px; padding-bottom: 10px; clear:both;}
#video .holder {background: #070707; border-left:1px solid #353535; border-right:1px solid #353535; padding:5px 5px 5px 9px;}
.video-title {background:url(images/videomodule.gif) top left no-repeat; padding:7px 0 6px 38px;}
.video-title h1 {color:#ffc800; font: bold 14px/15px arial;}
.video-title a {color:#fc0000;}
.video-title a:hover {text-decoration: underline;}
.video-title {color:white;}
#extras {padding:10px 0; border-bottom:1px dotted #333333;}
.vdet {width:400px; font:normal 12px/17px arial; color:white;}
.vdet a {color:#fa0064; text-decoration:underline;}
.vdet a:hover {color:#00b4ff;}
#player {width:490px;position:relative; overflow:hidden;}
.sponsor p a,
.sponsor p {font:bold 14px/15px arial; color:#ffc800; text-decoration:underline;}
.sponsor p {padding:10px;}
.sponsor .adv-468 {margin:0 auto;}
#rating {background:url(images/rating_bg.gif) top left no-repeat; position:relative; width:88px; height:36px; float:right;}
#rating a {width:15px; padding-top:22px; height: 0; position:absolute; top:7px; overflow:hidden;}
#rating span {display:block; text-align:center; display:block; color: white; padding: 10px 0 0 0; font:bold 18px/19px arial;}
.rating-pos {left:12px; background:url(images/thumb_up.gif);}
.rating-neg {right:12px; background:url(images/thumb_down.gif);}
/*USER PAGES--------------------*/
#register {padding:0 10px; width:420px; margin:0 auto; padding-bottom:10px; color:black;}
#register big {font-size:28px; display:block; color:#ff9900; margin-bottom:4px;}
#register fieldset {padding:10px 0; display:block;}
#register .login {width:350px;}
#register .login input {width:190px;}
#register fieldset label, #register fieldset input {float:left;}
#register fieldset label {display:block; width:90px; padding:2px 15px 2px 0; text-align:right; font-weight:bold; height:16px; font-size:15px;}
#register fieldset label em {color:red;}
#register fieldset input {width:290px; border:2px inset #ccc; margin-bottom:10px;}
#reg-but {margin-left:107px; border:2px outset #000; background:#f0f0f0; font-weight:bold; padding:2px 4px;}
#reg-but:hover {background:#b0ffba; color:#006600;}
#register span {padding-bottom:20px; display:block;}
#shold {padding-top:40px; height:450px;}
#shold p {font-size:14px;}
#register .edit-profile label {font-size:12px;}
#register a, .message a {color:#ff9900; text-decoration:underline; font-weight:bold;}
.message {padding:15px; width:400px; margin:5px auto 0; color:black; display:block;font-size:15px;}