/*
Theme Name: Shine Your Light
Theme URI: http://www.shineyourlight.com/
Description: The Shine Your Light kick ass Wordpress theme. Bell whistles and the like! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.9
Author: Steve Oldham
Author URI: http://www.vdotgood.com
*/

body{
margin:0;
color:#fff;
font-family:"Helvetica Neue", Helvetica, Arial, sans; 
font-size:10px;
background:#000;
overflow-y:hidden;
}
a{
color:#ffe63c;
text-decoration:none;	
}
a:hover{
color:#aa0000;
text-decoration:none;	
}
div#site{
float:left;
position:relative;
}
div.section{
float:left;
position:relative;
overflow:hidden;
text-align:center;
}
div#home{
overflow:visible;
}
div#home_content{
clear:both;
position:relative;
top:50%;
background:#000 url(/wp-content/themes/shineyourlight/images/horizon_fade_left.png) no-repeat right 20px;
}
div#home_content_offset{
position:relative;
top:-440px;
width:1100px;
height:854px;
margin:0 auto;
background:#000 url(/wp-content/themes/shineyourlight/images/home_back_competition.jpg) no-repeat -45px top;
}
div#home_right{
float:right;
width:322px;
margin:224px 95px 0 0;
}
div#home_right div#home_video{
position:relative;
margin:1px 0 0 0;
border:1px solid #222;
z-index:10;
}
div#home_right div#home_player, div#home_right div#home_player object, div#home_right div#home_player embed{
position:absolute;
z-index:-1;
}
div#home_right div#home_video div#home_player_overlay{
position:absolute;
top:0px;
left:0px;
width:320px;
height:200px;
cursor:pointer;
z-index:5;
background:#000 url(/wp-content/themes/shineyourlight/images/youtube_overlay.png) no-repeat left 1px;
}
div#home_right a.fb{
display:block;
text-align:left;
margin:0 0 10px 0;
}
div.btn_nav, div.btn_nav img{
float:left;
margin:0;
padding:0;
border:none;
}
div.btn_nav a{
display:block;
width:100%;
height:100%;
cursor:pointer;
}
div#btn_responseoftheweek{
position:relative;
width:100%;
height:85px;
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_responseoftheweek.png) no-repeat left bottom;
}
div#btn_responseoftheweek:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_responseoftheweek.png) no-repeat left top;
}
div#btn_responseoftheweek div#btn_vid{
position:absolute;
top:7px;
right:11px;
width:96px;
height:69px;
}
div#btn_responseoftheweek div#btn_play{
position:absolute;
top:18px;
right:34px;
}

div#btn_thetasks{
position:relative;
width:147px;
height:90px;
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_thetasks_new.png) no-repeat left bottom;
}
div#btn_thetasks:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_thetasks_new.png) no-repeat left top;
}

div#btn_thechannel{
position:relative;
width:169px;
height:90px;
margin:2px 0 0 3px;
background:url(/wp-content/themes/shineyourlight/images/btn_thechannel_new.png) no-repeat left bottom;
}
div#btn_thechannel:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_thechannel_new.png) no-repeat left top;
}

div#btn_competition{
position:relative;
width:319px;
height:50px;
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_competition.png) no-repeat left bottom;
}
div#btn_competition:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_competition.png) no-repeat left top;
}

div#btn_whatissyl_long, div#btn_ourfacebook_long, div#btn_ourtwitter_long, div#btn_responseoftheweek_long{
position:relative;
width:319px;
height:33px;
}
div#btn_whatissyl_long{
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_whatissyl_long.png) no-repeat left bottom;
}
div#btn_whatissyl_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_whatissyl_long.png) no-repeat left top;
}
div#btn_responseoftheweek_long{
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_responseoftheweek_long.png) no-repeat left bottom;
}
div#btn_responseoftheweek_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_responseoftheweek_long.png) no-repeat left top;
}
div#btn_ourfacebook_long{
margin:2px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/btn_ourfacebook_long.png) no-repeat left bottom;
}
div#btn_ourfacebook_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_ourfacebook_long.png) no-repeat left top;
}
div#btn_ourtwitter_long{
margin:2px 0 5px 0;
background:url(/wp-content/themes/shineyourlight/images/btn_ourtwitter_long.png) no-repeat left bottom;
}
div#btn_ourtwitter_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_ourtwitter_long.png) no-repeat left top;
}

