/*
woyp
28/Apr/09
co8.com - enrique r grullon
*/

/* General Style Info */
body {
background:#fff;
color:#666;
font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:0.75em; /*11pt*/
margin:0;
text-align:left;
}

.message {
clear:both;
color:#900;
font-size:140%;
font-weight:bold;
padding:1em 0;
text-align:center;
}

.hidden {
display:none;
}

img {
border:none; 
}

a {
color:#666;
text-decoration:none;
}

a:hover {
text-decoration:underline;  
}

#container {
background-color:#fff;
width:1005px;
margin:25px auto 25px;
}

#container_top {
background:url('/img/elements/container_top.png');
height:195px;
background-repeat:no-repeat;
}

#topNav_signup_form {
background:url('/img/elements/topNav_signup_back.png');
position:relative;
width:376px;
height:187px;
margin:-10px 0 0 35px;
font-size:80%;
z-index:500;
}

#container_topNav {
float:right;
z-index:100;
margin:0 45px 0 40px;
}



/*
#topNav_menu {
display:block;
position:relative;
z-index:200;
}
*/

#container_topNav li {
display:inline;
float:left;
}

#topNav_sign, #topNav_tell {
margin-top:-13px;
}

#container_mid, #prefooter {
background:url('/img/elements/container_mid.png');
background-repeat:repeat-y;
background-position:top left;
overflow:auto; /* for height */
padding-top:10px;
}

#container_btm {
background:url('/img/elements/container_btm.png');
height:113px;
background-repeat:no-repeat;
background-position:bottom left;
}

.background_fill {
color:#c6e65f; /*green*/
}

.background_nav {
color:#f0f7eb;
}

/* News */
.news_item {
padding-bottom:20px;
}

.newsletter_item {
padding-bottom:10px;
}


.news_title, .news_title a {
color:#333;
/* font-weight:bold;
font-size:110%;*/
}

.news_title a {
text-decoration:none;
}

.news_title a:hover {
text-decoration:underline;
}

.news_body {
color:#666; /*maybe #999*/
}

.news_body a {
color:#666;
text-decoration:underline;
}

.news_body a:hover {
text-decoration:none;
}

.news_date {
color:#99ccff; /*#aadae7*/
}

.news_subtitle {
color:#ff6666;
}

/*FOOTER*/

#footer {
font-size:90%;
padding:70px 0 0 0;
overflow:auto;
}

#footer_copyright {
color:#ffff00;
float:left;
margin:0 80px 0 35px; /*change 210 to 130 with full menu*/
}

#footer_copyright a {
color:#ffff00;
text-decoration:none;
}

#footer_copyright a:hover {
text-decoration:underline;
}

#footer_nav {
color:#fff;
float:left;
}

#footer_nav a {
color:#fff;
text-decoration:none;
}

#footer_nav a:hover {
text-decoration:underline;
}

#footer_nav_right {
color:#ccff66;
float:right;
margin-right:35px;
}

#footer_nav_right a {
color:#c6e65f;
text-decoration:none;
}

#footer_nav_right a:hover {
text-decoration:underline;
}

/*LEFT NAV*/

#leftnav {
padding:16px 0 25px 0;
width:211px;
float:left;
}

#leftnav_feeds {
padding-top:10px;
padding-left:40px;
}

#leftnav_trailer {
/*empty*/
}

#leftnav_top {
padding-left:25px;
padding-bottom:0;
height:36px;
background:url('/img/leftnav/top.png');
background-repeat:no-repeat;
background-position:top left;
}

#leftnav_mid {
background:url('/img/leftnav/mid.png');
background-repeat:repeat-y;
background-position:top left;
padding-left:25px;
}

#leftnav_btm {
height:18px;
background:url('/img/leftnav/btm.png');
background-repeat:no-repeat;
background-position:bottom left;
}

.leftnav_bigbutton {

padding:5px 40px 0 0;
}

.leftnav_blogcategory {
display:block;
padding:0 0 0 10px;
}

#fb_likebutton{
margin: 10px 40px;
}


