@charset "UTF-8";
/* CSS Document */

body{
 background:url(/images/layout/body_bg.jpg) repeat-x center top;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#666666;
 line-height:20px;
 margin:0px;
 padding:0px;
}
.internal_body{
 background:url(/images/layout/header_bg.jpg) repeat-x center top;
}
h1{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:normal;
 color:#999999;
 padding:0px;
 margin:0px 0px 10px 0px;
 line-height:30px;
 display:none;
}
h2{
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 font-weight:normal;
 color:#FFFFFF;
 padding:0px;
 margin:0px;
 line-height:inherit;
}
h2 a:link,
h2 a:active,
h2 a:visited,
h2 a:hover{
 text-decoration:none;
 display:block;
 color:#FFFFFF;
}
h3{
 display:none;
}
h4{
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 color:#29ABE2;
 font-weight:normal;
 padding:0px;
 margin:0px 0px 10px 0px;
 text-decoration:underline;
}
h4 span{
 font-size:14px;
}
h6{
 font-size:14px;
 color:#FCEE21;
 font-weight:normal;
 margin:5px 0px 10px 0px;
}
ul{
list-style:none;
padding:0px;
margin:0px;
}
ol{
list-style:none;
padding:0px;
margin:0px;
}
a:link,
a:active,
a:visited{
 text-decoration:none;
 color:#29ABE2;
}
a:hover{
 color:#FBA919;
}
img{
margin:0px;
padding:0px;
border:none;
}
p{
margin:0px 0px 20px 0px;
padding:0px;
line-height:20px;
}
p span{
color:#333333;
}
.clearer{
 clear:both;
}
#site_wrap{
width:960px;
height:auto;
margin:auto auto 40px auto;
}
#slideshow_holder{
 float:left;
 width:334px;
 height:177px;
 margin:-50px 0px 0px 478px;
 padding:0px;
 border:solid 1px #CCCCCC;
 *margin:80px 0px 0px 239px; 
}
#slideshow{
 width:334px;
 height:177px;
 margin:0px;
 padding:0px;
}
/*HEADER ---------------------------------------------------------------*/
#header{
 width:960px;
 height:419px;
 background:url(/images/layout/cityscape-trans.png) no-repeat left bottom;
 margin:8px 0px 20px 0px;
 padding:0px;
}
#internal_header{
 width:960px;
 height:220px;
 margin:8px 0px 20px 0px;
 padding:0px;
}
.watch_header{
 background:url(/images/layout/top_watch-trans.png) no-repeat right bottom;
}
.create_header{
 background:url(/images/layout/top_create-trans.png) no-repeat right bottom;
}
.share_header{
 background:url(/images/layout/top_share-trans.png) no-repeat right bottom;
}
.vote_header{
 background:url(/images/layout/top_vote-trans.png) no-repeat right bottom;
}
.contact_header{
 background:url(/images/layout/top_contact-trans.png) no-repeat right bottom;
}
#main_logo{
 width:200px;
 height:190px;
 background:url(/images/layout/main_logo-trans.png) left top no-repeat;
 float:left;
 display:inline;
}
/*MENU ----------------------------------------------------------------*/
#menu{
 width:680px;
 height:40px;
 margin:20px 0px 0px 80px;
 float:left;
 display:inline;
}
#menu li{
 float:left;
 display:inline;
}
#menu li span{
 display:none;
}
#home_btn a{
 height:40px;
 width:100px;
 background:url(/images/layout/menu.gif) 0px 0px no-repeat;
 display:block;
}
#home_btn a:hover{
 background-position:0px -40px;
}
#watch_btn a{
 height:40px;
 width:120px;
 background:url(/images/layout/menu.gif) -100px 0px no-repeat;
 display:block;
}
#watch_btn a:hover{
 background-position:-100px -40px;
}
#create_btn a{
 height:40px;
 width:125px;
 background:url(/images/layout/menu.gif) -220px 0px no-repeat;
 display:block;
}
#create_btn a:hover{
 background-position:-220px -40px;
}
#share_btn a{
 height:40px;
 width:115px;
 background:url(/images/layout/menu.gif) -345px 0px no-repeat;
 display:block;
}
#share_btn a:hover{
 background-position:-345px -40px;
}
#vote_btn a{
 height:40px;
 width:110px;
 background:url(/images/layout/menu.gif) -460px 0px no-repeat;
 display:block;
}
#vote_btn a:hover{
 background-position:-460px -40px;
}
#contact_btn a{
 height:40px;
 width:110px;
 background:url(/images/layout/menu.gif) -570px 0px no-repeat;
 display:block;
}
#contact_btn a:hover{
 background-position:-570px -40px;
}
/*SUB MENU ----------------------------------------------------------------*/
#sub_menu_wrap{
 width:180px;
 height:auto;
 margin:0px;
 padding:0px;
 float:left;
 display:inline;
}
#sub_menu{
 width:180px;
 height:auto;
 padding:0px;
 margin:0px 0px 0px 0px;
}
#sub_menu li{
 width:170px;
 height:40px;
 border-bottom:#29ABE2 1px solid;
 line-height:40px;
 margin:0px;
 padding:0px;
 text-indent:10px;
}
#sub_menu a{
 display:block;
 color:#666666;
}
#sub_menu a:hover{
 color :#29ABE2;
}
/*MAIN CONTENT -----------------------------------------------------------*/
#main_content{
 width:750px;
 height:auto;
 margin:0px 0px 0px 30px;
 float:left;
 display:inline;
}
/*PROMOS -----------------------------------------------------------------*/
.promos{
 width:180px;
 height:auto;
 margin:0px 10px 0px 0px;
 padding:0px;
 float:left;
 display:inline;
}
.last_promo{
 margin:0px 0px 0px 0px;
}
.margin_btm{
 margin:0px 0px 10px 0px;
}
#promo_head1{
 background:url(/images/layout/promo_head1.jpg) left top no-repeat;
 margin:0px;
}
#promo_head2{
 background:url(/images/layout/promo_head2.jpg) left top no-repeat;
 margin:0px;
}
#promo_head3{
 background:url(/images/layout/promo_head3.jpg) left top no-repeat;
 margin:0px;
}
#promo_head4{
 background:url(/images/layout/promo_head4.jpg) left top no-repeat;
 margin:0px;
}
.promo_headers{
 width:180px;
 height:45px;
 margin:0px;
 line-height:30px;
 padding:0px 0px 0px 0px;
 text-indent:10px;
}
/*MAIN SECTIONS -------------------------------------------------*/
.section_head{
 width:740px;
 height:45px;
 line-height:30px;
 padding:0px 0px 0px 10px;
 margin:0px 0px 0px 0px;
}
.head_blue{
 background:url(/images/layout/section_head.jpg) left top no-repeat;
}
.head_purple{
 background:url(/images/layout/head_purple.jpg) left top no-repeat;
}
.head_green{
 background:url(/images/layout/head_green.jpg) left top no-repeat;
}
.head_yellow{
 background:url(/images/layout/head_yellow.jpg) left top no-repeat;
}
.head_red{
 background:url(/images/layout/head_red.jpg) left top no-repeat;
}
#featured_event{
 width:750px;
 height:auto;
 margin:10px 0px 0px 0px;
}
#featured_image{
 width:365px;
 height:auto;
 float:left;
 display:inline;
 margin:0px 20px 20px 0px;
}
#featured_text{
 margin:10px 0px 0px 0px;
 width:350px;
 height:auto;
 float:left;
 display:inline;
}
.more_info a{
 background:url(/images/layout/more_info_btn.jpg) left top no-repeat;
 width:71px;
 height:35px;
 display:block;
}
.more_info a:hover{
 background-position:0px -40px;
}
.back_to_events a{
 background:url(/images/layout/back_to_events_btn.jpg) left top no-repeat;
 width:121px;
 height:35px;
 display:block;
}
.back_to_events a:hover{
 background-position:0px -40px;
}
.list_module{
 margin:10px 0px 30px 0px;
 width:750px;
 height:auto;
}
.thumbnail{
 width:180px;
 height:123px;
 float:left;
 display:inline;
 margin:0px 20px 0px 0px;
}
.list_item_text{
 width:550px;
 height:auto;
 float:left;
 display:inline;
}
/*FOOTER -------------------------------------------------------*/
#footer{
 height:300px;
 width:100%;
 background-color:#262626;
 margin:0px 0px 0px 0px;
}
#footer_content{
 width:960px;
 margin:auto;
 height:auto;
 padding:30px 0px 0px 0px;
}
#sponsors{
 height:60px;
 padding:0px;
 float:left;
 display:inline;
 width:450px;
 margin:0px;
}
#sponsors li{
 float:left;
 display:inline;
}
#author{
 height:60px;
 width:150px;
 margin:0px 0px 0px 360px;
 float:left;
 display:inline;
}
#website_by{
 line-height:50px;
 color:#FFFFFF;
 float:right;
 display:inline;
 margin:5px 0px 0px 0px;
}
#website_by a:link,
#website_by a:active,
#website_by a:visited,
#website_by a:hover{ 
 color:#FFFFFF;
}
#oval{
 width:38px;
 margin:5px 0px 0px 0px;
 float:right;
 display:inline;
}
/*GENERIC STYLES ------------------------------------------------*/
.full_width_holder{
 width:750px;
 height:auto;
 padding:0px;
 margin:0px 0px 10px 0px;
}

