body {background:url(images/site_bg.png) repeat-x top black; font-size:11px; font-family:Arial, Helvetica, sans-serif;} /*html defaults*/ * {margin:0; padding:0;} img, label, fieldset {display:block; border:0;} a {text-decoration:none;} li {list-style-type:none; vertical-align:bottom;} hr {clear:both; visibility:hidden; height:0;} h1, h2, h3, h4 {font-weight:normal;} /*GENERAL---------------------------------------*/ .fl {float:left;} .fr {float:right;} .mb10 {margin-bottom:10px;} .pt10 {padding-top:10px;} .pb10 {padding-bottom:10px;} .adv-120, .adv-160 {position:relative; overflow:hidden; z-index:2;} .adv-300 {width:300px; height:250px; padding-bottom:5px;} .adv-468 {width:468px; height:60px;} .adv-728 {width:728px; height:90px;} .adv-160 {width:160px;} .adv-120 {width:120px;} .padbtom5 {padding-bottom:5px;} .lst, .in-lst, .navi ul, .navi .fl, .navi .fr, .navi .fl a, .navi .fr a {display:block;} .in-lst li {display:inline;} .navi {clear:both;} .navi ul {width:410px; margin:0 auto; text-align:center;} .navi li {display:inline;} .hed, .he2, .hed2 {clear:both;} /*Structure*/ #wrap {width:999px; margin:0 auto;} #navigation {height:33px;} #navigation * {display:block;} #navigation ul * {float:left;} #container {background:url(images/container_bg.gif) repeat-y #2c2c2c;} #content {float:left; padding:0 3px; padding-top:5px;} #footer {clear:both; border-left:3px solid white; border-right:3px solid white; background:#2c2c2c;} /*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*///////////////////////////////// END DEFAULTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*===HEADER===*/ #logo {display:block; position:absolute; top:0; left:-127px; width:548px; height:98px; overflow:hidden;} #header {background:url(images/header_bg.gif) top repeat-x; position: relative; height:131px;} #header .adv-577 {left:400px; position:absolute; width: 577px; height: 96px; top: 0; } #navigation #search {height:25px; border-right:0 ; width:256px; display: block; padding:7px 0px 0px 0px; background:url(images/navend_bg.jpg) right bottom no-repeat; margin-top:0px; float:right;} #search form {width:230px; height:15px; padding: 2px; background:url(images/search_bg.gif) left top no-repeat;} #search .fld {width:160px; font:normal 12px/13px arial; color:#999; padding:1px; border:0; height:12px; background:black; margin-right:7px;} #navigation {position:absolute; width: 1040px; bottom: 0; left: -22px; background: url(images/logo.jpg) -105px bottom no-repeat;} #main-nav {background:url(images/nav_bg.gif) bottom repeat-x; margin-left:335px; padding-top:1px;} #main-nav, #main-nav li {height:32px;} #main-nav li {padding:0 2px; border-right:1px solid #610003;} #main-nav a {padding:9px 8px 0 8px; height:23px; color:#fff; font-size:12px; font-weight:bold;} #main-nav a:hover {background:url(images/nav_hover.jpg) no-repeat bottom center;} #main-wav {background:url(images/2nav_bg.gif) bottom repeat-x;} #main-wav a:hover {background:url(images/2nav_hover.jpg) no-repeat bottom center;} #subnav {background: url(images/subnav_bg.png) top no-repeat; padding:5px 10px 0 10px;} #subnav ul {padding:5px 0 7px 100px; background: url(images/line.gif) bottom repeat-x; red display: block; min-height:18px;} #subnav li {display:inline; border-right:1px solid #555151; padding-right:10px; margin-right:10px;} #subnav li a {color:#fff;} #subnav li a:hover {color:#ffb400; text-decoration:underline;} /*===CONTENT===*/ .post {float:left; width:160px; height:167px; padding:2px; background:black;} .post:hover {position:relative; background:#fff100;} .post:hover .desc {visibility:visible;} .post:hover .vtitle {color:black;} .post .th {padding:0px; display:block; height:152px; color:white;} .th:hover {color:black;} .post img {width:160px; height:120px;} .post a:hover .vtitle {text-decoration:underline;} .post .vtitle {display:block; font:bold 1.0em/1.1em arial; overflow:hidden; height:24px; position:relative; overflow:hidden; padding:3px 0;} .post .desc {visibility:hidden; position:absolute; top:0px; left:166px; width:143px; font:normal 11px/12px arial; background:url(images/boxbg.png) black top left no-repeat; padding:5px 5px 10px 15px;} .post .desc p {color:#fb0383;} .post .desc:hover p {display:none;} .post .det {display:block; height:12px; color:#797979; padding:1px 1px 1px 17px; background:url(images/catar.gif) left no-repeat;} .det a {color:#00bbeb; font-weight:bold;} .post:hover .det a {color:#fb0383;} .det a:hover {text-decoration:underline;} .navi {height:35px; padding:20px 10px 10px; clear:both; margin:0 auto; background:black;} .navi ul {font:bold 14px/15px arial; width:480px; text-align:center; margin:0 auto; height:18px; padding-top:2px;} .navi li {display:inline;} .navi li a {padding:5px 9px; background: #000; border: 1px solid #212121; color:white; margin-right: 5px; color:#fff;} .navi li a:hover {color:#fb009a; background: #000;} .navi .cur_page {color:#fff; background: #212121; padding:5px 9px; margin-right: 5px;} .navi .text_page a {border:0; color:white; text-transform: uppercase; background: none;} .navi .text_page a:hover {color:white; text-decoration:underline; background: none;} .navi .text_page strong {color: #fb009a; font: bold 20px/12px arial;} .side-th {padding-left:2px;} .side-th * {display:block; float:left;} .side-th li {width:96px; height:74px; margin:0 3px 3px 0;} .side-th li a {width:92px; height:68px; border:2px solid #eceddd;} .side-th img {width:92px; height:68px;} .side-th li a:hover {border:2px solid #000;} .hed, .hed2, .hed3 {background-image:url(images/skin.gif); clear:both;} .hed {background-position:bottom; height:19px; padding:2px 3px 3px 3px; border:2px solid white;} .hed * {font:bold 14px/15px arial; color:#ee00da; padding-top:2px;} .hed .chosen {background:url(images/chosenstars.gif) left no-repeat; padding-left:80px;} .hed .videoplay {background:url(images/videoplay.gif) left no-repeat; padding-left:30px;} .hed2 {background-position:0 -20px; height:16px; padding:4px 3px 0px 7px; border:1px solid #c00005; margin-bottom:5px;} .hed2 * {font:bold 12px/12px arial; color:white;} .hed3 {background-position:top; height:16px; padding:4px 3px 0px 7px; border:1px solid #00c0ba; margin-bottom:1px;} .hed3 * {font:bold 12px/12px arial; color:black;} /*===Special Module===*/ .pblock {padding-left:5px;} .module {height:561px; clear:both; padding:10px 0;} .main {float:left; width:667px; height:561px; background:black; padding:3px 3px 0 0;} .side {width:301px; padding:5px 5px 0 5px; float: right; background:black;} .player {padding-bottom:5px;} .video {width:480px; float:left; padding:5px 0 0px 5px; height:520px;} .secside {width:163px; float:right; padding-right:8px; color:white; font-size:12px;} .secside p {padding:10px 0; border-bottom:1px solid #3c3c3c;} .downloadbut {position:relative; overflow:hidden; padding-top:25px; display: block; height:0; width:160px; background:url(images/download_video.gif) top no-repeat;} .downloadbut:hover { background-position: bottom;} .vtags {display:block; padding:10px 0;} .sponsorbanner {width:468px; position:relative; overflow:hidden;} .extras {background:url(images/extras_bg.gif) top repeat-x black; border:1px solid #1e1e1e; height:31px; padding:5px; font:bold 14px/15px arial; color:#cecece;} .extras .fl {padding:7px 0 0 10px;} .extras a, .vtags a:hover {color:white; text-decoration:underline;} .video a:hover, .vtags a {color:#ee00da;} #rating {background:url(images/rating_bg.gif) top left no-repeat; position:relative; width:88px; height:36px;} #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);} .sponsor {padding:5px;} .sponsor p {display:block; padding:10px 0 14px;} .sponsor p a {color:#76d100; font:bold 14px/17px arial; text-decoration:underline;} .related {height:260px; padding-top:10px;} .related h3 {display:block; background:url(images/related_hed.gif) top left no-repeat; width:151px; font:bold 14px/15px arial; padding:5px 5px 10px; text-align:center;} .related ul {padding-left:3px;} .related li {margin:0 4px 4px 0;} .related * {float:left; display:block;} .related a {width: 74px; height:55px; border:1px solid #fb009a;} .related a:hover {border:1px solid white;} .related img {width:74px; height:55px;} /*===SIDEBAR===*/ .box {margin-bottom:5px; padding-top:3px; padding-left:3px;} .he2 {padding:4px 0 4px 0px; margin:0 8px 0 3px; color:#fff; font-size:12px; margin-bottom:5px;} .pinkstyle {background: #fb009a;} .pinkstyle .he2 {border-bottom: 1px solid #ffb8e4;} .blackstyle {background: #000; padding-bottom:5px;} .blackstyle .he2 {border-bottom: 1px solid #666565; color:#00d5fb;} /*===FOOTER===*/ #footer {color:#6d6d6d;} #footer p {padding:0 10px 10px;} #footer p a {text-decoration: underline; color:#fff;} #footer a {color:#000; font-weight:bold; font-size:13px;} #footer a:hover {color:#fff; text-decoration:underline;} .categories-box {background:#dfdfdf; border: 1px solid #888888; padding: 10px; margin: 0 5px 5px 5px;} .categories-box h2 {color: #ff00a8; border-bottom:1px solid #cbcbcb ; padding: 0 0 5px; margin-bottom: 5px; font:normal 18px/18px arial;} .categories-box ul, .categories-box ul * {display: block;} .categories-box ul li {width: 86px; float: left; font:bold 13px arial; margin:0 5px 2px 0;} .categories-box a {color: #000;} .categories-box a:hover {color: #fff;} #footer .in-lst {background: #565656; padding:10px; height:15px; padding-left:12px;} .in-lst {padding:0px 0 0 10px; margin-bottom:10px;} .in-lst li {margin-right:10px; padding-right:10px; font:normal 12px/13px arial; border-right:1px solid #6d6d6d;} .lst {padding-bottom:5px;} .lst * {display:block;} .lst li {line-height: 16px; padding-bottom:1px; margin-bottom:1px;} .lst a {color:#333; background: url(images/arr.gif) bottom left no-repeat; padding:2px 0 2px 13px; font-size:12px;} .lst a:hover {color:#fff; background: url(images/arr.gif) 0px 6px no-repeat;} #advholder {clear:left; padding:10px 0; padding-left:15px; background:url(images/line.gif) top repeat-x;} #advholder .col {width:300px; border:1px solid #464646; background: black; padding: 5px; margin-right:10px; float:left;} #advholder .hed {border-bottom: 0; border-top:1px solid #cbcbcb; margin:0;} #advholder .adv-300, #advholder .hardlinks {background:#000;} #advholder .hardlinks .lst {width:140px; display:block; min-height:50px; padding:0;} #advholder .adv-300 {padding-bottom:0;} .adv-300 img {width:300px; height:250px;} /*USER PAGES--------------------*/ #register {padding:0 10px; width:420px; margin:0 auto; padding-bottom:10px; color:white;} #register big {font-size:28px; display:block; color:red; 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:#fff; text-decoration:underline; font-weight:bold;} .message {padding:15px; border:1px solid #464646; color: #fff; width:400px; margin:5px auto 0; display:block; background: #000; font-size:15px;} #footer .fl {width:500px;} .smlst {display:block; padding:2px 0 5px 10px;} .smlst li {display:inline; margin-right:5px;} .smlst a {color:#666; text-decoration:underline;} .smlst a:hover {color:#ccc;} .txpg {color:white; padding:20px; font-size:12px;} .txpg a {color:white; text-decoration:underline;} .hardlinks {padding:7px;} .hardlinks a {display:block; color:white; float:left; width:150px; height:12px;} .hardlinks a:hover {text-decoration:underline;}