html, body { margin: 0px; padding:0; background: #000 url('/assets/images/sw_bg.gif'); background-attachment:fixed; }

/** GLOBAL **/
a { text-decoration: none; color: #62bfe1; }
a:hover { color: #c73535; }
.clear { clear: both; }
.wrapper { width: 980px; margin: 0 auto 0 auto; padding-bottom: 60px; }
.lightbox { z-index: 1750; }
.lightbox .controls { margin-top: 20px; }
.lightbox .controls input { background: #000; border: 0; color: #fff; text-transform: uppercase; font: normal 16px Arial; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
.lightbox .controls input.blue { background: #00adef;  }

span.delete { color: #c73535; cursor: pointer; }

#login_popup a { font-weight: bold; }
#login_popup .padawan, #login_popup .jedi { background: url('/assets/images/bg_222_80.png'); float: left; font: normal 12px/16px Arial; color: #fff; padding: 20px; width: 300px; }
#login_popup .jedi { float: right; background: url(); }

#login_popup h1 { text-transform: uppercase; font: bold 24px Arial; }
#login_popup h2 { text-transform: lowercase; font: bold 14px Arial; }

#login_popup .jedi h1, #login_popup .jedi h2 { color: #62bfe1; }
#login_popup .padawan h1, #login_popup .padawan h2 { color: #c73535; }
#login_popup input { margin: 10px 0 10px 0; }
#login_popup p { margin-top: 10px; }
input.blue, input.red { background: #c73535; border: 0; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; color: #fff; font: bold 16px Arial; }
input.blue { background: #62bfe1; }

.dropdown { padding: 5px; cursor: pointer; background: #222; color: #62bfe1; font: normal 18px Arial; background: #222 url('/assets/images/dropdown_corner.gif') no-repeat right bottom; }
.dropdown_items { }
.dropdown_items li { padding: 5px; cursor: pointer; font: normal 18px Arial; color: #fff; margin-top: 1px; background: #222; }
.dropdown_items li.selected { background: #222; }
.dropdown_items li.hilite { background: #333; }

/** HOME **/
.tutorial { margin: 0px auto 10px auto; width: 980px; text-align: center; }
.tutorial img { width: 550px; }

.scene_list { background: url('/assets/images/bg_000_70.png'); padding: 0.1px 10px 10px 10px; }
.scene_list .scene { margin-top: 10px; color: #fff; font: normal 12px arial; }
.scene_list .scene .thumb { float: left; cursor: pointer; width: 120px; height: 90px; margin-right: 10px; }
.scene_list .scene .thumb img { width: 120px; height: 90px; }
.scene_list .scene .info { float: left; margin: 0; padding: 0; }
.scene_list .scene .title { font-size: 16px; width: 130px; overflow: hidden; }
.scene_list .scene .date { margin-top: 3px; }
.likes { background: url('/assets/images/like_mini.gif') no-repeat; margin-top: 3px; color: #ccc; padding: 1px 0 0 15px; font: normal 12px Arial;}
.likes span { color: #fff; font-weight: bold !important; }
.scene_list .scene a { color: #62bfe1; text-decoration: none; font-weight: bold; }
.scene_list .scene .user { width: 130px; overflow: hidden; }
.scene_list .scene .user a { font-weight: normal; }
.scene_list .scene a:hover { color: #c73535; }

.content_title {  background: url('/assets/images/bg_222_80.png'); padding: 5px 10px; text-transform: uppercase; color: #fff; font: bold 18px Arial; margin-top: 20px; }
.page_home .left_column, .right_column { width: 280px; float: left; margin-top: 10px; }

.center_column { width: 400px; float: left; margin: 0 10px; }
.center_column .toppick2, .center_column .toppick { float: left; width: 190px; margin-right: 20px; font: normal 12px Arial; color: #fff; }
.center_column .toppick2 { margin: 0; }
.center_column .wrap { background: url('/assets/images/bg_000_80.png'); }
/*.center_column img { width: 190px; }*/
.center_column .thumb { width: 190px; height: 190px; overflow: hidden; }
.center_column .toppick .thumb img { height: 190px; width: 253px; }
.center_column div.title { display: block; padding: 5px; font: bold 16px Arial; }
.center_column div.title span { font: normal 12px Arial; }

 
/** HEADER **/
.head { margin-top: 10px; float: left; background: url('/assets/images/milky_nav.png') no-repeat -75px -28px; height: 120px; width: 410px;}
.head .nav_select { /*background: url('/assets/images/nav_glow.png') no-repeat 60px 20px;*/ height: 120px; }
.head .title { font: bold 28px Arial; color: #fff; text-transform: uppercase; letter-spacing: -1px; margin-left: 10px; }
.head .nav { margin-top: 5px; margin-left: 10px; }
.head .nav .btn { float: left; font: normal 14px Arial; padding: 5px 0; text-align: center; cursor: pointer; padding: 6px 6px; }
.head .nav .btn a { color: #000; text-decoration: none; font-weight: bold; }
.head .nav .selected a { font-weight: bold; color: #fff; border-bottom: 1px dotted #ccc; }
.head .nav .btn:hover a { color: #fff; }

.user_tab { float: right; background: url('/assets/images/tab_fade.png') repeat-x; margin: 0 20px; padding: 5px; width: 205px; color: #fff; font: normal 12px Arial; }
.user_tab a { color: #62bfe1; font-weight: bold; text-decoration: none; }
.user_tab .controls { margin-top: 2px; float: left; width: 170px; }
.user_tab .controls div { float: left;  }
.user_tab .controls .logout { float: right; font: normal 12px Arial;  }
.user_tab .controls a { font-weight: normal; font-size: 12px; }
.user_tab .controls .vimeo { float: left; margin-left: 5px; padding-top: 1px; } 
.user_tab .controls .fb { float: left; margin-right: 5px; } 
.user_tab .controls span { float: left; } 
.user_tab a:hover { color: #c73535; }
.user_tab .portrait { float: left; margin-right: 5px; width: 30px; height: 30px;}

#logo { position: absolute; }

/**** SCENES ****/
.search { margin-top: 20px; }
.search .caption { font: bold 68px Arial; color: #fff; float: left; }
.search input.text { margin-left: 20px; float: right; background: url('/assets/images/bg_222_80.png'); border: 0; border-bottom: 5px solid #fff; font: bold 68px Arial; color: #62bfe1; width: 470px; padding: 0px 10px; }
.search input.btn { float: right; margin-top: 10px; background: #62bfe1; font: normal 14px Arial; border: 0; color: #fff; padding: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.page_activity .column, .page_activity .column_end { float: left; width: 313px; margin-right: 20px; }
.page_activity .column_end { margin: 0; }
.page_activity .column_end, .page_activity .column_left { } 
.page_activity .users { margin-bottom: 20px; margin-top: 10px; }
.page_activity .users .user { float: left; margin: 2px; width: 30px; height: 30px; }
.page_activity .users .large_user { float: left; margin: 2px; width: 40px; height: 40px; }
.page_activity .users .large_user img { width: 40px; height: 40px; }
.page_activity .random { cursor: pointer; width: 313px; height: 235px; }
.page_activity .random .thumb { width: 313px; height: 235px; position: relative; } 
.page_activity .random .playbtn {  position: relative; top: -160px; left: 120px; width: 75px; height: 75px; } 
.page_activity .activity .event { padding: 10px; background: url('/assets/images/bg_000_80.png'); margin-bottom: 5px; }
.page_activity .activity .event .thumb img { width: 60px; height: 45px; }
.page_activity .activity .event .thumb img.portrait { width: 60px; height: 60px; }
.page_activity .activity .event .thumb { float: left; cursor: pointer; width: 60px; height: 45px; }
.page_activity .activity .event .info { float: left; color: #fff; font: normal 12px/16px Arial; width: 220px; margin-left: 10px;}
.page_activity .activity .event .info a { font: bold 14px Arial; }
.page_activity .activity .event .info a.user { font-weight: normal; }
.page_activity .activity .event .info p { color: #bbb; font-size: 11px; }

/**** HELP ****/
.page_help .c3po { background: url('/assets/images/c3po.png') no-repeat 310px -20px; padding-top: 40px; }
.page_help .column { float: left; width: 350px;}
.page_help .column .box { background: url('/assets/images/bg_000_70.png'); color: #fff; padding: 20px; margin-bottom: 20px; }
.page_help .column .box h1 { color: #62bfe1; font: bold 30px Arial; text-transform: lowercase; }
.page_help .column .box .email { font: normal 14px Arial; }
.page_help .column li { font: normal 12px/17px Arial; margin-top: 15px; }

.page_help .column li div { color: #62bfe1; font-size: 14px; }
.page_help .column li a { color: #62bfe1; font-weight: bold; }
.page_help .column li a:hover { color: #c73535; }
.page_help .right { float: right; }
.page_help .column .title { color: #62bfe1; text-transform: uppercase; font: bold 18px Arial; } 

/**** ABOUT ****/
.page_about .chewie { background: url('/assets/images/chewie.png') no-repeat 310px -10px; padding-top: 40px; }
.page_about .column { float: left; width: 350px; }
.page_about .column .box { background: url('/assets/images/bg_000_70.png'); color: #fff; padding: 20px; margin-bottom: 20px; }
.page_about .column .box p { margin-top: 10px; font: normal 12px/17px Arial; }
.page_about .column .box p img { width: 280px; } 
.page_about .team { font: bold 12px Arial; }
.page_about .team span { font: normal 11px Arial; }
.page_about .team .user { float: left; margin: 10px 10px 0 0;}
.page_about .team .last { margin-right: 0px; }
.page_about .team img { width: 96px; height: 96px; }
.page_about .team a { display: block; }
.page_about .column .box h1 { color: #62bfe1; font: bold 30px Arial; text-transform: lowercase; }
.page_about .column .box h2 { color: #62bfe1; font: normal 18px Arial; text-transform: uppercase; margin-top: 20px;}
.page_about .column .box .email { font: normal 14px Arial; }
.page_about .column a { color: #62bfe1; font-weight: bold; }
.page_about .column a:hover { color: #c73535; }
.page_about .right { float: right; }
.page_about .right p, .page_about .right .icons { margin-bottom: 20px; }
.page_about .column .title { color: #62bfe1; text-transform: uppercase; font: bold 18px Arial; } 

.page_about  .fb_widget { padding: 0 20px 20px 20px; }

/* WATCH THE MOVIE */
.page_watch .column { float: right; width: 350px; }
.page_watch .column .title { color: #62bfe1; text-transform: uppercase; font: bold 18px Arial; } 
.page_watch .column .box { background: url('/assets/images/bg_000_70.png'); color: #fff; padding: 20px; margin-bottom: 20px; }
.page_watch .column .box p { margin-top: 10px; font: normal 12px/17px Arial; }
.page_watch .column .box p img { width: 280px; }
.page_watch .column .box h1 { color: #62bfe1; font: bold 30px Arial; text-transform: lowercase; }
.page_watch .column .box h2 { color: #62bfe1; font: normal 18px Arial; text-transform: uppercase; margin-top: 20px; }
.page_watch .column a { color: #62bfe1; font-weight: bold; }
.page_watch .column a:hover { color: #c73535; }
.page_watch .left { float: left; width: 610px; }
.page_watch #swumovie { background: url('/assets/images/watch_bg_fade.png') repeat-x; padding: 10px; padding-bottom: 0; width: 590px; height: 443px; /*-moz-border-radius: 3px; -webkit-border-radius: 3px;*/  }
.page_watch .othervids { }
.page_watch .othervids div.vid { float: left; font: normal 12px Arial; background: url('/assets/images/bg_000_70.png'); padding: 10px 10px 7px 0px; }
.page_watch .othervids div.first { padding-left: 10px; } 
.page_watch .othervids div.selected img { border: 2px solid #fff; padding: 2px; width: 92px; height: 67px; }
.page_watch .othervids div.selected a { color: #fff; } 

/**** VADER ****/
#vader { margin-top: 40px; position: absolute; top: 0px; left: 0px; z-index: 80; }
#vader .top { width: 880px; margin: 0 auto; }
#vader .top .header { margin-bottom: 10px; }
#vader .top .header .edit { color: #fff; font: normal 10px Arial; text-transform: uppercase; float: left; margin: 35px 0 0 10px; cursor: pointer; }
#vader_title { color: #fff; font: normal 14px Arial; float: left; margin-left: 0; padding-top: 10px;  margin-left: 135px; }
#vader_title span { display: block; font: bold 26px Arial; text-transform: uppercase; }

#vader .top .controls { float: right; margin-right: 30px; }
#vader .top .controls .btn { float: right; no-repeat; width: 46px; height: 48px; cursor: pointer; }
#vader .top .controls .selected { }
#vader .top .controls { color: #fff; font: normal 10px Arial; padding-left: 10px; text-align: center; }
#vader .top .controls:hover { color: #62bfe1; }

#vader_user_scenes { float: left; cursor: pointer; background: url('/assets/images/vader_fade_left.png') -20px 0 repeat-y; width: 125px; min-height: 50px; }
#vader_user_scenes .thumb { padding: 5px; }
#vader_user_scenes .thumb .wrap { width: 115px; height: 53px; overflow: hidden; background: #000; }
#vader_user_scenes .thumb .wrap .play_btn { position: relative; background: #c73535; top: -75px; left: 36px; width: 35px; text-align: center; padding: 1px 5px; color: #fff; font: normal 10px Arial; text-transform:uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#vader_user_scenes .thumb .wrap img { width: 115px; }
#vader_user_scenes .selected { background: #fff; }
#vader_user_scenes .selected .wrap .play_btn { background: #222; display: none; }
#vader_user_scenes .first { margin-top: 5px; }
#vader_user_scenes .last { margin-bottom: 5px; }

#vader_user_scenes .pending_thumb { width: 115px; height: 53px; }
#vader_user_scenes .pending_thumb .overlay { background: url('/assets/images/bg_000_70.png'); width: 85px; height: 38px; color: #999; font: normal 10px Arial; text-transform: uppercase; padding: 15px 0 0 30px; }
#vader .son .video { float: left; width: 500px; height: 375px; padding: 10px; background: #222; }

#video_container { background: #000; width: 500px; height: 375px; }
#video_container .wrap { padding-top: 82px; }
#video_container .wrap .play_btn { width: 75px; height: 75px; position: relative; top: -150px; left: 210px; border: 0; font: normal 14px Arial; color: #fff; padding: 5px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
#video_container .wrap img { width: 500px; height: 211px; }

#video_container .scene_wrap img { width: 500px; height: 375px; }
#video_container .scene_wrap .play_btn { width: 75px; height: 75px; position: relative; top: -230px; left: 210px; border: 0; font: normal 14px Arial; color: #fff; padding: 5px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }

#vader_info { float: left; background: url('/assets/images/vader_fade_right.png') repeat-y; color: #fff; padding: 10px 10px 10px 0; font: normal 14px Arial; width: 200px; }
#vader_info a { color: #62bfe1; text-decoration: none; font-weight: bold; }
#vader_info a:hover { color: #c73535; }
#vader_info .user .thumb { float: left; margin-right: 10px; width: 75px; height: 75px; padding:0; margin:0; }
#vader_info .info { float: left; width: 115px; font-size: 12px; margin-left: 10px;}
#vader_info .info .byline { overflow: hidden; }
#vader_info .info .date { color: #fff; margin-bottom: 5px; }
#vader_info .info .stat { background: url('/assets/images/like_mini.gif') no-repeat; padding: 1px 0 0 15px; color: #fff; margin-bottom: 1px; }
#vader_info .info .play { background: url('/assets/images/play_mini.gif') no-repeat 2px 2px; }
#vader_info .info .stat span { color: #ccc; font-weight: normal; }

#vader_info .tags a { color: #62bfe1; font: bold 12px Arial; }
#vader_info .tags a:hover { color: #c73535; }
#vader_info h4 { font: normal 10px Arial; text-transform: uppercase; margin-top: 10px; }
#vader_info .header h4 { float: left; }
#vader_info .header a.btn { float: right; font: normal 10px Arial; text-transform:uppercase; margin-top: 10px; }
#vader_info .loading { height: 100px; padding-top: 63px;}
#vader_info .loading .text { font: normal 14px Arial; color: #aaa; text-transform: uppercase; background: #000; width: 60px; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding: 5px 10px; }

#vader .son .badges { }
#vader .son .badges img { width: 50px; height: 50px; }
#vader .son .badges .badge { float: left; }

.tabs { margin-top: 10px; }
.tabs .timeline { background: #222; color: #fff; padding: 3px 10px; font: normal 10px Arial; text-transform: uppercase; letter-spacing: 1px; float: left; }
.tabs #btn_autoplay { float: right; color: #fff; background: #222; padding: 3px 10px; font: normal 10px Arial; text-transform:uppercase; margin-right: 20px; cursor: pointer; }
.tabs #btn_autoplay span { color: #999; font-weight: bold; margin-left: 5px; }
.tabs #btn_autoplay span.on { color: #62bfe1; font-weight: bold; margin-left: 5px; }

#timeline { overflow: hidden; }
#timeline .container { height: 82px; width: 78352px; background: #222; position: relative; }
#timeline .thumb { float: left; margin: 10px 5px; cursor: pointer; height: 62px; width: 150px; background: #000; }
#timeline .thumb #chunk_play { position: relative; top: -43px; left: 45px; background: #62bfe1; font: normal 10px Arial; text-transform: uppercase; text-align: center;  padding: 1px 0; color: #fff; width: 65px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
#timeline .selected #chunk_play { display: none; }
#timeline .selected { border: 5px solid #fff; margin: 5px 0px; }

#scrubber { border-bottom: 1px solid #222; borer-left: 0; border-right: 0; overflow: hidden; height: 10px; margin-bottom: 40px; }
#scrubber .ref { /*background: url('/assets/images/blue_1px.gif') repeat-y 200px 0;*/ }
#scrubber .pos, #scrubber .pos_hover { background: #fff url('/assets/images/scrollybar.png'); overflow: hidden; margin-left: 600px; cursor: pointer; width: 100px; }
#scrubber .pos_hover { background: #62bfe1; }

.close_btn { position: fixed; right: 0px; top: 0px; z-index: 2000; color: #999; text-transform: uppercase; font: bold 16px Arial; padding: 5px 10px; margin: 10px 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.close_btn:hover { color: #fff; background: #222; }
.close_btn span { padding: 0 3px; color: #c73535; font-size: 18px; }

/** paginator **/
.pagination { margin-top: 10px; }
.pagination ul li { float: left;  margin-right: 3px; }
.pagination ul li a { font: normal 16px Arial; background: #000; color: #fff; padding: 5px 8px; }
.pagination ul li.selected a { background: #000; color: #62bfe1; }
.pagination ul li.selected a:hover { background: #fff; color: #000; }

/** comments **/
#comment_list .comment { padding-bottom: 15px; }
#comment_list .comment .thumb { float: left; }
#comment_list .comment .info { float: left; margin-left: 10px; font: normal 12px Arial; width: 180px; }
#comment_list .comment a { font-weight: bold; }
#comment_list .comment span { color: #bbb; font-size: 10px; }
#comment_list .comment p { color: #fff; margin-top: 5px; font: normal 12px Arial; }
#comment_list .comment p a { font-weight: normal; }

.add_comment textarea { font: normal 12px Arial; padding: 5px; border: 0; width: 230px; }
.add_comment input { font-size: 12px; margin-top: 5px; }