div.btn_nav span.btn_go{
float:right;
clear:both;
margin:1px 0 0 0;
width:74px;
height:27px;
background:url(/wp-content/themes/shineyourlight/images/btn_go.png) no-repeat right top;
}
div.btn_nav a:hover span.btn_go{
background:url(/wp-content/themes/shineyourlight/images/btn_go.png) no-repeat right bottom;
}

div#competition{
position:absolute;
top:100%;
margin:0;
overflow-y:scroll;
}
div#competition_content{
width:1100px;
margin:0 auto;
}
div#competition_content div.btn_back{
margin:2px 0 0 50px;
}
div#competition_back{
float:left;
width:100%;
height:790px;
margin:10px 0 0 0;
background:url(/wp-content/themes/shineyourlight/images/competition_back.jpg) no-repeat center top;
}
div#competition_info{
float:left;
clear:both;
width:360px;
margin:160px 0 0 50px;
color:#fff;
text-transform:uppercase;
font-size:11px;
}
div.competition_info{
margin:0 0 20px 0;
}
div#competition_steps{
float:left;
clear:both;
width:100%;
margin:0 0 0 30px;
}
div.competition_steps{
float:left;
width:288px;
margin:0 0 0 20px;
}
div.competition_steps div.btn_nav{
width:100%;
height:33px;
margin:2px 0 0 0;
}
div#btn_thetasks_long{
background:url(/wp-content/themes/shineyourlight/images/btn_thetasks_long.png) no-repeat left bottom;
}
div#btn_thetasks_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_thetasks_long.png) no-repeat left top;
}
div#btn_inspiration{
background:url(/wp-content/themes/shineyourlight/images/btn_inspiration.png) no-repeat left bottom;
}
div#btn_inspiration:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_inspiration.png) no-repeat left top;
}

div#btn_thechannel_long{
background:url(/wp-content/themes/shineyourlight/images/btn_thechannel_long.png) no-repeat left bottom;
}
div#btn_thechannel_long:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_thechannel_long.png) no-repeat left top;
}div#btn_howto{
background:url(/wp-content/themes/shineyourlight/images/btn_howto.png) no-repeat left bottom;
}
div#btn_howto:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_howto.png) no-repeat left top;
}

div#btn_emaillz7{
background:url(/wp-content/themes/shineyourlight/images/btn_emaillz7.png) no-repeat left bottom;
}
div#btn_emaillz7:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_emaillz7.png) no-repeat left top;
}div#btn_visitlz7{
background:url(/wp-content/themes/shineyourlight/images/btn_visitlz7.png) no-repeat left bottom;
}
div#btn_visitlz7:hover{
background:url(/wp-content/themes/shineyourlight/images/btn_visitlz7.png) no-repeat left top;
}

div#transition_content{
float:left;
clear:both;
position:relative;
top:50%;
}
div#transition_content_offset{
position:relative;
top:-234px;
width:5531px;
height:629px;
background:#000 url(/wp-content/themes/shineyourlight/images/transition.jpg) no-repeat left center;
}

