/* @override http://kitchenforthepoor.org/css/site.css */

@charset "UTF-8";
/*------------------------------------------------------------------------
* Filename:					site.css
* Description:				Basic skin CSS
* Version:					1.0.0 (2009-02-20)
* Website:					http://kitchenforthepoor.org
* Author:					MBraun

== STRUCTURE & INDEX ===================================================

* Page width:				960px

* Anchors:
__reset						Reset default browser styles
__bodyAndHtml				Basic style for body and html
__header					Header definitions
__logo						Logo related
__icons						Icon related (Word, Excel, PDF, etc)
__mainNav					Main navigation
	__aboutUsNav			About Us navigation
	__contactUsNav			Contact Us navigation
	__pressNav				Press navigation
	__resourcesNav			Resources navigation
	__solutionsNav			Solutions navigation
	__supportNav			Support navigation
__search					Search related
__linksAndButtons			Links and buttons
__lists						Lists
__textAndHeadings			Text and Headings
	__mainHeadings			Main headings
	__subHeadings			Sub headings
	__sidebar				Sidebar
__form						Form
__footer					Footer definitions
__templateMaps				Template maps related style
__selectionGrids			Selection grids
__pageAndSectionSpecific	Page and section specific style


------------------------------------------------------------------------*/

/* __reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.replaced {	display:block;height: 0 !important;overflow:hidden; }
/* __bodyAndHtml */
html, body {
	font:13px/1.5 "helvetica neue", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding:0;
}
body {
background: #efedde;
}

/* __linksAndButtons */
a { color: #adc32b;text-decoration: none;}
a:hover { text-decoration: underline;}
a:focus{outline:1px #999 dotted;}

#content .breadcrumb a {
	color: #666;
}

/* __lists */
ul.link_list {
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
}
ul.link_list li {
	padding: 0;
	margin: 10px 0;
}
#content form {
background: #f7f7f3;
border: none;
padding: 20px;
}
form#paypal_donate {
padding: 0;
background-color: transparent;
height: 50px;
}
/* __textAndHeadings */
p, ul, ol, fieldset {
	margin: 0; padding: 0;
}
form, fieldset {
border: none;
}
ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}
h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}
h1 {
	font-family: "helvetica neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}
h2 {
	padding: 10px 0 0;
	margin: 0 0 5px 0;
}
#primary_content h2 {
	margin: 0 0 10px 0;
}
h3 {
	margin: 0 0 10px 0;
}
h4 {
	margin: 0 0 4px 0;
}
#primary_content {
	padding-bottom: 20px;
}
#page_wrap {
background: transparent url(/img/bg/pagewrap.gif) repeat-y 50px 0;
}
/* __mainHeadings */


/* __subHeadings */