/*CENTER*/

#center, #center_two_column {
padding-left:23px;
float:left;
}

#center{
width:478px;
} 

#center_two_column{
/*border:1px dashed #efefef;*/
width:750px;
}

#centerTop, #centerTop_two_column {
height:58px;
background-repeat:no-repeat;
background-position:top left;
}

#centerTop {
background:url('/img/elements/centerBox_top.png');
}

#centerTop_two_column {
background:url('/img/elements/centerBox_top_two_column.png');
}

#home_photo {
padding:20px 0 0 0;
}

#centerMid, #centerMid_two_column {
padding:0 10px 0 10px;
background-position:left top;
background-repeat:repeat-y;
}   

#centerMid {
background-image:url('/img/elements/centerBox_mid.png');
}

#centerMid_two_column {
background-image:url('/img/elements/centerBox_mid_two_column.png'); 
overflow:visible; 
}

.centerMid_padding {
padding:0 15px 0 5px; /* existing 10 + 5 - 15px */
}

#centerBtm, #centerBtm_two_column {
height:23px;
background-repeat:no-repeat;
background-position:bottom left;
} 

#centerBtm {
background:url('/img/elements/centerBox_btm.png');
}

#centerBtm_two_column {
background:url('/img/elements/centerBox_btm_two_column.png');
}

.centerBox_divider {
padding:20px 0 20px 5px;
}

.press_divider {
padding:10px 0 10px 5px;
}

.centerText_title {
color:#669966;
text-transform:uppercase;
font-size:130%;
}


/*RIGHT COLUMN*/

#rightCol {
padding-left:23px;
width:71px;
float:left;
}

#rightCol_header {
}

.rightBox, .rightBox_first, #rightBox_upcoming {
width:253px;
}

.rightBox {
padding-top:20px;
}

.rightBox_first {
padding-top:0;
}

.rightBox_top, .rightBox_top_sprout, .rightBox_top_sprout_news, .rightBox_top_sprout_newsletter {
background-repeat:no-repeat;
background-position:top left;
}

.rightBox_top {
height:23px;
background:url('/img/elements/rightBox_top.png');
}

.rightBox_top_sprout, .rightBox_top_sprout_news, .rightBox_top_sprout_newsletter {
height:54px;
}
.rightBox_top_sprout {
background:url('/img/elements/rightBox_top_sprout.png');
}

.rightBox_top_sprout_news {
background:url('/img/elements/rightBox_top_sprout_news.png');
}

.rightBox_top_sprout_newsletter {
background:url('/img/elements/rightBox_top_sprout_nl.png');
}

.rightBox_mid {
padding:0 18px 0 18px;
background:url('/img/elements/rightBox_mid.png');
background-repeat:repeat-y;
background-position:top left;
}

.rightBox_btm {
height:20px;
background:url('/img/elements/rightBox_btm.png');
background-repeat:no-repeat;
background-position:bottom left;
}

#rightBox_upcoming {
font-size:90%;
}

#rightBox_upcoming_top {
height:196px;
background:url('/img/elements/rightBox_upcoming_top.png');
background-repeat:no-repeat;
background-position:top left;
}

#rightBox_upcoming_mid {
/* border:1px dashed #999;*/
background:url('/img/elements/rightBox_upcoming_mid.png');
background-repeat:repeat-y;
background-position:top left;
overflow:auto;
}

#rightBox_upcoming_listing {
width:200px;
padding-right:20px;
word-wrap:break-word;
}

#rightBox_upcoming_listing, #rightBox_upcoming_more, .upcoming_listing {
padding:5px 18px 0 18px;
}

#rightBox_upcoming_more {
float:left;
padding-top:15px;
}

#rightBox_upcoming_host {
padding-top:15px;
} 

#rightBox_upcoming_host_top {
padding:10px 0 0 50px;
}

#rightBox_upcoming_btm {
height:23px;
background:url('/img/elements/rightBox_upcoming_btm.png');
background-repeat:no-repeat;
background-position:bottom left;
}

.rightBox_upcoming_divider {
padding-top:15px;
}