div#tasks{
position:relative;
overflow-y:scroll;
background:#000 url(/wp-content/themes/shineyourlight/images/horizon_fade_right.png) no-repeat left center;
}
div#tasks_content{
width:900px;
margin:90px auto 0 auto;
}
div#tasks_content div#tasks_top{
float:left;
clear:both;
width:100%;
height:33px;
margin:0 0 2px 0;
}
div#tasks_top div#btn_signup{
float:left;
width:115px;
height:33px;
cursor:pointer;
margin:0 0 0 2px;
background:transparent url(/wp-content/themes/shineyourlight/images/btn_signup.png) no-repeat bottom left;
}
div#tasks_top div#btn_signup:hover{
background:transparent url(/wp-content/themes/shineyourlight/images/btn_signup.png) no-repeat top left;
}
div#tasks_top div#btn_twitter{
float:left;
width:237px;
height:33px;
cursor:pointer;
margin:0 0 0 2px;
background:transparent url(/wp-content/themes/shineyourlight/images/btn_twitter.png) no-repeat bottom left;
}
div#tasks_top div#btn_twitter:hover{
background:transparent url(/wp-content/themes/shineyourlight/images/btn_twitter.png) no-repeat top left;
}
div#tasks_top div#btn_what{
float:right;
width:406px;
height:33px;
cursor:pointer;
background:transparent url(/wp-content/themes/shineyourlight/images/btn_what.png) no-repeat bottom left;
}
div#tasks_top div#btn_what:hover{
background:transparent url(/wp-content/themes/shineyourlight/images/btn_what.png) no-repeat top left;
}
div#tasks_content div#tasks_left{
float:left;
width:468px;
margin:0 0 50px 0;
}
div.task{
float:left;
position:relative;
width:144px;
margin:0 12px 10px 0;
}
div.task_thumb{
float:left;
padding:3px 0 0 0;
background:#222;
}
div.task_thumb span{
float:left;
text-align:left;
}
span.task_num{
margin:4px 5px 0 5px;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:12px;
}
span.task_title{
clear:both;
margin:0 5px 2px 5px;
color:#ffe63c;
font-size:11px;
font-weight:bold;
}
div.task a:hover div.task_thumb{
background:#ffe63c;
}
div.task a:hover div.task_thumb span.task_num, div.task a:hover div.task_thumb span.task_title{
color:#222;
}
div.task_off span{
color:#666666;
}
div.task_done{
float:left;
width:100%;
height:21px;
margin:2px 0 0 0;
background:#222 url(/wp-content/themes/shineyourlight/images/btn_done.png) no-repeat left -44px;
cursor:pointer;
}
div.task_done:hover{
background:#222 url(/wp-content/themes/shineyourlight/images/btn_done.png) no-repeat top;
}
div.task_done_off{
float:left;
width:100%;
height:21px;
margin:2px 0 0 0;
background:#222 url(/wp-content/themes/shineyourlight/images/btn_done.png) no-repeat left bottom;
cursor:pointer;
}
div.task_triangle{
position:absolute;
top:28px;
left:91px;
width:50px;
height:50px;
background:transparent url(/wp-content/themes/shineyourlight/images/triangle_notyetdone.png) no-repeat top left;
}
div.task_release{
position:absolute;
top:25px;
left:4px;
width:138px;
color:#fff;
text-align:center;
font-size:12px;
font-weight:bold;
}

