body {
 background-color: #333;
 margin: 0;
 padding: 0;
 text-align: center;
 color:#fff;
 min-height: 400px; /* For Mozilla/Opera/Safari */
}

#splash {
 position: absolute;
 width: 360px;
 height: 283px;
 top: 150px;
 left: 50%;
 margin-left: -180px; 
 background-color: #333;
 z-index:99999;
 padding:5px;
 overflow:hidden;
}
 
#wrapper {
 margin: 0 auto;
 margin-top: 10px; 
 width: 955px;
 padding: 5px;
 padding-right:0;
 min-height: 480px;
 background-color: #000;
 display: block;
 text-align: left;
}
#footer {
text-align:center;
width:100%;
}

.box {
float:left;
position:relative;
width: 180px;
height: 134px;
margin: 5px;
overflow:hidden;
background: no-repeat left center;
}
.box .boxL {
position:absolute;
top:0px;
display: block;
width: 170px;
height: 124px;
padding: 5px;
color: #ffd929;
text-decoration: none;
outline-style: none;
}
.box .boxBG {
position:absolute;
top:0px;
width: 180px;
height: 134px;
background:#000;
opacity:0.75;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
.box .boxL .boxT {
display:block;
position:absolute;
bottom:20px;
margin:0;
font-size:18px;
}
.box .boxL .boxST {
display:block;
position:absolute;
bottom:2px;
margin:0;
font-size:10px;
color: #fff;
}

#header {
 position: absolute;
 width: 448px;
 height: 54px;
 margin: 5px;
 padding:3px;
 text-align: left;
 color: #ffd929;
}
#header a {
 text-decoration: none;
 color: #ffd929;
}
#logo {
float:left;
}

#page {
 margin: 5px; 
 padding-top:25px;
 color: #fff;
 min-height:370px;
}
.page_right {
float:right; 
position:relative;
width:405px; 
padding-left:5px;
}

