/*
Theme Name: El Dorado County Food Bank
Theme URI: http://edcfoodbank.com
Description: El Dorado County Food Bank Template
Tags: foodbank, non-profit
Author: Placerville Design
Author URI: http://placervilledesign.com
*/

p, h1, h2, h3, h4, h5, h6 {
margin : 10px 0;
padding : 0;
}
b {
color : #d78420;
}
h1 {
font-size : 190%;
}
h2 {
font-size : 160%;
}
h3 {
font-size : 120%;
}
h4 {
font-size : 110%;
}
h5 {
font-size : 100%;
}
h6 {
font-size : 70%;
}
a {
color : #d78420;
text-decoration : none;
}
a:hover {
color : #ff9d26;
text-decoration : underline;
}
a img {
border : 0;
}
.clear {
clear : both;
}
body {
background: #D2FC9A url('images/bg.jpg') no-repeat top center;
font-family : Helvetica, Arial, sans-serif;
font-size : 14px;
line-height : 16px;
font-style : normal;
color : #292929;
}

#wrapper {
position : relative;
width : 900px;
margin : 0 auto;
z-index: 2;
}

#nav {
position: relative;
margin : 0 auto;
width: 900px;
border-bottom: 2px solid #F2B655;
z-index: 8000;
}

#nav ul.topnav {
	background : #2F90C4 url('images/Food-Dude.png') no-repeat left center;
	padding : 10px 10px 10px 50px;
	zoom : 1;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a {
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover {
}
ul.topnav li span {/*--Drop down trigger styles--*/
	width: 17px;
height: 35px;
float: left;
background: url('images/subnav_btn.gif') no-repeat center top;
}
ul.topnav li span.subhover {
background-position: center bottom;
cursor: pointer;
}
/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
top: 35px;
background: #D2FC9A;
margin: 0;
padding: 0;
display: none;
float: left;
width: 170px;
border: 1px solid #111;
z-index: 7000;
}
ul.topnav li ul.subnav li {
margin: 0;
padding: 0;
border-top: 1px solid #f8cc99; /*--Create bevel effect--*/
	border-bottom: 1px solid #5b4b39; /*--Create bevel effect--*/
	clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
color: #000;
float: left;
width: 145px;
background: #D2FC9A url('images/dropdown_linkbg.gif') no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {/*--Hover effect for subnav links--*/
	background: #A9FC9A url('images/dropdown_linkbg.gif') no-repeat 10px center;
color: #3e301e;
}

img.nav_bg {
margin: 0 auto;
}


#logo {
position : relative;
height : 80px;
background: url('images/slogan.png') no-repeat center right;
}
#logo img.food_bank_logo {
margin-left : 35px;
}
#logo img.wheelbarrel {
position : absolute;
bottom : 10px;
z-index : 6000;
}
body.condensed #header {
position : relative;
background : #e7efc5 url('images/rotate/rotator.php') no-repeat center bottom;
height : 300px;
}
body.condensed #header #transparent_header_bg {
display: none;
}
body.condensed #header #header_right .mission .absolute {
display: none;
}
#header {
position : relative;
background : #e7efc5 url('images/header_bg.jpg') no-repeat center bottom;
width : 900px;
height : 425px;
}
#header #transparent_header_bg {
position : absolute;
width : 910px;
height : 311px;
top : 55px;
left : -5px;
background : url('images/transparent_header_bg.png') no-repeat center top;
}
#header img.welcome {
position : absolute;
top : 10px;
left : -20px;
z-index : 6000;
}

body.condensed #header img.welcome {
display: none;
}

#header #header_right {
position : relative;
width : 335px;
float : right;
margin : 15px 15px 15px 0;
}
#header #header_right .quicklinks {
display : block;
height : 65px;
margin : 55px 0 15px 0;
}

/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
z-index: 6000;
}

ul.dock-container-ie {
margin: 8px 0 0 35px;
}

ul.dock-container-ie li {
display: inline;
width: 45px;
height: 45px;
margin: 5px 5px 0px 0px;
}

a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}

#header #header_right .mission {
position : relative;
width : 322px;
display : block;
}
#header #header_right .mission .absolute {
position : absolute;
top: 15px;
left: -25px;
width : 322px;
z-index: 5000;
}
.mission .absolute .top {
width : 322px;
height : 30px;
background : url('images/mission_top.png') no-repeat right bottom;
}



.mission .absolute .content {
position: relative;
margin: 0;
padding: 0;
width : 322px;
background : url('images/mission_content.png') repeat-y top right;
}

.mission .absolute .content img {
position: absolute;
top: -25px;
color : #d78420;
margin-left: 60px;
z-index: 6000;
}

.mission .absolute .content p {
padding : 10px 15px 0px 60px;
margin : 0;
}

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

#hunger_bites li {
	padding : 20px 15px 0px 60px;
	margin : 0;