div#tasks_content div#tasks_right{
float:right;
width:406px;
}
div#tasks_right div#main_video{
border:3px solid #222;
}
div#tasks_right div#main_title{
float:left;
clear:both;
width:396px;
margin:2px 0;
padding:5px;
text-align:left;
background:#222;
}
div#tasks_right div#main_total{
float:left;
clear:both;
width:396px;
margin:0 0 2px 0;
padding:5px;
text-align:left;
font-size:16px;
font-weight:bold;
background:#222;
}
div#tasks_right div#main_total span.main_total_num{
color:#ffe63c;
}
div#tasks_right div#main_title_left{
float:left;
}
div#tasks_right span#main_title_num{
float:left;
clear:both;
font-size:22px;
font-weight:bold;
line-height:18px;
}
div#tasks_right span#main_title_text{
float:left;
clear:both;
font-size:24px;
font-weight:bold;
line-height:24px;
color:#ffe63c;
}
div#tasks_right div#main_title_right{
float:right;
width:50px;
font-size:15px;
font-weight:bold;
line-height:14px;
text-align:center;
}
div#tasks_right div#main_title_right span#main_title_counter{
float:right;
color:#ffe63c;
line-height:14px;
}
div#tasks_right div#main_btns{
float:left;
clear:both;
width:406px;
margin:0 0 2px 0;
}
div#tasks_right div#main_btns div#main_upload{
float:left;
width:202px;
height:33px;
cursor:pointer;
background:#222 url(/wp-content/themes/shineyourlight/images/btn_upload_large.png) no-repeat bottom left;
}
div#tasks_right div#main_btns div#main_upload:hover{
background:#222 url(/wp-content/themes/shineyourlight/images/btn_upload_large.png) no-repeat top left;
}
div#tasks_right div#main_btns div#main_done{
float:right;
width:202px;
height:33px;
cursor:pointer;
background:#222 url(/wp-content/themes/shineyourlight/images/btn_done_large.png) no-repeat bottom left;
}
div#tasks_right div#main_btns div#main_done:hover{
background:#222 url(/wp-content/themes/shineyourlight/images/btn_done_large.png) no-repeat top left;
}
div#tasks_right div#main_btns a.fb{
margin:7px 0 0 9px;
}
div#tasks_right a.fb{
float:left;
}
div#tasks_right div#main_content{
float:left;
clear:both;
width:406px;
margin:0 0 2px 0;
text-align:left;
font-size:12px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}
div#tasks_right div#main_content ol{
padding:0 0 0 20px;
color:#ffe63c;
}
div#tasks_right div#main_content ol li{
padding:0;
margin:6px 0;
}
div#tasks_right div#main_youtube{
float:left;
clear:both;
width:406px;
margin:0 0 2px 0;
word-wrap:break-word;
}
a#main_youtube_title{
float:left;
position:relative;
z-index:2;
width:100%;
height:45px;
background:transparent url(/wp-content/themes/shineyourlight/images/title_youtube.png) no-repeat top left;
}
div#main_youtube:hover a#main_youtube_title{
background:transparent url(/wp-content/themes/shineyourlight/images/title_youtube.png) no-repeat left -51px;
}
div#main_youtube_content{
position:relative;
top:-4px;
z-index:1;
}
div#comments, div#responses{
float:left;
width:202px;
}
div.youtube{
margin:2px 0 0 0;
text-align:left;
background:#222;
}
div#comments{
float:left;
margin:2px 0 0 0;
padding:33px 0 0 0;
background:transparent url(/wp-content/themes/shineyourlight/images/title_comments.png) no-repeat top;
}
div#responses{
float:right;
margin:2px 0 0 0;
padding:33px 0 0 0;
background:transparent url(/wp-content/themes/shineyourlight/images/title_responses.png) no-repeat top;
}
div.youtube a{
display:block;
padding:5px 7px;
}
div.youtube span.youtube_description{
display:block;
font-size:12px;
color:#888;
}
div.youtube span.youtube_author{
display:block;
font-size:11px;
font-weight:bold;
}

div#tasks_right div.btn_nav{
position:relative;
top:-4px;
}
div#tasks_right div#btn_ourfacebook{
margin:0 3px 30px 0;
}

div.btn_back{
float:left;
width:96px;
height:33px;
cursor:pointer;
background:transparent url(/wp-content/themes/shineyourlight/images/btn_back.png) no-repeat bottom left;
}
div.btn_back:hover{
background:transparent url(/wp-content/themes/shineyourlight/images/btn_back.png) no-repeat top left;
}
div#btn_cookie_reset{
position:absolute;
bottom:30px;
font-size:20px;
font-weight:bold;
color:#ffe63c;
cursor:pointer;
}
div#btn_cookie_reset:hover, div#btn_back:hover{
color:#aa0000;
}

div#main{
position:absolute;
top:50%;
left:50%;
width:800px;
}
div#offset{
position:relative;
top:-370px;
left:-400px;
width:800px;
height:719px;
background:url(/images/back.jpg) no-repeat center top;
}