.screenings_list {
font-size:90%; 
padding-top:10px; 
margin:0;
overflow:auto;  
}

.screenings_reset{
margin-bottom:-15px;
}

.screening{ 
padding:10px; 
margin:10px 7px 0 7px;
width:206px;
height:70px;  
float:left; 
}

.screening_alt{ 
/*border-bottom:1px dotted #ccc; 
border-right:1px dotted #ccc;*/
/*border:1px dotted #ccc;
background-color:#efefef;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;*/
} 

.upcoming_name_screening a {
text-decoration:none;
}

.screening_link, .linkTitle, .voice_comment a{
text-decoration:none;
border-bottom:1px dotted #666;
} 

.voice_comment a, .voice_comment a:hover{
font-weight:bold;
}

.linkTitle{
color:#333;
font-weight:bold;
}

.screening_link:hover, .linkTitle:hover, .voice_comment a:hover{
text-decoration:none;
border-bottom:1px solid #666;
}

.screening_link_title:hover{
text-decoration:none;
}

.google_map, .no_google_map {
background-color:#efefef;
background-repeat:no-repeat;
background-position:top left;
border:2px solid #ccc;
}

.google_map{
background-image:url('/img/screenings/loading.png'); 
} 
.no_google_map{
background-image:url('/img/screenings/no_google_map_text.png'); 
}

.screenings_info{
padding-top:10px; 
}

.upcoming_thumb, .upcoming_thumb_info{
float:left;
padding-right:7px;
padding-top:3px; 
}

.upcoming_name_screening {
height:40px;
}


.upcoming_thumb_info{ 
padding-top:4px;
float:left; 
height:40px; 
}

.upcoming_listing {
/* for upcoming section */
font-size:120%;
padding-bottom:15px;
} 

.upcoming_icon_info {
float:left;
padding-right:10px;
height:100%;
}

.upcoming_listing_infowin { 
font-size:90%;
padding:0;
}

.upcoming_date,.upcoming_date_infowin {
color:#ff6666;
} 

.upcoming_date_infowin{
font-size:120%;
}

.upcoming_name, .upcoming_name_screening, .upcoming_name_infowin {
color:#333;
font-size:95%; 
overflow:auto;
}

.upcoming_name_infowin{
overflow:auto;
font-size:120%;
max-width:300px; 
font-weight:bold;
padding-top:7px;
}


.upcoming_name a, .upcoming_more a, .upcoming_name_infowin a {
color:#333;
text-decoration:none;
}

.upcoming_name a:hover, .upcoming_more a:hover, .upcoming_name_infowin a:hover{
text-decoration:underline;
}

.upcoming_link {
/* not used */
color:#999933;
font-size:85%;
} 

.voices {
font-size:85%;
} 

.voice{
background-color:#fff;
}

.more_link a:hover {
text-decoration:none;
}

.categories{
text-align:center;
}

.categories a, .more_link {
border-bottom:1px dotted #666;
}

.more_link:hover{
text-decoration:none;
border-bottom:1px solid #666; 
}

.categories a:hover{
text-decoration:none; 
border:none;
}

.voices hr {
margin:10px 0 5px 0;
padding:0;  
}

.voice_category {
font-style:italic;
}

.voice_comment{
background-color:#fff;
} 

.voice_comment > p, .voice_comment > ol {
margin:0;
}
                
.upcoming_type, .upcoming_type_info {
color:#999933;
font-style:italic;  
}

.upcoming_type {
font-size:85%; 
} 

.upcoming_type_info {
font-size:100%;   
padding-top:5px;
}



.minusPlusIcon {
display:inline;
}

/*PREFOOTER*/

#prefooter {
/*see also #container_mid*/
padding:25px 0 0 232px;
}

#festivalsBox {
width:478px;
height:229px;
background:url('/img/elements/festivalsBox.png');
background-repeat:no-repeat;
background-position:top left;
float:left;
}

#festivalsPos {
padding:20px 0 0 20px;
}  

#festivalsPosTop {
padding:65px 0 0 200px;
}