list-style: none;
}
#hunger_bites span {
color: #d78420;
font-size: .6em;
}
#hunger_bites {
font-size: 16px;
line-height: 120%;
}
#hunger_bites li {
display: none; /* hide the items at first only */
}

.mission .absolute .bottom {
width : 322px;
height : 22px;
background : url('images/mission_bottom.png') no-repeat right top;
}



#header #header_left {
position : relative;
float : right;
width : 480px;
margin-top : 45px;
}
#header_left #gallery {
position : relative;
margin-top: 2px;
height : 320px;
}
#gallery a {
float : left;
position : absolute;
}
#gallery a img {
border : none;
}
#gallery a.show {
z-index : 500;
}
#gallery .caption {
z-index: 600;
background-color: #fff;
color: #000;
width: 100%;
position: absolute;
}

#gallery .caption .gallery_content {
margin: 5px
}
	
#gallery .caption .gallery_content h3 {
margin: 0 5px 0 5px;
padding: 0;
color: #000;
}
#header #header_left #bottom_container {
width: 490px;
margin-top: 10px;
}

#header #header_left #bottom_container ul li {
display: inline;
}



#header #header_left img.frame {
position : absolute;
top: -3px;
left : -10px;
z-index : 2000;
}

#_left {
width: 493px;
margin-top: 35px;
}

#_left .video_header {
width: 493px;
height: 41px;
background: url('images/video_header.png') no-repeat bottom;
}

#_left .video_header .video_arrow {
position: absolute;
width: 132px;
height: 79px;
left: -132px;
background: url('images/video_arrow.png') no-repeat bottom;
}

#_left #youtube {
width: 493px;
height: 398px;
padding: 0 0 0 10px;
background: #3e301e url('images/video_border.png') no-repeat bottom left;
}

#content {
position : relative;
background-color : #fff;
}



#sidebar {
	position : relative;
	display : inline;
	float : right;
	width : 260px;
	padding-top: 45px;
	margin : 15px 15px 15px 0;
	background : url('images/sidebar.png') no-repeat center top;
	color: #fff;
}
#sidebar a {
	color: #fff;
}

#sidebar ul.social_networks {
width: 220px;
margin: 0 auto;
padding: 0;
}
#sidebar ul.social_networks li {
display : inline;
margin-right : 2px;
}

/* IE6 Mod ~ Float so it doesnt distort sidebar */
#sidebar .mailing_list {
position: relative;
display: block;
height: 84px;
margin-top: 15px;
}

#sidebar .mailing_list img {
position: absolute;
top: 0;
left: 15px;
}

.sidebar_bottom {
position: absolute;
width: 260px;
height: 20px;
background : url('images/sidebar_bottom.png') no-repeat top;
}
#sidebar #rss {
position : absolute;
top : -45px;
width : 163px;
height : 83px;
background : url('images/rss.png') no-repeat top;
}
#sidebar #rss a {
display : block;
width : 163px;
height : 83px;
}
#sidebar ul {
margin : 15px 15px 15px 25px;
}

/* Widgets */
.menu ul li.widget h2 {
font-size : 160%;
padding : 0 0 3px 4px;
margin : 0 0 3px 0;
border-bottom : 1px solid #c5ac85;
color : #fff;
font-weight : 100;
}
.menu ul li#wpng-calendar h3 {
display: none;
}

#wpng-calendar a {
	color: #fff;
}

.menu ul li.widget h3 {
font-size : 160%;
padding : 0 0 5px 4px;
margin : 0 0 3px 0;
border-bottom : 1px solid #c5ac85;
color : #fff;
font-weight : 100;
}
.menu ul li h3 a {
color : white;
font-weight : 800;
}
.menu ul li h3 a:hover {
color : #666;
text-decoration : none;
}

/* Mail Chimp Widget */

#mailchimp-widget {
}

#mc_signup_form {
float: left;
padding-bottom: .2em;
}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input {
float: left;
clear: both;
}
#mc_signup_form .mc_var_label {
margin-top: 3px;
}
#mc_signup_form legend {
margin: 0;
}
#mc-indicates-required {
float: left;
clear: both;
}
#mc_display_rewards {
clear: both;
}
#mc_interests_header {
font-weight: bold;
clear: both;
}
#mc_message {
color: #FF7F00;
}
div.mc_interest {
clear: both;
}
input.mc_interest {
float: left;
clear: left;
}
label.mc_interest_label {
float: left;
clear: right;
}
.mc_signup_submit {
text-align: center;
clear: both;
}

#mailchimp-widget h3 {
display: none;
}

#mailchimp-widget form {
margin: 0;
}

#mailchimp-widget form .button {
float: left;
width: 90px;
height: 40px;
border: none;
overflow: hidden;
background: url('images/subscribe.png') no-repeat center;
text-indent: -9999px;
display: block;
line-height: 0;
}




#left {
float : left;
display : inline;
width : 595px;
margin : 15px 0 15px 15px;
background-color : #fff;
}

#left h3 {
color: #879852;
border-bottom: 1px dotted #ccc;
clear: left;
}