/* __header */
#header {
position: relative;
height: 200px;
}
#header .nav {
clear: both;
background: url(/img/bg/nav_bkgrd.gif) no-repeat 0 0;
height: 50px;
top: 130px;
position: absolute;
left: 0;
}
#header ul, #header ul li {
list-style: none;
padding: 0; margin: 0;
}
#header ul {
padding-top: 8px;
}
#header ul li {
background: url(/img/bg/nav_item_lt.gif) no-repeat 0 0;
float: left;
line-height: 33px;
height: 33px;
margin-left: 8px;
}
#header ul li a {
display: block;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
line-height: 33px;
height: 33px;
padding: 0 10px;
background: url(/img/bg/nav_item_rt.gif) no-repeat right top;
color:  #585300;
_float: left;
}
#header ul li a:hover {
color: #222;
text-decoration: none;
}
#main_logo {
position: absolute;
top: 29px;
left: 0px;
	width: 200px;
}
#header .logo {
	display:block;height: 0 !important;overflow:hidden;
	background: transparent url('../img/kfp_logo.gif') no-repeat top left;
	height /* */: 107px; /* False value for IE4-5.x/Win. */
	padding:107px 0 0 0;
	width: 250px;
}
#give_btn {
display: block;
position: absolute;
right: 13px;
top: 27px;
width: 158px;
height: 133px;
z-index: 2;
outline: none;
}
#give_btn form {
height: 133px;
width: 158px;
padding:0;
margin:0;
}
#billboard {
height: 289px;
width: 780px;
padding-bottom: 18px;
}
#tagline h2 {
color: #222;
font-size: 1.6em;
margin-top: 1em;
margin-bottom: 1.0em;
text-transform: uppercase;
letter-spacing: -1px;
margin: 0;
padding: 10px 0;
}
#content {

}
#content .primary {
background: url(/img/bg/primary_dots.gif) repeat-y right;
padding-right: 20px;
width: 530px; 
}
#content .secondary {
padding-top: 7px;
margin-right: 0;
float: right;
width: 215px;
}
.subpage img.banner {
margin-bottom: 14px;
}
.subpage .primary h2 {
color: #efb324;
font-size: 1.6em;
margin-top: .5em;
margin-bottom: 1.0em;
text-transform: uppercase;
letter-spacing: -1px;
}
.primary h3 {
color: #222;
font-size: 1.4em;
margin: 0 0 .5em;
}
div.preamble {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 15px 0;
margin-bottom: 20px;
}
div.preamble p {
color: #c0c51d;
font-size: 1.7em;
line-height: 1.4em;
margin-bottom: 0em;
}
.primary p {
line-height: 1.7em;
margin-bottom: .8em;
}
#badges {
padding-bottom: 10px;
}
#badges .badge {
background: #585300 url(/img/bg/badge_grn_tp.gif) no-repeat top;
width: 260px;
color: #fff;
}
#badges .badge_inner {
background:  url(/img/bg/badge_grn_bt.gif) no-repeat bottom;
min-height: 170px;
_height: 180px;
padding: 15px 20px 75px;
position: relative;
}
#home a#bdg_btn_vol,
#home a#bdg_btn_help {
margin-left: 0;
position: absolute;
bottom: 20px;
left: 20px;
}
#badges .omega {
background: transparent url(/img/bg/primary_dots.gif) repeat-y left;
width: 230px;
color: #666;
}
#badges .omega .badge_inner {
background: transparent;
}
#badges .omega h3 {
color: #222;
margin: 0 0 4px;
}
.badge h3, .badge h4, .badge p, .badge ul {
padding: 0 0;
margin:0 0 .7em;
}
#badges .omega h4 {
color: #a3be05;
margin: 0 0 4px;
}
#footer_call {
color: #585300;
}
#footer_call h3 {
font-size: 1.4em;
}
.subpage #footer_call h3 {
padding-top: 20px;
}
#footer_call em {
font-style: normal;
color: #222;
}


/* __footer */
#footer {
background: url(/img/bg/footer.gif) no-repeat 0 0;
padding-bottom: 25px;
font-size: .95em;
color: #585300;
}
#footer a {
color: #fff;
}
#footer p.nav {
padding: 8px 0 2px 14px;
font-weight: bold;
}
#footer .separator {
color: #acb03d;
padding: 0 2px;
}

#footer p.copyright {
padding: 0px 0 8px 14px;
}

#stay_in_touch {
background: url(/img/bg/badge_stayintouch.jpg) no-repeat 0 0;
height: 215px;
width: 215px;
}
#stay_in_touch h3 {
text-indent: -9000px;
position: absolute;
}
#stay_in_touch form,
#stay_in_touch fieldset {
background: transparent;
padding: 0; margin: 0;
}
#stay_in_touch form {
padding-top: 109px;
padding-left: 6px;
}
.textfield {
color: #888;
font-weight: bold;
line-height: 1;
padding: 5px 3px;
width: 192px;
margin-bottom: 7px;
}
#stay_in_touch .textfield {
margin: 0 auto 5px;
}
#get_help .primary #freeform {
margin-top: 2em;
}
#get_help .primary #freeform p {
margin-bottom: 1em;
}
.form_container input.textfield {
padding: 5px 3px;
}
.form_container th {
text-align: left;
}
#content .form_container td {
padding-left: 0;
}
.form_container textarea {
width: 100%;
height: 120px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
color: #888;
font-weight: bold;
line-height: 1;
padding: 5px 3px;
}
#btn_vol {
background: url(/img/btn/volunteer.gif) no-repeat 0 0;
width: 215px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
margin-bottom: 5px;
}
#btn_vol:hover {
text-decoration: none;
}
#bdg_btn_vol {
background: url(/img/btn/badge_btn_left.gif) no-repeat 0 0;
width: 215px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
margin-top: 5px;
margin-left: 5px;
}
#bdg_btn_vol:hover {
text-decoration: none;
color: #222;
}
#bdg_btn_help {
background: url(/img/btn/badge_btn_right.gif) no-repeat 0 0;
width: 215px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
margin-top: 40px;
margin-left: 5px;
}
#bdg_btn_help:hover {
text-decoration: none;
color: #222;
}
#btn_donate {
background: url(/img/btn/donate.gif) no-repeat 0 0;
width: 215px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
#btn_donate:hover {
text-decoration: none;
color: #222;
}
.error {
	color: #CC0000;
}