form { margin:0; padding:0; }
body, p, input, textarea, h1, h2, h3, span, td { font-family:Arial,Helvetica,sans-serif; }
th, td { text-align:left; }
body, p, input, textarea { font-size: 11px; }
h1 { font-size: 20px; margin:0; margin-bottom:6px; }
h2 { font-size: 14px; margin:0; margin-bottom:6px; font-weight:normal; }
a { color:#fff; font-weight:bold; text-decoration:none; outline-style: none; }
#page a:hover, #header a:hover, .buzz a:hover, .header a:hover  { text-decoration:underline !important; }
img,input { vertical-align:middle; }
img { border: none; }
#page img { float:none; }
.buzz { position:relative; height:20px; margin-top:4px; }
.buzz div { position:absolute; height:20px; top:0px; text-align:left;  }
.buzz, .buzz a { font-size:9px; text-decoration:none; font-weight:normal; }
.buzz input { font-size:9px; padding:0; }
.texte, .texte p, #overlay1, #overlay1 p, .labInfo, .labInfo p { font-size: 13px; }
.subtitle, .subtitle1, .subtitle2 { font-weight:bold; font-size: 14px; }
.highlight, .highlight a, .labInfo { color: #ffd929 !important; }
.grey, .grey a { font-weight:normal !important; }
.bold, .bold a { font-weight:bold !important; }
.notbold, .notbold a { font-weight:normal !important; }
.small { font-size:11px !important; }
.normal { color: #fff !important; }
#pm table { width:70% }
#pm .grey, #pm .grey a { color: #ffffff !important; }
#pm, #pm a { color: #ffd929; }
.video_player_code { background: #333; padding:5px; }
.video_player_code input { width:390px; }
.video_player_url { margin-bottom:5px; }
.help { font-size:9px; text-align:right; }
.labVideo, .labVideo div { background: #000; }
div.friend { float:left; padding-top:5px; padding-right:5px; }
.friend img { height:40px; width:40px; }
.user_offline { color:red; font-size:9px; }
.user_online { color:#33ec1f; text-decoration: blink; font-size:9px; }
.tab, .tab_active { padding:4px; font-weight:bold; font-size: 12px; }
.tab_active { background: #333; }
#tab_contents { height:130px; }
#video_tags a { color:#ffd929; font-size:11px; font-weight:normal !important; }
.list_box { background: #333; padding:5px 0 5px 5px; }
.bordered { border: 1px solid #ffd929; padding:5px; }
.vid_list { margin:0px; padding:0px; padding-top:5px; white-space: nowrap; list-style-type: none; text-align:center; background: #333;  }
.vid_list li { float:left; margin:0px; padding-right:5px; list-style-type: none; text-align:center; height:110px; font-size:10px; }
.vid_list a { text-decoration:none; }

#related { position:absolute; top:267px; width:100%; }
#related .list_box { height:130px }
#social {
position:absolute;
border:1px solid #AAAAAA;
background:#000;
width:115px;
right:140px;
padding:3px;
z-index:6;
top:20px;
height:220px;
}
#social a { display:block; }
#social img { margin-right:2px; }

#commentlist, #commentlist a, .comment, .comment a { color: #fff; }
.comment { position: relative; height:auto; 
margin-top: 10px; padding: 4px 4px 4px 8px; 
border: 1px solid #ffd929; background-color: #333; 
/* border: 1px solid #666; */ }
.odd { background-color: #7D7D7D; }
.comment div { position: relative; }
.comment img { margin: 0px; }
.comment .collapseicon { width: 13px; height: 13px; overflow: hidden; background-image: url(/img/thread-opened.png); }
.collapsed .collapseicon { background-image: url(/img/thread-closed.png); }
.comment .reply { z-index:99; float: right; font-size: 90%; padding: 0px 6px 6px 0px; }
.comment .c_body { min-height:80px; height:auto; padding-top:5px; }
.comment .title abbr { border: none; }
.collapsed .c_body, .collapsed .comment { display: none; }
#commentform textarea { width: 99%; }
/*
#addcomment small, #addcomment div { padding: 3px; }
*/

#rate { width: 100px; overflow:hidden; float:right; }
.star-rating {
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 100px;
 height: 20px;
 position: relative;
 background: url(/img/stars.gif) top left repeat-x; 
 margin-top:3px;
 }
 .star-rating li{
 padding:0px;
 margin:0px;
 /*\*/
 float: left;
 /* */
 }
 .star-rating li a{
 display:block;
 width:20px;
 height: 20px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
 }
 .star-rating li a:hover{
 background: url(/img/stars.gif) left bottom;
 z-index: 2;
 left: 0px;
 border:none;
 }
 .star-rating a.one-star{
 left: 0px;
 }
 .star-rating a.one-star:hover{
 width:20px;
 }
 .star-rating a.two-stars{
 left:20px;
 }
 .star-rating a.two-stars:hover{
 width: 40px;
 }
 .star-rating a.three-stars{
 left: 40px;
 }
 .star-rating a.three-stars:hover{
 width: 60px;
 }
 .star-rating a.four-stars{
 left: 60px;
 } 
 .star-rating a.four-stars:hover{
 width: 80px;
 }
 .star-rating a.five-stars{
 left: 80px;
 }
 .star-rating a.five-stars:hover{
 width: 100px;
 }
 .star-rating li.current-rating {
 background: url(/img/stars.gif) left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
 }

 
#tags{ text-align:center; overflow:hidden; }
.tag_1 { font-size:8px; color: #333; line-height: 130%; } 
.tag_2 { font-size:9px; color: #333; line-height: 130%; } 
.tag_3 { font-size:10px; color: #333; line-height: 130%; } 
.tag_4 { font-size:11px; color: #333; line-height: 130%; } 
.tag_5 { font-size:12px; color: #333; line-height: 130%; } 
.tag_6 { font-size:13px; color: #ff9e06; line-height: 120%; } 
.tag_7 { font-size:14px; color: #ff9e06; line-height: 120%; } 
.tag_8 { font-size:15px; color: #ff9e06; line-height: 120%; } 
.tag_9 { font-size:15px; color: #ff9e06; line-height: 120%; } 
.tag_10 { font-size:16px; color: #ff9e06; line-height: 120%; } 
.tag_11 { font-size:17px; line-height: 120%; } 
.tag_12 { font-size:18px; line-height: 120%; } 
.tag_13 { font-size:19px; line-height: 120%; } 
.tag_14 { font-size:20px; line-height: 110%; } 
.tag_15 { font-size:22px; line-height: 110%; } 
.tag_16 { font-size:23px; line-height: 110%; } 
.tag_17 { font-size:23px; line-height: 110%; } 
.tag_18 { font-size:24px; line-height: 110%; } 
.tag_19 { font-size:24px; line-height: 110%; } 
.tag_20 { font-size:25px; line-height: 110%; } 
#tags_cloud a { padding-left: 2px; padding-right: 2px; }

.navigation { 
float: none;
clear: both;
padding-top: 4px;
display: block;
text-align: center;
color: #ffd929;
}
.navigation a { color: #ffd929; }
.alignright, .right { 
text-align:right;
float: right !important;
}
.alignleft, .left { 
text-align:left;
float: left !important;
}

#overlay1 {
 position: absolute;
 width: 445px;
 height: 428px;
 background-color: #ffd929;
 color:#000;
 margin-top: 73px;
 margin-left: 5px;
 text-align: left;
 padding: 5px;
 padding-left: 10px;
 z-index:999;
}
#overlay1 a { color:#000; }

