/*
Theme Name: Vinfen
Theme URI: http://www.vinfen.org
Description: Custom Wordpress theme for Vinfen.org
Author: Emily Dunkle + Tom Gill + Eddie Kennedy

*/

/********** CSS for Vinfen.org  **********/

/***** Site-Wide Styles *****/
body{background-color:#e9e3c2;}
#container{width:960px; margin:0 auto; background-color:#ffffff; padding:0 0 20px 0; position:relative;}
.clear{clear:both;}
em{font-weight:bold;}
a.slideshowlink{display:none;}
a.car-toggler{display:none;}
ul.car-monthlisting li span{display:none;}

/***** Main Nav Styles *****/
#nav_bar{width:960px; margin:0 auto; background-color:#06585f; position:relative; z-index:100;}
#nav, #nav ul {padding:0; margin:0; list-style:none;}
#nav a {display:block; width:130px; background-color:#06585f; padding:10px 0; font:18px georgia; color:#ffffff; text-transform:lowercase; text-align:center; text-decoration:none;}
#nav a:hover {background-color:#1e7d85;}
#nav li {float:left;}
#nav li ul {position:absolute; width:10em; left:-999em; border-left:1px solid #e9e3c2; border-right:1px solid #e9e3c2; border-bottom:1px solid #e9e3c2; width:225px;}
#nav li ul li{border-top:#e9e3c2 1px solid; width:100%;}
#nav li ul li a{background-color:#ffffff; font:14px georgia; color:#06585f; text-align:left; padding:5px 0 5px 10px; width:215px;}
#nav li ul li a:hover{background-color:#e9e3c2;}
#nav li:hover ul {left:auto;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li a span.nav_sub_text{font:12px georgia; color:#c7af61; font-style:italic; display:block; margin:-2px 0 0 0;}
/* Hide Third Level Nav */
#nav li ul li ul{display:none;}

/***** Search Box Styles *****/
#nav_bar form{float:right; position:relative; top:15px; right:20px;}
#search_box{font:11px georgia; font-style:italic; border:none; padding:3px; width:85px;}
#search_button{font:bold 11px georgia; font-style:italic; background-color:#6e878f; border:none; cursor:pointer; padding:2px 3px;}

/***** Banner Styles *****/
#banner{background:url(img/homepage_images/photo1.jpg) no-repeat; height:404px; padding:0 0 0 557px; clear:both;}
#banner_right{background:url(img/banner_right_bg_art.jpg) no-repeat;  height:300px; padding:62px 0 0 0;}
#logo_action{height:181px; background:url(img/logo_action_bg.jpg) no-repeat; background-color:#0a5d64;}
#banner h1{background:url(img/vinfen_logo.png) no-repeat; width:240px; height:85px; text-indent:-5000px; float:left; position:relative; top:40px; margin:0 0 0 -58px;}
/*Button Styles*/
#banner ul{position:relative; top:30px; margin:0 0 0 263px;}
#banner ul li{margin:0 0 10px 0;}
#banner a.banner_button{display:block; text-indent:-5000px;}
#careers_button{width:120px; height:28px; background:url(img/buttons_sprite.jpg) no-repeat; display:block; text-indent:-5000px;}
#careers_button:hover{background-position:0 -28px;}
#get_involved_button{width:120px; height:28px; background:url(img/buttons_sprite.jpg) no-repeat; background-position:-120px 0; display:block; text-indent:-5000px;}
#get_involved_button:hover{background-position:-120px -28px;}
#donate_button{width:120px; height:28px; background:url(img/buttons_sprite.jpg) no-repeat; background-position:-240px 0; display:block; text-indent:-5000px;}
#donate_button:hover{background-position:-240px -28px;}
/*Gold Gradient Styles*/
#vinfen_overview{background:url(img/gold_gradient.jpg) repeat-x; height:130px; padding:30px 0 0 30px;}
#vinfen_overview p{background:url(img/vinfen_overview.png) no-repeat; width:342px; height:100px; text-indent:-5000px; }

/***** Main Content Styles *****/
#content{background:url(img/orange_bar.png) no-repeat; margin:-30px 0 0 0;}
#content h2{margin:0 0 30px 0;}
#content h3{font:bold 15px arial; color:#02575f; margin:0 0 5px 0;}
#content h3 a{font:bold 15px arial; color:#02575f; margin:0 0 5px 0; text-decoration:none;}
#content p{font:11px arial; color:#444444; line-height:15px;}
#content p.date{font:bold 11px arial; color:#818284; margin:0 0 10px 0;}
#content a.more-link{font:11px arial; text-decoration:none; color:#eb8a21; margin:0 0 20px 0; display:block;}
/*News Styles*/
#news_column{float:left; width:280px; margin:22px 0 0 0; padding:0 20px 30px 20px;}
#news_column h2{background:url(img/news_heading.png) no-repeat; width:77px; height:18px; text-indent:-5000px;}
#news_column img{float:left; margin:0 0 10px 0;}
#more_news{background:url(img/more_news.png) no-repeat; width:166px; height:39px; display:block; text-indent:-5000px;}
#subscribe{background:url(img/subscribe.png) no-repeat; width:166px; height:39px; display:block; text-indent:-5000px;}
/*Right Column Styles*/
#right_column{width:640px; float:right; margin:22px 0 0 0;}
#right_column img.events_img{width:75px; height:75px; background-color:#dddddd; display:block; float:left; margin:0 10px 0 0;}
#right_column img{float:left; margin:0 10px 10px 0;}
#right_column p.events_p{}
/*Events Styles*/
#events_box{width:300px; min-height:200px; float:left; margin:0 0 20px 0; padding:0 20px 0 0;}
#events_box h2{background:url(img/events_heading.png) no-repeat; width:106px; height:18px; text-indent:-5000px;}
#event_signup{background:url(img/event_moreinfo.png) no-repeat; width:114px; height:37px; display:block; text-indent:-5000px; float:left;}
#film_box{width:300px; min-height:200px; float:left; margin:0 0 20px 0; padding:0 20px 0 0;}
#film_box h2{background:url(img/film_heading.png) no-repeat; width:80px; height:17px; text-indent:-5000px;}
#film_fest{background:url(img/film_fest_moreinfo.png) no-repeat; width:114px; height:37px; display:block; text-indent:-5000px; xfloat:left; margin:10px 0 0 85px;}
/*About Box Styles*/
#about_vinfen{clear:both; padding:20px; border:1px solid #e0d180; border-right:none; margin:0 0 30px 0;}
#about_vinfen p{font:14px arial; color:#95ac58; margin:0 0 20px 0;}
#vinfen_hrc{background:url(img/vinfen_hrc.png) no-repeat; width:165px; height:38px; display:block; text-indent:-5000px; float:left;}

/***** Footer Styles *****/
#footer{padding:20px 20px 0 20px; clear:both;}
#footer ul{margin:0 auto 0 auto; width:750px;}
#footer ul li{float:left; border-left:1px solid #64989d; padding:0 10px;}
#footer ul li.page-item-3{border:none;}
#footer ul li a{font:bold 11px arial; color:#64989d; text-decoration:none; position:relative; top:-2px;}
#footer p.footer_info{font:11px arial; color:#64989d; text-align:center; clear:both; margin:0 0 5px 0; position:relative; top:-5px; padding-top:5px}
#social_networking{font:10px arial; color:#64989d; float:right;}
#social_networking a#facebook{display:block; background:url(img/facebook_icon.png) no-repeat; width:23px; height:22px; text-indent:-5000px;}

/***** Inner Page Styles *****/
body.inner #banner{background:none; height:auto; padding:0 20px; position:relative; z-index:50;}
body.inner #banner h1{background:url(img/vinfen_logo_green.png) no-repeat; width:163px; height:57px; text-indent:-5000px; float:left; position:relative; top:30px; left:0; margin:0 30px 0 0;}
body.inner #banner h2{font:20px arial; color:#ee8d21; border-left:3px solid #97ae5b; padding:30px 0 30px 30px; float:left; position:relative; top:20px;}
body.inner #banner ul{position:static; margin:10px 0 10px 0; float:right;}
body.inner #banner a.return_home{text-decoration:none; font: 11px arial; color:#96AD59; position:relative; top:-20px;}
body.inner #content{background:none; margin:0 0 20px 0;}
body.inner #content p{font:12px arial;}
body.inner #content #left_column{float:left; width:336px; margin:0 0 0 20px;}
body.inner #content #right_column{float:left; width:564px; margin:0 0 0 20px; padding:0 20px 0 0;}
body.inner #content #right_column p{margin:0 0 10px 0;}
body.inner #content #right_column img.content_quote{margin:0 0 0 20px; padding:10px 0 20px 0;}
body.inner #content h4{font:bold 13px arial; color:#02575f; margin:25px 0 10px 0; border-bottom:1px solid #abc5c6;}
body.inner #content ul{font:12px arial; color:#444444;}
body.inner #content a{color:#96ad59;}

/***** Services Page Styles *****/
body#services #banner_message{height:59px; background:url(img/banners/services_banner.jpg) no-repeat; background-position:right; background-color:#abc5c6; clear:both; margin:0 0 20px 0;}

/***** About Page Styles *****/
body#about #banner_message{height:59px; background:url(img/banners/about_banner.jpg) no-repeat; background-position:right; background-color:#ed8c22; clear:both; margin:0 0 20px 0;}

/***** News & Events Page Styles *****/
body#newsevents #banner_message{height:59px; background:url(img/banners/newsevents_banner.jpg) no-repeat; background-position:right; background-color:#f2ca5f; clear:both; margin:0 0 20px 0;}
body#newsevents #news_events_content{background:url(img/newsevents_bg.jpg) repeat-y; background-position:20px 0; margin:0;}
body#newsevents #news_events_content #left_column{float:left; margin:0 0 0 20px; width:410px; padding:20px;}

body#newsevents #content #left_column_news{float:left; margin:0 0 0 20px; width:336px; height:465px; background:#f2ca5f;}
body#newsevents #content #left_column_events{float:left; margin:0 0 0 20px; width:336; height:465px; background:#f2ca5f;}

body#newsevents #news_events_content #right_column{width:410px; float:left; margin:0 0 0 20px; padding:20px;}
body#newsevents #news_events_content #right_column #slideshow{width:400px; height:220px;}
body#newsevents #news_events_content h3{font:26px georgia; margin:0;}
body#newsevents #news_events_content h4{ margin:0;}
body#newsevents #newsletter_signup_form label.error{float:none; margin:0 0 0 5px; color:red; width:120px;}
body#newsevents #container #content #right_column .single_post form#events_signup p label.error{float:none; margin:0 0 0 5px; color:red;}
body#newsevents #photo_gallery_holder{ margin:0 0 0 20px;}
body#newsevents #photo_gallery_holder img{ margin:0 15px 20px 0; border:1px solid #cccccc;}
body#newsevents #container #content #right_column form#filmfest_signup_form p label.error{float:none; margin:0 0 0 5px; color:red; width:120px;}

/***** Careers Page Styles *****/
body#careers #banner_message{height:59px; background:url(img/banners/careers_banner.jpg) no-repeat; background-position:right; background-color:#97ae5b; clear:both; margin:0 0 20px 0;}
body.inner #content #right_column #careers_links li.first_link{border:none; padding:0 20px 0 0;}
body.inner #content #right_column #careers_links{margin:0 0 30px 0;}
body.inner #content #right_column #careers_links li{float:left; border-left:1px solid #ee8d21; padding:0 20px;}
body.inner #content #right_column #careers_links li a{font:bold 16px arial; color:#ee8d21; text-decoration:none;}

/***** Resources Page Styles *****/
body#resources #banner_message{height:59px; background:url(img/banners/resources_banner.jpg) no-repeat; background-position:right; background-color:#05585f; clear:both; margin:0 0 20px 0;}
body#resources #left_column .annual_report{background:#f5f1d7; height:150px; padding:0 0 0 30px; margin:0 0 20px 0;}
body#resources #left_column .annual_report img.ar_image{float:left; width:116px;}
body#resources #left_column .annual_report .annual_report_info{float:left; margin:20px 0 0 20px;}
body#resources #left_column .annual_report .annual_report_info p.ar_date{font:bold 18px georgia; color:#87a146; margin:0 0 10px 0;}
body#resources #left_column .annual_report a.annual_report_download{background:url(img/annual_reports/download_pdf.png) no-repeat; width:53px; height:26px; display:block; padding:10px 0 0 60px; font:12px arial; color:#6c6e6f; text-decoration:none; margin:20px 0 0 0;}

/***** Contact Page Styles *****/
body#contact #banner_message{height:59px; background:url(img/banners/contact_banner.jpg) no-repeat; background-position:right; background-color:#cadadb; clear:both; margin:0 0 20px 0;}
body#contact #contact_form label.error{float:none; margin:0 0 0 5px; color:red; width:120px;}

/***** Donations Page Styles *****/
body#donate #banner_message{height:59px; background:url(img/banners/donation_banner.jpg) no-repeat; background-position:right; background-color:#acc6c5; clear:both; margin:0 0 20px 0;}

/***** Volunteer Page Styles *****/
body#volunteer #banner_message{height:59px; background:url(img/banners/volunteer_banner.jpg) no-repeat; background-position:right; background-color:#165961; clear:both; margin:0 0 20px 0;}