/* basics */

* {zoom:1;}

html,body{padding:0; margin:0;}
body{background:#000 url(../images/screen/body.png) center top repeat-x; color:#fff; font-family:Tahoma,Arial,sans-serif; font-size:75%;}

div#page {margin:0 auto; position:relative; width:1000px;}

h1,h2,h3,h4,h5,h6{color:#fff; margin:0.8em 0 0.2em 0; font-style:italic; font-weight:bold;}
h1{font-size:240%; margin-bottom:0.5em;}
h2{font-size:160%; margin-top:0;}
h3{font-size:140%; margin-top:1em;}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:90%;}

p {line-height:130%; margin:0.8em 0 1.2em 0;}

a{color:#FB0805;}
a:visited{color:#BD0606;}
a:hover{color:#fff;}

sub,sup{vertical-align:baseline; position:relative;}
sub{top:0.4em;}
sup{bottom:0.4em;}

abbr,acronym{cursor:help;}
address{font-style:normal;}

table {margin:1em 0; border-collapse:collapse; font-size:90%;}
table tr {}
table th {padding:5px 12px; font-weight:normal; font-style:italic; text-align:left; background:#980B0B url(../images/screen/table-th.png) left bottom repeat-x; color:#fff; border-right:1px solid #3D0303;}
table td {padding:5px 12px; font-weight:normal; color:#fff; border:1px solid #3D0303; background:#1C1817;}
table tr.odd td {background:#000;}

li{margin:0.4em 0; line-height:130%;}
a img{border:0;}
form{margin:0;}
em,i{font-style:italic;}
strong, b{font-weight:bold;}

.invisible{display:none;}
.cleaner, .sep{display:block; clear:both; font-size:1px;  height:1px; line-height: 1px;}

/* header logo */

div#header {height:184px; position:relative; background:url(../images/screen/header.jpg) top left no-repeat; z-index: 10;}

h1#header-logo {width:300px; height:120px; position:absolute; top:0; left:0; margin:0; overflow:hidden;}
h1#header-logo a {text-decoration:none; color:#fff;}
h1#header-logo a span {display:block; cursor:pointer; width:300px; height:120px; position:absolute; top:0; left:0; background:url(../images/screen/header.jpg) left top no-repeat;}

div#header h2 {margin:0; padding:0; position:absolute; top:70px; left:335px;}

/* login form */

form#login-form {position:absolute; top:9px; right:0px; font-size:90%; width:250px; _width:260px;}
div#login-inputs label {width:60px; text-align:right; margin-right:10px; display:block; float:left; position:relative; top:2px;}
input#login-name, input#login-pass {background:#fff; color:#444; border:1px solid #B20606; height:18px; padding:2px 2px 0 2px; font-size:100%; width:89px; margin-bottom:5px;}
input#login-submit {background:url(../images/screen/button-red-64.gif) center center no-repeat; color:#fff; border:0; width:74px; height:20px; padding-bottom:2px; text-align:center; font-weight:bold; font-size:100%; *position:relative; *top:-5px;}
div#login-bottom {padding-left:70px;}
input#login-remember {margin-bottom:5px; *position:relative; *top:5px;}
a#login-sign-up, a#login-sign-up:visited, a#login-sign-up:hover {display:block; margin-top:10px; text-transform:uppercase; color:#fff; font-weight:bold; padding-left:15px; background:url(../images/screen/arrow-red.gif) left 1px no-repeat;}

/* nav */

ul#nav {margin:0; padding:0; position:absolute; top:147px; left:130px; z-index: 9;}
ul#nav li {margin:0; padding:0; padding-right:25px; margin-right:20px; list-style:none; float:left; background:url(../images/screen/nav-bullet.gif) right center no-repeat; *background-position:right 5px; position: relative;}
ul#nav li a {text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold; font-size:90%; padding-bottom:13px;}
ul#nav li a.current {background:url(../images/screen/nav-current.png) center bottom no-repeat;}
ul#nav li.last {padding-right:0; margin-right:0; background:transparent;}
ul#nav li a:hover {text-decoration:underline;}
ul#nav li a.active:hover {text-decoration:none;}
ul#nav li ul { position: absolute; top: 24px; margin: 0; padding: 0 0 4px 0; z-index: 999; width: 120px;left: -9999px; background: #940605; }
ul#nav li ul li { margin: 0; padding: 4px 7px; float: none; background: none }
ul#nav li ul li a { font-weight: normal; display: block; padding: 0;}

ul#nav li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
ul#nav li:hover ul, ul#nav li.hover ul { left: 0; }

/* content */

div#content {position:relative; margin-top:10px;}

div#content ul li {list-style-image:url(../images/screen/bullet-red.gif);}

div#left {width:248px; float:left; margin-bottom:10px; margin-right:6px; _overflow:hidden;}

div#right {width:746px; float:left; margin-bottom:10px;}

span.age {color:#646464;}

a.morelink {padding-right:7px; background:url(../images/screen/arrow-white-small.gif) right 6px no-repeat;}

div#content ul.horizontal-menu {margin:20px 0 0 15px; padding:0;}
div#content ul.horizontal-menu li {list-style:none; float:left; margin:0 25px 0 0; padding:0;}
div#content ul.horizontal-menu li a {padding-left:18px; font-weight:bold; background: url(../images/screen/bullet-round.gif) left 1px no-repeat;}

/* left */
                                           
div#free-test {width:226px; height:247px; padding-left:22px; position:relative; margin-bottom:30px; background:url(../images/screen/notice-1.jpg) top left no-repeat; font-weight:bold; font-style:italic;}
div#free-test h2 {width:240px; height:43px; position:relative; left:-22px; overflow:hidden; margin-bottom:10px;}
div#free-test h2 span {display:block; position:absolute; top:0; left:0; width:240px; height:43px; background:url(../images/screen/notice-1.jpg) top left no-repeat;}
div#free-test a {text-decoration:none;}
div#free-test a:hover {text-decoration:underline;}
div#free-test p {width:85px;}
div#free-test a#free-test-button {display:block; width:62px; height:17px; padding-top:3px; padding-right:20px; position:absolute; bottom:20px; left:22px; color:#000; text-align:center; background:url(../images/screen/button-white-82.png) top left no-repeat;}

div.redbox {width:223px; padding:10px 10px 15px 10px; margin-bottom:30px; background:#3D0303 url(../images/screen/redbox.png) top left no-repeat;}
div.redbox h2 {padding:0; text-align:center;}
div.redbox a.curr { font-weight: bold; color: #fff; }

div#left ul.horizontal-menu {margin: 0 0 20px 0;}
div#left ul.horizontal-menu li {margin-right:15px;}

form#search-form {margin-top:15px;}
form#search-form label {display:block; width:90px; margin-right:10px; float:left;}
form#search-form div {margin:5px 0;}
form#search-form div.form-left {float:left;}
form#search-form div.form-right {float:right;}
form#search-form div.form-left label, form#search-form div.form-right label {width:25px;}
div#submit-block {text-align:right; padding-top:10px;}
input#search-submit {background:url(../images/screen/button-red-64.gif) center center no-repeat; color:#fff; border:0; width:74px; height:20px; padding-bottom:2px; text-align:center; font-weight:bold; font-size:100%;}

div#notice {width:243px; height:534px; margin-bottom:20px; background:url(../images/screen/notice-2.jpg) top left no-repeat;}
div#notice a, div#notice a:visited {color:#fff; text-decoration:none;}
div#notice a:hover {text-decoration:underline;}
div#notice h2 {width:240px; height:62px; position:relative; overflow:hidden; margin-bottom:10px;}
div#notice h2 span {display:block; position:absolute; top:0; left:0; width:240px; height:62px; background:url(../images/screen/notice-2.jpg) top left no-repeat;}

/* right */

div.right-divider {margin:0 0 30px 0; background:url(../images/screen/content-divider.png) top left no-repeat; position:relative; clear: left; padding: 10px 5px;}
div.right-divider.none {padding-top:0; background: none; position:relative;}
div.right-divider h2 {margin-bottom:10px;}
div.right-divider h3 {margin-bottom:10px;}

a.heading-morelink {position:absolute; top:15px; left:170px;}

div.listing-box {width:175px; height: 150px; margin:5px 8px 5px 0; padding-bottom:10px; background:#1A0202; border-bottom:1px solid #3D0303; float:left; text-align: center;}
div.listing-box img {width:180px; height: 135px;}
div.listing-box.right, div.profile-box.right {margin-right:0;}
div.profile-box {width:122px; height: 135px; margin:5px 0px 5px 0; padding-bottom:10px; background:#1A0202; border-bottom:1px solid #3D0303; float:left; text-align: center;}
div.profile-box img {width:120px; height: 120px;}
a.listing-name {padding-left:10px; position:relative; top:2px;}

div.leaderboard {margin:10px 0; text-align:center;}

/* pages */

div.pages {margin:10px 0 20px 0;}
div.pages a {font-weight:bold; padding:0 3px;}
div.pages strong {font-weight:normal;}
div.pages a.pages-prev {padding:0 20px 0 17px; background:url(../images/screen/prev.gif) left 1px no-repeat;}
div.pages a.pages-next {padding:0 17px 0 20px; background:url(../images/screen/next.gif) right 1px no-repeat;}

/* homepage */

div.home-top {padding:20px 18px 12px 18px;}

/* profile listing + detail */

div.profile-list {margin-bottom:15px; position:relative; min-height:180px; padding-left: 15px; padding-right: 15px;}
div.profile-list a img {border:0;}
div.profile-content {width:225px; position:absolute; top:20px; left:199px;}
div.profile-content p {margin: 0 0 0.5em 0;}
div.content-content {width:515px; position:absolute; top:20px; left:214px;}
div.profile-list h3 {margin-top:-4px;}
div.profile-thumbs {width:250px; position:absolute; top:20px; right:15px;}
div.profile-thumbs img {float:left; margin:0 10px 10px 0; *margin-top:10px; width: 120px; height: 90px;}
div.profile-thumbs img.right {margin-right:0;}

p.profile-message {font-size:90%;}

strong.presence-online {display:block; height:17px; padding-top:3px; text-align:center; font-style:italic; font-size:90%; color:#489327; background:url(../images/screen/button-white-48.gif) center center no-repeat; width:48px;}
strong.presence-offline {display:block; height:17px; padding-top:3px; text-align:center; font-style:italic; font-size:90%; color:#B71616; background:url(../images/screen/button-white-48.gif) center center no-repeat; width:48px;}
strong.presence-privatecam {display:block; height:17px; padding-top:3px; text-align:center; font-style:italic; font-size:90%; color:#489327; background:url(../images/screen/button-white-117.gif) center center no-repeat; width:117px;}

div#right div.profile-list ul {margin:0.5em 0; padding:0;}
div#right div.profile-list li {margin-left:0; list-style-image:none; list-style:none; padding-left:30px; background:url(../images/screen/arrow-white-small.gif) 22px 6px no-repeat;}

div.profile-detail {height:230px;}
div.profile-detail img.profile-photo, div.profile-detail div.profile-content, div.profile-detail div.profile-thumbs {top:50px;}
div.profile-detail div.profile-thumbs {*top:40px;}
div.profile-detail span.age {display:block; margin-top:-0.8em; _position:relative; _z-index:1;}
a.profile-write {display:block; width:128px; height:17px; padding-top:3px; position:absolute; top:162px; left:0px; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:90%; background:url(../images/screen/button-red-128.gif) top left no-repeat; }
a.profile-write:visited, a.profile-write:hover {color:#fff;}

div.content-selection {border-bottom:1px solid #292929; padding-top:5px; margin-bottom:5px;}
div#right div.content-selection ul {position:relative; top:-10px; margin-bottom:0;}

/* footer */

div#footer {clear:left; font-size:90%; margin-top:10px; padding:20px 40px 20px 30px; height:40px; background:url(../images/screen/footer.png) top left no-repeat; color:#575757; position:relative;}

div#footer p {margin:0; position:absolute; top:20px; right:40px;}
div#footer span {padding:0 8px;}
div#footer p img {position:relative; top:5px; left:10px;}


/* new */
#imglist .previewitem { padding: 5px 0; width: 230px; float:left;list-style:none;overflow:hidden;}
.previewitem h4 {height: 2.5em; padding: 0 20px 0 0;}
.l {float: left}
.r {float: right}
#imglist .previewitem .r { padding: 0 20px 0 0; }
.item {clear: both}
.item dt { padding: 0px 0px 5px 0px; width: 490px; line-height: 16px; float: right;}
.item .img { padding: 0px 0px 5px 0px; width: 200px; line-height: 16px; float: left;}
.item dl dt span {margin-right: 10px;}
.check, .hint { width: auto !important; border: none !important; background: none; }

#cam_list .sep {display: none}
#cam_list .item { width: 350px; float:left; clear: none;}
#cam_list .item .img { width: 160px; margin: 0px;}
#cam_list dd {float: left; width: 150px;}

#player {float: left; width: 320px; height: 240px;}
#detail { clear: both; }
#detail dl {float: left; width: 380px;}
#detail dt { width: auto; float: none; }
#detail dd {padding: 0; margin: 0 0 5px 0;}
#detail .descr span {margin-right: 10px; font-weight: bold;}
.overlay {position: absolute}
#profiledata {width: 100%}
#profiledata td.data {border: none; background: none; width: 50%}
#shareclip, #sharecliplog { display: none; }

input, select, textarea, .file {font-family:Tahoma,Arial,sans-serif; font-size:75%;}
.imp {font-weight: bold;}

.break { clear: left; }
.cats h3 { margin-top: 0; margin-bottom: 1em; font-size: 100%; font-style: normal; }
.cats .cat { text-align: center; float: left; width: 175px; }

.article { padding: 0 20px; }

#submenu form { padding: 0 0 0 10px; }
#submenu ul, #content #submenu li { margin: 0; padding: 0; list-style: none; list-style-image: none; }
#submenu ul { padding: 0 0 10px 10px;  }
#content #submenu li { padding: 0 0 2px 15px; background: url(../images/screen/bullet-red.gif) no-repeat 0 0.4em; }

#rating { width: 100%; overflow: hidden; }
#rating .rating { float: left; padding: 0 1em 0 0; }
#rating .vote_value { padding: 0 1em; }
.vote_link { float: left; width: 16px; height: 16px; text-decoration: none; }
.vote_empty { background:url(../images/screen/vote-empty.gif) no-repeat; }
.vote_full { background:url(../images/screen/vote-full.gif) no-repeat; }
.vote_half { background:url(../images/screen/vote-half.gif) no-repeat; }
.presence { float: left; }
.buttons { clear: left; width: 100%; overflow: hidden; margin: 0 0 1em 0; }

.button { background:url(../images/screen/button-left.png) no-repeat left; color: #fff; text-decoration: none; float: left; padding: 0 0 0 5px; margin: 0 5px 0 0;  }
.button span { display: block; padding: 4px 5px 4px 0; background:url(../images/screen/button-right.png) no-repeat right; }
.write { clear: both; width:100%; overflow: hidden; padding: 1em 0; }
.write .button { font-weight: bold; }
a.button { color:#fff;  }
a.button:hover { text-decoration: underline; }

#shareclip h3 { font-size: 100%; clear: both; padding: 0 0 0.5em 0; }
#shareclip .text { padding: 0 0 0.5em 0; width:100%; overflow: hidden; }

.commentlink { width:100%; overflow: hidden; }

.error { border: 1px solid #BD0606; color: #fff; width: 50%; padding: 5px 0; background: #3D0303; }

#phptrace td { background: #fff !important }

.sort { float: right; }
.sort select { background: #333; color: #fff; border: 1px solid #666; }

dl.forms dt { float: left;}
dl.forms dt, dl.forms dd { padding-bottom: 8px; }
dl.forms dd { *margin-left:0 !important }

#player .avssignup, #player .overuse, #player .overusesignup { display: block; background-repeat: no-repeat; width: 300px; height: 250px;}
#detail #player .avssignup {background-image: url(../images/clip_avssignup.jpg);}
#detail #player .overusesignup {background-image: url(../images/clip_overusesignup.jpg);}
#detail #player .overuse {background-image: url(../images/clip_overuse.jpg);}
#profiledata td {white-space: normal;}

.listing { float: right;  }
.listing a { float: left; width: 73px; background:url(../images/screen/button-red-64.gif) no-repeat center; text-align: center; color: #fff; text-decoration: none; padding: 5px 0;}
.listing a:hover { text-decoration: underline; }

#upload-progress-bar, #upload-progress-text { left: 0 }
#form-user textarea {width:400px; height:200px}

#cam_chat {
	width: 240px; height: 420px; float: right; margin-right: 15px;
}
#cam_picture {
	width: 360px; height: 270px;
}
#cam_user {
	margin-top: 12px;
	width: 1px; height: 1px; float: right; border: 1px solid #99CC33;
}
#cam_left {
	width: 360px; float: left;
}

#cam_coins {
	font-size: medium;
	margin-top: 1em;
}
#cam_profile{
	width: 160px; float: left; margin-right: 20px;
}
#cam_info{
	width: 400px; float: left
}