.post {
margin : 10px 0 10px 0px;
padding : 0 5px 5px 5px;
}

.post h2 {
display: block;
color: #3e301e;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
border-bottom: 1px solid #F2B655;
}

.post h2 a {
color: #3e301e;
}

.post h2 a:hover {
text-decoration: none;
}
.post img.float_left {
float: left;
padding: 2px;
margin: 0 5px 5px 0;
border: 1px solid #ccc;
}

.post img.float_left_no_border {
float: left;
padding: 2px;
margin: 0 5px 5px 0;
}

.entry {
margin : 7px 0;
}
.postmetadata {
display: none;
font-size : 90%;
margin : 0;
border-top : 3px double #ccc;
}
.postmetadata p {
margin : 5px;
padding : 0;
}
.authormetadata {
background : url('images/hr.png') repeat-x bottom;
font-size : 90%;
margin : 0;
}

.authormetadata a {
background : #fff;
}
.authormetadata p {
padding : 0;
}
.commentlink {
background : #fff;
float : right;
}
.commentlink span {
display: none;
}
.nocomments {
display : none;
}
ol.commentlist {
list-style : none;
margin : 0;
padding : 0;
text-indent : 0;
}
ol.commentlist li {
border : 1px solid #cddec9;
height : 1%;
margin : 0 0 10px;
padding : 5px 7px 5px 57px;
position : relative;
}
ol.commentlist li div.comment-author {
padding : 0 160px 0 0;
}
ol.commentlist li div.vcard {
font : 800 12px/1.9 georgia, 'times new roman', serif;
}
ol.commentlist li div.vcard cite.fn {
font-style : normal;
}
ol.commentlist li div.vcard cite.fn a.url {
text-decoration : none;
}
ol.commentlist li div.vcard img.avatar {
border : 2px solid #eee;
top : 7px;
left : 7px;
position : absolute;
}
ol.commentlist li div.comment-meta {
font : 100 11px/1.9 georgia, 'times new roman', serif;
position : absolute;
top : 5px;
right : 10px;
text-align : right;
}
ol.commentlist li div.comment-meta a {
color : #333;
text-decoration : none;
}
ol.commentlist li p {
font : normal 12px/1.5 georgia, 'times new roman', serif;
margin : 0 0 1em;
}
ol.commentlist li ul {
font : normal 12px/1.4 georgia, 'times new roman', serif;
list-style : square;
margin : 0 0 1em;
padding : 0;
text-indent : 0;
}
ol.commentlist li div.reply {
color : #374c76;
font : bold 12px/1.4 georgia, 'times new roman', serif;
}
ol.commentlist li div.reply:hover {
color : black;
}
ol.commentlist li div.reply a {
text-decoration : none;
}
ol.commentlist li ul.children {
list-style : none;
margin : 1em 0 0;
text-indent : 0;
}
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {
margin : 0 0 0.25em;
}
ol.commentlist li.even {
background : #fff;
}
ol.commentlist li.odd {
background : #f3f7f2;
}
ol.commentlist li.pingback div.vcard {
padding : 0 160px 0 0;
}
#respond h3, h3#comments, h3#postcomment {
font-size : 105%;
font-family : georgia, 'times new roman', serif;
margin : 3px 0;
}
ol#commentlist {
padding : 0 0 0 20px;
font-size : 95%;
list-style-type : none;
}
ol#commentlist li {
padding : 0 3px;
margin : 0;
}
ol#commentlist li p.commentheader {
margin : 0 0 0 0;
display : block;
padding : 1px 5px;
}
ul#commentlist {
padding : 0;
margin : 0;
list-style-type : none;
}
ul#commentlist li {
display : block;
padding : 0;
margin : 0 15px 10px 15px;
font-size : 95%;
border-bottom : 2px solid #2b2b2b;
}
ul#commentlist p {
margin : 0 0 6px 0;
}
ul#commentlist li div.comm {
margin : 1px;
padding : 1px;
}
ul#commentlist li div.gravatar {
width : 50px;
float : left;
padding : 10px 0 0 10px;
}
ul#commentlist li div.gravatar img {
border : 2px solid #ccc;
}
ul#commentlist li div.commenttext {
padding : 0;
margin : 5px 10px 5px 65px;
}
ul#commentlist li div.commenttext div.commentwrapper {
margin : 0 0 0 5px;
padding : 3px 8px;
}


#footer {
position : relative;
clear : both;
margin : 10px 0 0 0;
text-align : center;
font-size : 90%;
background :#2F90C4;
border-top: 2px solid #F2B655;
}
#footer-inner {
position : relative;
padding : 15px;
color : #e7efc5;
}
#credit {
margin : 0 auto;
width : 900px;
text-align : right;
}
#credit p {
color : #2e2e2e;
font-size : 85%;
}
#credit p a, #credit p a:hover {
color : #2e2e2e;
font-weight : 100;
font-size : 85%;
}