/*CONTACT STYLES -----------------------------------------------*/
.company_list{
 margin:0px 0px 30px 0px;
}
/*CREATE STYLES ------------------------------------------------*/
.film_comps{
 width:240px;
 height:auto;
 float:left;
 display:inline;
 margin:0px 15px 0px 0px;
}
.last_comp{
 margin:0px;
}
#competition_text_holder{
 width:490px;
 height:auto;
 float:left;
 display:inline;
 margin:10px 0px 0px 10px;
}
#bullet_list{
 margin:0px 0px 0px 30px;
 line-height:24px;
}
#bullet_list li{
 background:url(/images/layout/bullet.jpg) 0px 5px no-repeat;
 padding:0px 0px 0px 30px;
}
.download_links a{
 color:#29ABE2;
 text-decoration:underline;
 line-height:22px;
}
.download_links a:hover{
 color:#FBB03B;
}

/*VOTE STYLES -------------------------------------------------*/
#vote_hour_btn a{
 width:240px;
 height:365px;
 background:url(/images/layout/vote_hour_index.jpg) 0px 0px no-repeat;
 display:block;
}
#vote_hour_btn a:hover{
 background-position:0px -460px;
}
#vote_mobile_btn a{
 width:240px;
 height:365px;
 background:url(/images/layout/vote_mobile_index.jpg) 0px 0px no-repeat;
 display:block;
}
#vote_mobile_btn a:hover{
 background-position:0px -460px;
}
#vote_short_btn a{
 width:240px;
 height:365px;
 background:url(/images/layout/vote_short_index.jpg) 0px 0px no-repeat;
 display:block;
}
#vote_short_btn a:hover{
 background-position:0px -460px;
}
.vote_thumb{
 width:120px;
 height:90px;
 float:left;
 display:inline;
 margin:0px 15px 0px 0px;
}
.vote_film_details{
 width:355px;
 height:auto;
 float:left;
 display:inline
}
.individual_entry{
 margin:20px 0px 20px 0px;
 border-bottom:solid 1px #CCCCCC;
}
.paging{
 float:left;
 display:inline;
 width:490px;
 height:auto;
 margin:10px 0px 30px 0px;
}
.paging li{
 float:left;
 display:inline;
 margin:0px 0px 0px 5px;
 padding:0px
}
.paging a{
 height:20px;
 background-color:#333333;
 color:#ffffff;
 text-align:center;
 line-height:20px;
 padding:3px 5px 3px 5px;
 text-decoration:none;
}
.paging a:hover{
 background-color:#666666;
}
.pager_text{
 background:none;
 color:#999999;
}
#youtube_vid{
 width:480px;
 margin:0px 0px 20px 0px;
 height:385px;
}
/*//////////////////////////////// RED VOTE SECTION ///////////////////////////////////////////////*/
#red_vote_section{
 width:100%;
 height:auto;
 padding:15px 0px 20px 0px;
 background-color:#AE1F23;
}
#red_vote_outer_holder{
 width:960px;
 margin:auto;
 background:url(/images/layout/place_vote.jpg) 220px top no-repeat;
}
#red_vote_inner_holder{
 width:500px;
 margin:0px 0px 0px 460px;
 color:#FFFFFF;
}
#submit_vote_btn{
 float:left;
 display:block;
 cursor:pointer;
 width:200px;
 height:40px;
 background:url(/images/layout/submit_vote_btn.jpg) -10px 0px no-repeat;
 border:none;
}
#submit_vote_btn:hover{
 background-position:-10px -40px;
}
/*//////////////////////////////// GREEN VOTE SECTION ///////////////////////////////////////////////*/
#green_vote_section{
 width:100%;
 height:auto;
 padding:15px 0px 20px 0px;
 background-color:#017A13;
}
#green_vote_outer_holder{
 width:960px;
 margin:auto;
 background:url(/images/layout/submit_movie.jpg) 220px top no-repeat;
}
#green_vote_inner_holder{
 width:500px;
 margin:0px 0px 0px 460px;
 color:#FFFFFF;
}
#vote_form{
 padding:5px 0px 0px 0px;
}
.vote_field_title{
 float:left;
 display:inline;
 width:200px;
 margin:0px 26px 0px 0px;
}
.vote_input_form{
 width:200px;
 margin:0px 20px 5px 0px;
 float:left;
 display:inline;
}