.leftNudge {
padding-left:20px;
}  

.leftNudge13 {
padding-left:13px;
}

#sponsorsBox {
width:244px;
height:250px;
background:url('/img/elements/sponsorsBox.png');
background-repeat:no-repeat;
background-position:top left;
margin:0 0 0 30px;
float:left;
}

#sponsorsPos {
padding:50px 0 0 20px;
}

.trailerPos { 
text-align:center; 
padding-bottom:10px;
}

/* TEXT FIXES */

.temp_mid {
padding-left:10px;
padding-top:10px;
}

p {
margin:0;
padding:5px;
}

.body_image_left {
padding:5px 10px 5px 0;
}

.body_image_center{
padding:5px 0 0 35px;
}

.body_image_right {
padding:5px 0 5px 5px;
}

.moreCenter {
padding-left:5px;
}

.about_list_member {
padding-bottom:10px;
}

.pics{  
display:block;
height:150px; 
padding:0 10px 25px 10px;
}

.review {
padding-bottom:20px;     
}

.review_text { 
color:#333;
}
.review_text a {
color:#333;
}

.review_author {
color:#333;
padding-left:50px;
}

.review_author_name {
font-weight:bold;
font-style:italic;
}

#masthead {
position:absolute;
background:url('/img/elements/masthead.png');
background-repeat:no-repeat;
background-position:top left;
width:951px;
height:163px;
margin:40px 0 0 33px;
}

.signup_inputText {
display:block;
color:#666;
width:122px;
height:20px;
border:none;
background:url('/img/elements/signup_inputText.png');
background-repeat:no-repeat;
background-position:top left;
padding:0 0 5px 5px;
}

#signup_inputEmail {
color:#000;
}

.signup_inputRadio {
width:14px;
height:13px;
border:none;
background:url('/img/elements/signup_inputRadio.png');
}

.radio_align {
vertical-align:middle;
}

#SignupFriend0, #SignupFriend1 {
color:#999;
}

#signup_sign {
float:left;
position:relative;
padding-right:45px;
}


#signup_submit {
margin:15px 0 0 135px;
}


#signup_close {
float:right;
margin:-15px 15px 0 0;
}


#signup_tell {
float:none;
}

#signup_thanks {
margin:40px 0 0 100px;
}

#topNav_signup_form #form_content {
padding:15px 0 0 15px;
}

#signup_signtell {
/*margin:-3px 0 0 5px;*/
margin: -32px 0 0 5px;
}

#SignupFormAdd {
padding:0;
margin:0;
}


/* ----------MAP---------- */
#map_container {
width:478px;
height:827px;
background:url('/img/about/meet/map.png');
background-repeat:no-repeat;
background-position:top left;
}

#map_container a {
/* color:#fff; dev*/
text-align:center;
text-decoration:none;
}

#map_container a:hover {
text-decoration:none; 
}

.mapbutton {
color:#F0F;
font-weight:bold;
display:block;
position:relative;
width:15px;
height:15px;
}

#map_window {
position:absolute;
width:376px;
height:561px;
/* background:url('/img/about/meet/video_window.png');
background-repeat:no-repeat;
background-position:top left;*/
margin-left:51px;
margin-top:50px;
}

#map_window_content, #map_window_loading {
overflow:auto; /* for height */
background:url('/img/about/meet/map_window_loading.gif');
background-repeat:no-repeat;
background-position:top center;
}

#map_window_loading {
height:500px;
}

#map_window_top {
background:url('/img/about/meet/map_window_top.png');
background-repeat:no-repeat;
background-position:top left;
}

#map_window_mid, #mapbox_previousnext {
background:url('/img/about/meet/map_window_mid.png');
background-repeat:repeat-y;
background-position:top left;
overflow:auto; /* for height */
}

#map_window_btm {
background:url('/img/about/meet/map_window_btm.png');
background-repeat:no-repeat;
background-position:bottom left;
width:376px;
height:39px;
}

#mapvideo {
padding:10px 0 0 26px;
}

