/*this css code and the html related to it was written by Marius,
you can contact me at marius.etc@gmail.com
////////////////////////////////////////////////
////////////UNDER DEVELOPMENT///////////////////
//////////////////////////////////////////////// .*/
/*--------------------------html defaults*/
h1, h2, h3, h4, h5, body, html, p, li, ul, hr {margin:0; padding:0;}
img, label, fieldset {display:block; border:0;}
h1, h2, h3, h4, h5 {font-weight:normal; font-size:100%;}
a {text-decoration:none;}
li {list-style-type:none; vertical-align:bottom;}
hr {clear:both; visibility:hidden; height:0;}
/*GENERAL---------------------------------------*/
.fr {float:right;}
.pb10 {padding-bottom:10px;}
.adv-120, .adv-160, .adv-300, .adv-468, #rating, .fill, .autofit, .th, .vtitle, .det, .desc p, .thumbs *, #search {display:block; overflow:hidden; position:relative;}
.adv-300 {width:300px; height:250px;}
.adv-468 {width:468px;}
.adv-728 {width:728px; height:90px;}
.adv-160 {width:160px;}
.adv-120 {width:120px;}
.lst, .in-lst, .navi ul {display:block;}
.navi, .navi ul {margin:0 auto;}
.in-lst li {display:inline;}
.navi ul {text-align:center;}
.navi li {display:inline;}
#rating *, #navigation, #logo, #description, #hadv {display:block; overflow:hidden; position:absolute;}
.rating-pos, .rating-neg, .fill {height:0;}
/*Template Structure*/
#wrap {width:1000px; margin:0 auto;}
#header {position:relative;}
#container, #footer, .navi, .hed {clear:both;}
#main-nav li, #main-nav li a, .thumbs *, .fl, .post, #sub-nav * {float:left;}
#main-nav #search {height:auto; float:right; padding:0; margin:0; border:0;}
.autofit {height:390px; width:480px;}
.autofit embed, .autofit object {height:100%; width:100%; display:block; position:abosolute; bottom:0px; top:0px; left:0px; right:0px;}
.hed h1, .hed h2, .hed h3, .hed h4 {display:block;}
.post {height:176px; width:162px; z-index: 2;} /*if 3 lines needed change height value*/
.post .desc {visibility:hidden;}
.post:hover {position:relative;}
.post:hover .desc {visibility:visible; z-index: 1;}
.post .desc:hover p {display:none;}
.post .th {height:157px;}
.vtitle {padding-top:2px;}
.post .det {height:15px; padding:2px 3px 0; font-family:verdana;}
.box {margin-bottom:10px;}
.hed {margin-bottom:5px;}
/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////// END DEFAULTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*skin---------------*/
html {height:100%;}
body {background:url(images/body_bg.jpg) 0px 0px #242424 repeat-x; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
/*HEADER-------------*/
#logo {height:233px; width:613px; left:-145px; z-index:3;}
#header {height:233px;}
#description {display:none;/*dimensions and position*/}
#hadv {display:none;/*dimension and position*/}
#navigation {height:83px; right:0px; width:677px; bottom:0; background:url(images/skin.gif) repeat-x; z-index:22;}
#main-nav {}
#main-nav, #main-nav li {height:30px;}
#main-nav li {padding-left:2px; background:url(images/skin.gif) 0px -83px no-repeat;}
#main-nav a {height:22px; padding:8px 12px 0 12px; font:bold 12px/15px arial; color:#fff;}
#main-nav a:hover {background:url(images/skin.gif) 0px -113px repeat-x; color:#00ffc6;}
#main-nav #corner {position:absolute; top:0; right:0; background:none;}
#main-nav #search {width:250px; padding:4px 20px 0 0; background:none; z-index:9;}
#search .fld {width:168px; padding:2px; margin-top:2px; border:0; background:#fff; font:normal 11px/11px arial;}
#sub-nav {height:25px; padding:5px 0 10px 0px;}
#sub-nav li {display:block; width:104px; margin:0 8px 1px 0; line-height:13px;}
#sub-nav a {padding-left:13px; background:url(images/bullet.png) 0px -19px no-repeat; font:bold 11px verdana; color:#000;}
#sub-nav a:hover {background:url(images/bullet.png) 0px 1px no-repeat; text-decoration:underline;}
/*CONTENT-------------*/
#container, #footer {padding:0 3px; background:#fff;}
/*chosen block style******************************************/
.chosen {padding:4px 0 0 4px;margin-bottom:7px; background:black;}
.style1 {height:22px; padding:5px 5px 5px 30px; border-bottom:1px dotted #333; background:url(images/icons.gif) 0px 0px no-repeat; color:white;}
.style1 .fl {font:bold 18px/19px arial; margin-right:10px;}
.style1 p {color:#575757; padding-top:5px;}
.chosen .post {margin:0 3px 15px 0;}
.chosen .th {padding:2px 2px 0 2px; background:url(images/chpost_bg.png) right -17px no-repeat;}
.chosen .post img {height:118px; width:158px;}
.chosen .post .vtitle {padding-top:4px;font:bold 1.07em/1.2em arial; color:#e6e6e6;}
.chosen .post:hover .vtitle {color:#fa008d;}
.chosen .post:hover .th {color:#fff; background:url(images/chpost_bg.png) 0px -17px no-repeat; text-decoration:none;}
.chosen .post:hover .det {background:url(images/chpost_bg.png) 0px 0px no-repeat;}
.chosen .det {color:#2d2d2d; }
.chosen .det a {color:#595959;}
.chosen .det a:hover {color:#fff; text-decoration:none;}
.post .desc {width:166px; padding:0 0 5px 0px; top:5px; left:145px; background:url(images/desc_box.png) -7px bottom;z-index:99!important; position:absolute!important;}
.post .desc p {padding:0 0 0 15px; background:url(images/desc_box.png) -173px 0px no-repeat; font-size:10px; line-height:11px; color:black;z-index:99!important; position:relative!important; }
/*media block style***************************************** */
.media {padding-bottom:5px;}
.media .double {width:473px;}
.vids {width:512px;}
.recent {padding:10px 0px 5px 5px; height:355px; border: 1px solid #9e9e9e; border-top: 1px solid white; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; background:#eeeeee;}
.style2 {height:28px; padding:3px 0 0 5px; background:url(images/skin.gif) 0px -146px repeat-x; margin-bottom:0; border:1px solid #9e9e9e; border-bottom:0; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}
.style2 .fl {padding:6px 5px 4px 38px; background:url(images/icons.gif) 0px -49px no-repeat; font:bold 14px/14px arial;}
.style2 .fr {margin:5px 5px 0 0; color:#0084ff;}
.style2 .fr:hover {text-decoration:underline;}
.style3 {height:22px; padding:3px 0;}
.style3 * {padding:4px 5px 4px 35px; font:bold 14px/14px arial; background:url(images/icons.gif) 0px -132px no-repeat;}
.popular {overflow:hidden; border:1px solid #cbcbcb; background:#e0e0e0; padding-top:4px; padding-bottom:4px;}
.side .extended {height:550px;}
.posts {overflow:auto; position:relative; height:366px;}
.posts a {font-weight:bold;}
.double .posts .bkr {float:left; height:80px; width:217px; padding:5px;}
.double .posts .bkr h3 a {font:bold 12px/12px arial; color:#fa008d;}
.posts .bkr {height:70px; display:block; padding:10px; position:relative; border-bottom:1px solid #9e9e9e;}
.posts .th {height:70px; width:100px; position:absolute; top:8px; left:8px; border:2px solid #e0e0e0;}
.posts .th img {height:70px; width:100px;}
.posts .bkr:hover {background:white;}
.posts .bkr:hover .th {border:2px solid #ff9600;}
.posts h3, .posts .det {margin-left:110px;}
.posts h3 a {font:bold 13px/15px arial; color:#fa008d;}
.posts h3 a:hover, .double .posts .bkr h3 a:hover {color:#009ffa; text-decoration:underline;}
.posts .det {color:#252525; padding-top:5px;}
.posts .det a {color:black; text-decoration:underline;}
.vids .post {padding:0 2px; margin:0 1px 1px 0;}
.vids .th {height:147px;}
.vids .post img {height:110px; width:158px; border:2px solid #000;}
.vids .post .vtitle {padding-top:4px; font:bold 1.07em/1.2em arial; color:#000;}
.vids .post:hover img {border:2px solid #009ffa;}
.vids .post:hover .vtitle {color:#fa008d; text-decoration:underline;}
.vids .post:hover .th {color:#fff; text-decoration:none;}
.vids .det {padding:2px 0; color:#7f7f7f;}
.vids .det a {color:#009ffa; font-weight:bold;}
.vids .det a:hover {color:#ffb900;}
.vids .desc {width:166px; padding:0 0 5px 0px; top:5px; left:160px; background:url(images/desc_box2.png) -7px bottom;}
.vids .desc p {padding:0 0 0 15px; background:url(images/desc_box2.png) -173px 0px no-repeat; font-size:10px; line-height:11px; color:#fff;}
/*sidebar style******************************************/
.side {width:320px; clear:right;}
.box {padding:5px 10px 10px 10px; background:black;}
.box .hed {padding:2px 2px 0 2px; height:18px; color:#f100a3; font:bold 12px/14px arial;}
/*plugs******************************************/
.style4 {height:22px; padding:5px 5px 5px 35px; border-bottom:1px dotted #333; background:url(images/icons.gif) 0px -87px no-repeat; color:black;}
.style4 * {font:bold 18px/19px arial;}
.plugs .post {margin:0 3px 20px 0; }
.plugs .th {padding:2px; }
.plugs .post img {height:118px; width:158px;}
.plugs .post .vtitle {padding-top:2px; font:bold 1.13em/1.0em arial; color:#fa008d;}
.plugs .post:hover .vtitle {color:#009ffa;}
.plugs .post:hover .th {background:url(images/chpost_bg.png) 0px -17px no-repeat; text-decoration:underline;}
.plugs .det {color:#a9a9a9;}
.plugs .det a {color:#252525; text-decoration:underline;}
.plugs .det a:hover {background:#fffea8; color:#000;}
/*widgets----------------------------------------------*/
.navi {height:20px; padding:15px; font:bold 15px/15px arial;}
.navi ul {width:630px;}
.navi a {padding:3px 7px; border:1px solid #fff; background:#fff;}
.navi a:hover {border:1px solid #fffea8; background:#fffea8; text-decoration:underline;}
.navi .text_page a {/*color:;*/}
.navi .text_page a:hover {color:black;}
.navi .cur_page {border:1px solid #d8d8d8; background:#fff; color:#d8d8d8;}
.navi .text_page strong {font:bold 20px/12px arial; color:#444444;}
.navi .text_page a:hover strong {color:#000;}
.navi a, .navi .cur_page {padding:3px 7px; margin-right:2px;}
/*
.side-th {padding:2px 0 0 3px}
.side-th li * {height:71px; width:94px;}
.side-th li {height:73px; width:98px; padding-bottom:2px; margin:0 2px 3px 0;}
.side-th li a {border:1px solid #3405dd;}
.side-th li a:hover {border:1px solid #f44f05;}
*/
/*
.lst .big {display:block; padding:0 0 4px 2px; font:bold 12px/13px arial; color:#fd5205;}
.lst {width:145px; padding:8px 0 1px 2px;}
.lst li {margin-bottom:2px; line-height:15px; display:block;}
.lst a {padding-left:14px; background:url(images/bullet.png) 0px 4px no-repeat; color:#777c7f; text-decoration: underline; font-size:12px;}
.lst a:hover {color:#fff; background:url(images/bullet.png) 0px -14px no-repeat;}
*/
.holder .fl {border-right:2px solid #262626;}
.rss_ico {width:23px; padding:2px 20px 2px 2px; background:url(images/rss_ico.png) right top no-repeat; font:bold 12px/13px arial; color:#fff;}
.advblock {padding-top:10px;}
.advblock .box {margin-right:9px;}
/*Video ------------------------------------------------*/
#video-module {width:670px; padding-bottom:10px; font-size:12px; color:#000;}
#video-module a {color:#f100a3; text-decoration:underline;}
#video-module a:hover {color:#009ffa;}
#video-module .videotitle {height:34px; width:auto; background:url(images/vrpx.gif) bottom repeat-x;}
.videotitle * {height:15px; padding:9px 0 10px 35px; background:url(images/icons.gif) 0px -171px no-repeat; font:bold 17px/15px arial; color:#000;}
#vside {width:180px; float:right;}
#vside p {padding-bottom:5px; border-bottom:1px dotted #393434;}
.vdesc {margin-bottom:5px; color:#333;}
.vtags, #rating {margin-bottom:10px;}
#rating {height:32px; color: #fff; width:150px; background:url(images/btn_bgs.gif) top right no-repeat}
#rating strong {top:8px; left:15px;}
#rating span {width:24px; top:8px; left:60px; border-right:1px solid #393434; font:bold 14px/14px arial; color:#f100a3;}
.rating-pos, .rating-neg {height:0; width:19px; padding-top:24px; top:4px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.rating-pos {right:10px; background:url(images/rate_pos.png) 0px 0px;}
.rating-neg {right:40px; background:url(images/rate_neg.png) 0px 0px;}
.rating-pos:hover, .rating-neg:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#relatedvids h2 {font:bold 14px/15px arial; padding:4px 0 10px;}
#relatedvids ul {height:240px;}
#relatedvids ul li * {height:56px; width:83px;}
#relatedvids ul li {height:58px; width:85px; margin:0 1px 1px 0;}
#relatedvids ul a {border:1px solid #fff;}
#relatedvids ul a:hover {border:1px solid #f100a3;}
#video {width:480px; float:left;}
#extras {height:32px; padding:3px; border:1px solid #d2d2d2; background:url(images/extras_bg.gif) top repeat-x;}
.sponsorbanner {padding:5px; background:#c8c8c8;}
#extras .downloadvideo {height:23px; width:283px; padding:10px 0 0 33px; background:url(images/btn_bgs.gif) 0px 0px no-repeat; font:bold 13px/11px arial; color:white; text-decoration:none;}
#advtoplist {background:black; padding:5px; clear:both; height:90px;}
#advtoplist .adv468 {float:left; width:468px;}
#advtoplist .toplist {width:500px; float:right;}
#advtoplist .toplist .thed {width:500px; color:white; font:bold 14px/15px arial;}
#advtoplist .toplist li {width:115px; margin:0 3px 1px 0; float:left;}
#advtoplist .toplist li a {color:#fa008d; text-decoration:underline;}
#advtoplist .toplist li a:hover {color:#009ffa;}
/*===FOOTER===*/
#footer {padding:5px; color:#000;}
#footer p {padding:10px; background:#000; color:#b9b9b9;}
#logo_footer{height:1px; width:157px; float:left; display:block; border:0; position:relative; top:-26px;}
.fnav {height:20px; padding:8px 10px 0; border-bottom:2px solid #fa008d; background:#d8d8d8;}
.fnav li {padding:0 10px 0 0; margin-right:10px; font:bold 13px/13px verdana;}
.fnav a {color:black;}
.fnav a:hover {color:#fa008d;}
.hardlinks {padding:10px;}
.hardlinks li {padding-right:10px; line-height:20px; margin-right:10px; border-right:1px solid #777c7f;}
.hardlinks a {font-weight:bold; text-decoration:underline; color:#000; font-family:verdana;}
.hardlinks a:hover {color:#000;}
.note {padding:10px; color:black;}
.note a {color:black; text-decoration:underline;}
/*USER PAGES--------------------*/
#register big, #register fieldset, #register fieldset label, #register span, .message {display:block;}
#register {width:420px; padding:0 10px 10px 0; margin:0 auto 10px; color:#000;}
#register big {margin-bottom:4px; font-size:25px; color:#e60083;}
#register fieldset {padding:10px 0;}
#register .login {width:350px;}
#register .login input {width:190px;}
#register fieldset label, #register fieldset input {float:left;}
#register fieldset label {height:16px; width:90px; padding:2px 15px 2px 0; font:bold 15px/15px arial; text-align:right;}
#register fieldset label em {color:red;}
#register fieldset input {width:290px; margin-bottom:10px; border:2px inset #ccc;}
#reg-but {padding:2px 4px; margin-left:107px; border:2px outset #000; background:#f0f0f0; font-weight:bold;}
#reg-but:hover {background:#b0ffba; color:#006600;}
#register span {padding-bottom:20px;}
#shold {padding-top:40px; height:450px;}
#shold p {font-size:14px;}
#register .edit-profile label {font-size:12px;}
#register a, .message a {color:#e60083; text-decoration:underline;}
.message {width:400px; padding:15px; margin:5px auto 0; border:1px solid #999; background:#262626; font-size:15px; color:#fff;}