.txtBoxMobile{
background-color:#FFFFFF;
border:1px solid #B3B3B3;
color:#000000;
font-family:Verdana;
font-size:10px;
height:13px;
padding:6px;
vertical-align:middle;
width:210px;
}
#txtBoxMobileDesc{
 width:470px;
 height:65px;
}
.vote_form_row{
 float:left;
 width:250px;
 height:28px;
 line-height:28px;
}
.vote_form_row_full_width{
 float:left;
 width:500px;
 height:75px;
 margin:0px 0px 10px 0px;
}
.vote_normal_height{
 line-height:28px;
 height:28px;
 margin:0px;
}
#submit_mobile_btn{
 cursor:pointer;
 width:130px;
 height:40px;
 background:url(/images/layout/submit_movie_btn.jpg) 0px 0px no-repeat;
 border:none;
}
#submit_mobile_btn:hover{
 background-position:0px -40px;
}
.txtbig{
 width:460px;
}
#error{
 width:100%; 
 padding:10px; 
 border:solid 1px #FF0000; 
 color:#FF0000;
 font-weight:bold;
}
#success{
 width:100%; 
 padding:10px; 
 border:solid 1px #017A13; 
 color:#017A13;
 font-weight:bold;
}
/*MOBILE MOVIE UPLOAD -------------------------------------------------*/
#mobile_movie_btn{
 width:272px;
 height:75px;
 background:url(/images/layout/mobilemovie_btn.jpg) -2px 0px no-repeat;
 display:block;
 margin:10px 0px 0px 0px;
}
#mobile_movie_btn:hover{
 background-position:-2px -80px;
}

.img_inline{
 display:inline;
}

.addthis_toolbox{
 width:160px;
 height:30px;
 margin:12px 0px 0px 0px;
 padding:0px 0px 0px 10px;
 border-bottom:1px solid #29ABE2;
}

/*/////////////////////// VALIDATION STYLES ///////////////////////////////////*/
.validation-summary-errors{
 border:solid 1px #FF0000;
 padding:10px;
 font-size:12px;
}
.validation-summary-errors ul li{
 margin: 0px 0px 0px 15px;
 padding: 0px;
 text-decoration: none;
 list-style:disc;
 color:#FF0000;
}
.field-validation-error{
 color:#FFFFFF;
}