#mapclose {
padding:10px 0 0 290px;
}

#mapbox {
margin:15px 0 0 25px;
}

#mapbox_top {
background:url('/img/about/meet/mapbox_top.png');
background-repeat:no-repeat;
background-position:top left;
padding:10px 0 0 15px;
}

#mapbox_mid {
background:url('/img/about/meet/mapbox_mid.png');
background-repeat:repeat-y;
background-position:top left;
overflow:auto; /* for height */
}

#where, #address, #who, #body {
padding:0 40px 0 15px;
}

#where {
font-size:110%;
color:#669966;
padding-top:5px;
}

#address {
font-size:80%;
padding-top:3px;
}

#who {
color:#000;
font-style:italic;
padding-bottom:5px;
}

#mapbox_btm {
background:url('/img/about/meet/mapbox_btm.png');
background-repeat:no-repeat;
background-position:bottom left;
}

#mapbox_divider {
padding:10px 0 5px 10px;
}

#mapbox_previousnext {
padding:20px 0 0 0;
}

#previous {
float:left;
margin:0 0 0 28px;
}

#next {
float:right;
margin:0 33px 5px 0;
}

/* ----------MAP END---------- */

/* --- DISPLAY CODE */

/* JS:adding CODE captions */
pre {
display:block;
margin:2em 0;
white-space:pre;
overflow:auto;
width:500px;
line-height:1.4;
border:1px solid #ccc;
background:#ece9d8;
padding:8px;
word-wrap:break-word;
}

/* JS:adding CODE captions */
pre.JS {
margin-top:0;
}
.JScodeCaption {
margin-top:2em;
color:#999;
font:.9em "Verdana", sans-serif;
padding-bottom:.2em;
}

.pressPhoto {
padding:10px 10px 10px 0;
overflow:auto;
}    

.pool, .playlist_video {
overflow:auto;
} 

.flickr_group{
display:inline-block; 
} 

.pool_image {
/*border:1px solid #000;*/ 
float:left; 
padding:0 0 10px 0;
width:107px;
height:106px;
}


.bottom15 {
padding-bottom:15px;
} 

.press_highlight {
padding:30px 10px 30px 10px;
border:1px dashed #FF0;
background-color:#FFFFB9;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.pressPaperclip {
vertical-align:bottom;
}

.pressThumb {
float:left;
padding-right:10px;
} 

.pressThumbTextAttachment {
font-size:90%;
}

#OutreachPlan > ul {
list-style:decimal outside none;
}

#OutreachPlan > ul > li {
padding-bottom:1em;
}

.friends_country {
font-weight:bold;
}

.friends_state {
display:block;
background-color:#ccff99;
font-weight:bold;
margin:10px 0 10px 20px;
}

.friends_friend {
margin-left:35px;
padding:0px 0px 0px 0;
overflow:auto;
}

.friends_name {
font-weight:bold;
color:#000;
}

.friends_name a {
font-weight:bold;
color:#000;
}

.friends_mission {
padding-bottom:10px;
}

#becomeThanks {
padding:50px 0 50px 0;
}

.shop_item, .shop_item_last {
width:100%;
display:inline-block;
}

.shop_item{
padding-bottom:10px; 
}

.shop_left{
float:left; 
width:230px;
}

.shop_right{
margin-left:230px;
} 
  
.shop_title{
font-weight:bold;
}

.shop_right ul{ 
margin:0; 
padding:0;
list-style:none outside none;
font-style:italic; 
} 

.shop_right ul .price{
padding-top:10px;
font-style:normal;
font-weight:bold;
} 

.shop_right input[name=submit]{
display:block;
padding-top:5px;
}

.shop_note{
padding-top:10px;
color:#999; 
font-size:90%;
} 

.shop_temp{
border:1px solid #000;
background-color:#ccc;
width:190px;
height:200px;
text-align:center;
color:#000;
} 

#paging p, div[class=disabled] {
display:inline;
}

.paging a{ 
border-bottom:1px dotted #666; 
}

.paging a:hover{
text-decoration:none;
border:none;  
}