@charset "utf-8";

html { width:100%;}
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCC;}
body { background-color: #333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(img/bg_shadow.jpg); background-position:center center; background-repeat:repeat-y;}
a:link { color: #069; text-decoration: none;}
a:visited { text-decoration: none; color: #069;}
a:hover { text-decoration: underline; color: #900;}
a:active { text-decoration: none; color: #069;}

a { outline:none; }
object { outline:none; }
div { outline:none; }

img { border:0px;}
a img { border:0px;}


#wrapper { width:1000px; margin:0 auto; background-color:#333; overflow:hidden; position:relative;}

#container {}

#header { height:108px; position:relative; }
#header .top_logo { position:absolute; top:30px; left:9px;}

#menu { height:23px; overflow:hidden; background-color:#282828; color:#666;}
#menu p { margin:0px; padding-top:5px; padding-left:15px;}
#menu a { color:#666; font-weight:bold; font-size:11px; }

#content { background-image:url(img/bg_spliter.jpg); background-repeat:repeat-y;  }

#main { float: left; width: 677px;}

#stage { height:425px;}
#stage #player { position:relative;}
#stage #player #player-blanket { position:absolute; top:0px; left:0px; }
#stage #player #player-blanket img { cursor:pointer;}
#stage #player #player-blanket-btn { position:absolute; }
#stage #player #player-flash { position:absolute; top:11px; left:18px;}

#sidebar { margin: 0; float: left; width: 323px;}
#sidebar #search-box { height:56px; overflow:hidden; position:relative; background-image:url(img/search_bg_grad.jpg); background-repeat:repeat-y; }
#sidebar #search-box #search-form { width:234px; height:35px; position:absolute; left:15px; top:10px; background-image:url(img/search_fore.jpg); overflow:hidden;}
#sidebar #search-box #search-btn { position:absolute; left:255px; top:22px; }
#sidebar #search-box #search-form input { background-color:#333; border:0px; width:223px; position:absolute; top:14px; left:6px; color:#CCC; font-family:Verdana, Arial;}

#sidebar #video-meta { color:#999; position:relative; }
#sidebar #video-meta .grad-shadow { position:absolute; margin-top:381px; z-index:100;}
#sidebar #video-meta .tab { margin-left:20px; margin-top:10px; }
#sidebar #video-meta .tab li { list-style:none; float:left; padding:5px 20px;}
#sidebar #video-meta .tab li.selected { background-color:#272727;}
#sidebar #video-meta .tab li a { color:#666; font-family:Arial; font-size:11px; font-weight:bold;}
#sidebar #video-meta .content { text-align:justify; line-height:16px; height:396px; width:290px; margin-left:10px; padding:0px 10px 10px 10px;}
#sidebar #video-meta .content p { margin:0px; padding:0px 6px 0px 0px;}
#sidebar #video-meta .content .meta { color:#666; padding-bottom:5px; padding-top:5px;}

#sidebar #video-meta .content .editor-camera { }
#sidebar #video-meta .content .editor-camera img { float:left; margin-right:8px;}
#sidebar #video-meta .content .editor-camera .detail { color:#666;}
#sidebar #video-meta .content .editor-camera .detail .name { font-weight:bold; color:#777; }

#sidebar #video-meta .content #comments-form { }
#sidebar #video-meta .content #comments-form .comment-head { text-transform:uppercase; font-size:11px; font-weight:bold; color:#666; background-color:#272727; padding:3px 15px; width:100px;}
#sidebar #video-meta .content #comments-form form { margin: 5px 0px 0px 0px;}
#sidebar #video-meta .content #comments-form input { background-color:#333; border:1px solid #282828; color:#666; font-size:11px; padding:3px 5px; margin-bottom:1px; width:260px; font-family:Arial;}
#sidebar #video-meta .content #comments-form textarea { background-color:#333; border:1px solid #282828; color:#666; font-size:11px; padding:3px 5px; margin-bottom:1px; width:260px; font-family:Arial;}
#sidebar #video-meta .content #comments-form .submit { width:100px; text-transform:uppercase; color:#888; font-size:11px; font-weight:bold; cursor:pointer;}

#sidebar .box { margin-left:20px; width:290px;}
#sidebar .box-head { text-transform:uppercase; font-size:11px; font-weight:bold; color:#666; background-color:#272727; padding:5px 15px; text-align:center; width:120px;}
#sidebar .box-line { clear:both; border-top:1px solid #272727;}
#sidebar .box-container {}



#title { color:#BOBOBO; font-size:25px; height:36px; overflow:hidden;}
#title p { margin:0px; padding:5px 0px 0px 15px;}
#player { background-image:url(img/player_container.png); background-repeat:no-repeat; height:410px; width:677px; overflow:hidden;}

#listing { position:relative; z-index:100;}
#listing .video-item { margin-bottom:5px; width:318px; margin-left:10px; }
#listing .video-item img { border:1px solid #222; height:88px; width:132px; float:left; margin-right:10px; opacity:0.5; filter:alpha(opacity=50);}
#listing .video-item .video-item-meta { color:#666; padding-top:10px;}
#listing .video-item .video-item-meta a { font-size:13px; color:#999; font-weight:bold;}
#listing .tabber-right { position:absolute; top:8px; right:15px; color:#666;}
#listing .tabbot-right { position:absolute; top:8px; right:15px; color:#666;}
#listing #col2 { position:absolute; top:43px; left:340px;}

#listing_slide_buffer_container { display:none; z-index:200; position:absolute; margin-top:28px; width:677px; height:300px; overflow:hidden;}

#listing_slide_buffer { display:none; position:absolute; margin-top:0px; width:677px; height:200px; margin-left:677px;}
#listing_slide_buffer .video-item { margin-bottom:5px; width:318px; margin-left:10px; }
#listing_slide_buffer .video-item img { border:1px solid #222; height:88px; width:132px; float:left; margin-right:10px; opacity:0.5; filter:alpha(opacity=50);}
#listing_slide_buffer .video-item .video-item-meta { color:#666; padding-top:10px;}
#listing_slide_buffer .video-item .video-item-meta a { font-size:13px; color:#999; font-weight:bold;}
#listing_slide_buffer .tabber-right { position:absolute; top:8px; right:15px; color:#666;}
#listing_slide_buffer .tabbot-right { position:absolute; top:8px; right:15px; color:#666;}
#listing_slide_buffer #col2 { position:absolute; top:15px; left:340px;}

#listing_slide_buffer2 { display:none; position:absolute; margin-top:0px; width:677px; height:200px;}
#listing_slide_buffer2 .video-item { margin-bottom:5px; width:318px; margin-left:10px; }
#listing_slide_buffer2 .video-item img { border:1px solid #222; height:88px; width:132px; float:left; margin-right:10px; opacity:0.5; filter:alpha(opacity=50);}
#listing_slide_buffer2 .video-item .video-item-meta { color:#666; padding-top:10px;}
#listing_slide_buffer2 .video-item .video-item-meta a { font-size:13px; color:#999; font-weight:bold;}
#listing_slide_buffer2 .tabber-right { position:absolute; top:8px; right:15px; color:#666;}
#listing_slide_buffer2 .tabbot-right { position:absolute; top:8px; right:15px; color:#666;}
#listing_slide_buffer2 #col2 { position:absolute; top:15px; left:340px;}

.tabber { height:28px; overflow:hidden; margin-left:20px;}
.tabber .tabber-item { float:left; padding:6px 20px;}
.tabber .tabber-item p{ padding:0px; margin:0px; }
.tabber .tabber-item a{ font-size:13px; font-weight:bold; color:#999;}
.tabber .selected { background-color:#2A2A2A; }
.tablet { background-color:#2A2A2A; border-bottom:1px solid #242424;}
.tablet p { margin:0px; padding:8px;}
.tabbot { height:34px; background-image:url(img/grad-bot-listing.jpg); background-repeat:repeat-x;}


#footer { position:relative; height:56px; background-image:url(img/footer.jpg); background-repeat:no-repeat; overflow:hidden;}
#footer p { margin:0px; padding:0px; color:#575757; padding-left:50px; padding-top:20px;}

#ads_leaderboard { position:absolute; height:90px; width:720px; top:9px; left:262px; background-color:#282828;}

.clear { clear:both;}

.invi{ display:none; }