/*
Theme Name: Foundation for Foster Children
Theme URI: http://foundationforfosterchildren.org/
Description: Wordpress theme for Foundation for Foster Children
Version: 1.0
Author: Domo
Author URI: http://okdomo.com/
*/

/*--------------------------------------*/
/* CSS Created by Domo - 2010 ----------*/
/* www.okdomo.com ----------------------*/
/*--------------------------------------*/

/*---------------------*/
/* General ------------*/
/*---------------------*/
* {margin: 0;padding: 0;}
body {
	background: url(images/bg_pattern.png) top left repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #4b4c27;
	padding: 0 0 20px 0;
}
a:focus {
  outline: none;
}
hr {display: none;}
img, fieldset {border: none;}
a:link, a:visited {
	color: #006ca7;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-decoration: none;
}
a:hover, a:active {color: #d47013;}
#container {
	background: url(images/bg_page.png) top left repeat-y;
	width: 975px;
	margin: 0 auto;
	overflow: hidden;
}
.btn {
	display: block;
	overflow: hidden;
	border: 0;
	cursor: pointer;
}
.btn:hover {
	background-position: bottom !important;
}
/*---------------------*/
/* Column -------------*/
/*---------------------*/
#column {
	float: left;
	display: inline;
	width: 210px;
}
#column h1 {
	background: url(images/ffc_logo.png) top left no-repeat;
	margin: 30px 0 0 0;
	width: 210px;
	height: 313px;
	padding: 65px 0 0 0;
}
#column h1 a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 210px;
	height: 235px;
}
#column .section {
	margin: 0 32px 0 32px;
}         
#column .section h4 {
	color: #006ca7;
	font-size: 12px;
	line-height: 18px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0px 5px;
}                       
#column .section p {
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 15px 5px;
}         
#column .section ul {
	list-style: none;
	list-style-position: outside;
}
#column .section ul a {
	width: 94px;
	height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
	padding: 5px 0 0 52px;
	margin: 0 0 5px 0;
}
#column .section .btnFacebook {
	background: url(images/btn_facebook.png) top left no-repeat;
	margin-top: 5px;
}
#column .section .btnTwitter {
	background: url(images/btn_twitter.png) top left no-repeat;
}                                         
#column .section .btnEmail {
	background: url(images/btn_email.png) top left no-repeat;
	margin-bottom: 15px;
}
/*---------------------*/
/* Nav ----------------*/
/*---------------------*/
#nav {
	list-style: none;
	list-style-position: outside;
	width: 750px;
	overflow: hidden;
	margin: 0 0 0 15px;
}                                
#nav li {
	float: left;
	display: inline;
}
#nav li a {
	float: left;
	display: inline;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 82px;        
}
#nav #navNews {          
	background: url(images/nav_news.png) top left no-repeat;
	width: 90px;
}
#nav #navAbout {
	background: url(images/nav_about.png) top left no-repeat;
	width: 83px;
}
#nav #navOutreach {
	background: url(images/nav_outreach.png) top left no-repeat;
	width: 109px;
}
#nav #navCommunity {
	background: url(images/nav_community.png) top left no-repeat;
	width: 120px;
}
#nav #navPrograms {
	background: url(images/nav_programs.png) top left no-repeat;
	width: 110px;
}
#nav #navGetInvolved {
	background: url(images/nav_get_involved.png) top left no-repeat;
	width: 132px;
}
#nav #navDonate {
	background: url(images/nav_donate.png) top left no-repeat;
	width: 106px;
}
#nav li a:hover,
#nav li.active a {
	background-position: bottom left !important;
}
/*---------------------*/
/* Hero ---------------*/
/*---------------------*/
#hero {
	margin: 0 0 0 20px;
	width: 740px;
}
#hero * {
	display: block;
	text-indent: -999em;
	overflow: hidden;	
}
#hero.home {
	background: url(images/hero_home.jpg) top left no-repeat;
	height: 300px;
}
#hero.about {
	background: url(images/hero_about.jpg) top left no-repeat;
	height: 160px;
}
#hero.programs {
	background: url(images/hero_programs.jpg) top left no-repeat;
	height: 160px;
}
#hero.getInvolved {
	background: url(images/hero_get_involved.jpg) top left no-repeat;
	height: 160px;
}
#hero.news {
	background: url(images/hero_news.jpg) top left no-repeat;
	height: 160px;
}
#hero.donate {
	background: url(images/hero_donate.jpg) top left no-repeat;
	height: 160px;
}
#hero.outreach {
	background: url(images/hero_outreach.jpg) top left no-repeat;
	height: 160px;
}             
#hero.community {
	background: url(images/hero_community.jpg) top left no-repeat;
	height: 160px;
}              
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main {
	float: right;
	display: inline;
	width: 765px;
}
/*---------------------*/
/* Content ------------*/
/*---------------------*/
#content {       
	width: 705px;      
	margin: 0 0 0 20px;
	background: url(images/bg_main_top.png) top left no-repeat;
	padding: 20px 15px 20px 20px;
	overflow: hidden;
}
#content.donate,
#content.news {
	background: url(images/bg_home_top.png) top left no-repeat;
}
#content.donate #sidebar {
	margin: 20px 0 0 0;
}       
#content.homeContent {
	background: url(images/bg_home_top.png) top left no-repeat;
	padding: 40px 15px 20px 20px;
}
#content.homeContent #body {
	margin-top: 0;
}
#content #body {
	float: left;
	display: inline;
	width: 470px;
	margin: 20px 0 30px 0;
}
#content #sidebar {
	float: right;
	display: inline;
	width: 217px;	
	margin: 0 1px 0 0;
}
#content #sidebar .section {
	width: 190px;
	margin: 0 0 25px 15px;
}
#content #body h3,
#content .home h3,
#content #form h3 {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #006ca7;
	margin: 0 0 10px 0;
	line-height: 20px;
}
#content .home {
	overflow: hidden;
	width: 705px;
}
#content p {
	line-height: 20px;
}
#content hr.div,
#content hr.searchDiv {
	border: 0;
	border-bottom: 1px dotted #cbc87d;
	width: 370px;
	display: block;
	text-align: left;
	color: #fff;
	background-color: #fff;
	height: 1px;
	font-size: 0;
	line-height: 0;
	margin: 20px 0;
}          
#content hr.searchDiv {
	margin: 10px 0;
	width: auto;
}
/*---------------------*/
/* Form ---------------*/
/*---------------------*/
#form {
	margin: 10px 0 0 0;
}
#form p {
	margin: 0 0 10px 0;
}
#form label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 5px 0;
}
#form label.check {
	display: inline;
	margin: 0 10px 0 0;
	font-weight: normal;
	font-size: 12px;
}
#form input.lrg {
	width: 500px;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
#form input.med {
	width: 300px;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
#form input.sml {
	width: 150px;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
#form textarea.med {
	display: block;
	width: 500px;
	height: 75px;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
/*---------------------*/
/* Team ---------------*/
/*---------------------*/
#team li {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 100%;
}                
#team li img {
	float: left;
	display: inline;
}                   
#team h3 {
	float: right;
	display: inline;
	width: 370px;         
	margin: 0 0 5px 0 !important;
}
#team h3 a {
	color: #75a845;
	font-size: 11px;
	text-transform: uppercase;
	font-style: normal !important;
}
#team h3 a:hover {
	color: #006ca7;
}                   
#team h3 a em {
	font-size: 16px;	
	text-transform: none !important;
}
#team p {
	float: right;
	display: inline;
	width: 370px;
}
/*---------------------*/
/* Programs -----------*/
/*---------------------*/
#programs li {
	background: url(images/bg_program.png) top left no-repeat;
	width: 403px;
	height: 112px;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding: 30px;
	list-style: none;
	list-style-position: outside;
}   
#programs p {
	width: 280px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
}                 
#programs h2 {
	float: left;
	display: inline;
	width: 280px;
	color: #d47013;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#programs h2 a {color: #d47013;}                 
#programs h2 a:hover {color: #006ca7;}
#programs li img {
	float: right;
	display: inline;
}
/*---------------------*/
/* Community ----------*/
/*---------------------*/
.community ul,
#community ul {
	overflow: hidden;
	width: 100%;
}             
.community li {
	width: 190px;
	float: left;
	display: inline;
}
.community li a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
}                 
#community li h2 {
	color: #75a845;
	font-size: 16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	margin: 5px 0 0 0;
}        
#community li {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 20px 0;
	float: left;
	display: inline;
	width: 50%;
}                     
#community li img {
	border: 1px solid #cce14e;
	display: block;
}
/*---------------------*/
/* Home Mission -------*/
/*---------------------*/
#content .orange p {
	color: #d47013;
	font-size: 18px;
	line-height: 28px;
	font-family: Georgia, Times, "Times New Roman", serif;
}      
#content #mission {
	float: left;
	display: inline;
	width: 445px;
}
/*---------------------*/
/* Kids Get Involved --*/
/*---------------------*/
#getInvolved {
	background: url(images/bg_get_involved.png) top left no-repeat;
	float: right;
	display: inline;
	width: 185px;
	height: 144px;
	overflow: hidden;
	padding: 30px 15px 0 60px;	
}
#getInvolved h3 {
	background: url(images/txt_get_involved.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 164px;
	height: 32px;
}
#getInvolved p {
	padding: 0 0 0 5px;
}
#getInvolved .btnLearnHow {
	background: url(images/btn_learn_how.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 67px;
	height: 19px;
	margin: 5px 0 0 5px;
}
/*---------------------*/
/* Make Donation ------*/
/*---------------------*/
#makeDonation,
#donation {
	background: url(images/bg_make_donation.png) top left no-repeat;
	width: 178px;
	height: 124px;
	overflow: hidden;
	padding: 47px 15px 0 24px;	
	margin: 0 0 20px 0;
}
#donation {
	background: url(images/bg_make_donation_news.png) top left no-repeat;
	padding-top: 23px;
}
#makeDonation h3,
#donation h3 {
	background: url(images/txt_make_donation.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 164px;
	height: 32px;
}
#makeDonation p,
#donation p {
	padding: 0 10px 0 0;
}
#makeDonation .btnMakeDonation,
#donation .btnMakeDonation {
	background: url(images/btn_make_donation.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 150px;
	height: 35px;
	margin: 5px 0 0 11px;
}
/*---------------------*/
/* Recent News --------*/
/*---------------------*/
#content .date {	
	background: url(images/bg_date.png) top left no-repeat;
	float: left;
	display: inline;
	font-weight: bold;
	color: #72753c;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 13px;	
	width: 45px;
	height: 39px;	
	padding: 6px 0 0 0;
	margin: 0 10px 0 0;
}
#content .date dd {
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 24px;
}
#content .post h2 {
	padding: 5px 0 0 0;
	margin: 0 0 8px 0;
}
#content .post h2 a {
	font-weight: normal;
	color: #75a845;
	font-size: 16px;
}                  
#content .post h2 a:hover {
	color: #d47013;
}
#content .wp-caption-text {
	font-size: 10px;
	line-height: 14px;
	font-style: italic; 
}
/*---------------------*/
/* News ---------------*/
/*---------------------*/
.navigation {
	overflow: hidden;
	width: 100%;        
	margin: 0 0 10px 0;
}
.navigation .alignleft {
	float: left;
	display: inline;
	width: 50%;
}                   
.navigation .alignright {
	float: right;
	display: inline;
	width: 50%;
	text-align: right;
}
#content .post h3.title,
#content .page h3.title {
	margin: 0 !important;
}
#content .post h3.title a,
#content .page h3.title a {
	color: #75a845 !important;
	font-size: 16px !important;
}
#content .post h2.title,
#content .post h2.title a {
	font-weight: normal;
	color: #75a845;
	font-size: 24px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}
#content.news .entry {
	clear: left;      
	padding: 10px 0 0 0;
}
/*---------------------*/
/* News Sidebar -------*/
/*---------------------*/                         
#sidebar #searchForm form {
	background: url(images/bg_search.png) top left no-repeat;
	margin: 20px 0;
	width: 217px;
	height: 57px;
}
#sidebar #searchForm input#s {
	border: 0;
	background: none;
	margin: 15px 0 0 13px;
	width: 154px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #444;    
	padding: 6px 30px 7px 5px;
}                                       
#sidebar #searchForm label,
#sidebar #searchForm #searchsubmit {display: none;}
#sidebar #recentPosts {
	margin: 0 0 20px 0;
}
#sidebar #recentPosts ul {
	margin: 0 10px 0 0;
}                     
#sidebar #recentPosts ul li {
	border-bottom: 1px dotted #cbc87d;
	list-style: none;
	list-style-position: outside;
}                                
#sidebar #recentPosts ul li a {
	display: block;                      
	padding: 7px 10px;
	font-style: normal;
}
#sidebar #recentPosts h3 {
	background: url(images/txt_recent_posts.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 140px;
	height: 35px;
	margin: 0 0 5px 0;
}
/*---------------------*/
/* Get Involved -------*/
/*---------------------*/
.btnApplication,
.btnDownload {
	background: url(images/btn_application.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	float: left;
	display: inline;
	width: 177px;
	height: 34px;
}
.btnDownload {
	background: url(images/btn_download.png) top left no-repeat;
	width: 130px;
	margin: 0 0 0 10px;
}
/*---------------------*/
/* Outreach -----------*/
/*---------------------*/
.btnOutreachForm {
	background: url(images/btn_outreach_form.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	float: left;
	display: inline;
	width: 191px;
	height: 34px;
}
.btnForms {
	margin: 0 0 15px 0;
	overflow: hidden;
}
/*---------------------*/
/* Donate -------------*/
/*---------------------*/
#content.donate .post .entry h3 {
	font-size: 14px !important;
	color: #006ca7 !important;
}
#content.donate .post .entry img {
	border: 0;
	margin: 0 0 0 15px;
}
.donate ul#donate {
	overflow: hidden;
	margin: 0 0 25px 0;
}
.donate ul#donate li {
	background: url(images/bg_donate.png) top left no-repeat;
	width: 196px;
	height: 148px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0 7px 0 0;
	padding: 25px 10px 0 22px;
}                     
.donate ul#donate h2 {
	font-style: italic;
	padding: 0;
}                      
.donate ul#donate p {
	color: #4b4c27;
	line-height: 20px;
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight: normal;
}                 
.donate ul#donate .btnDonate {
	background: url(images/btn_donate.png) top left no-repeat;
	width: 147px;
	height: 31px;
	text-indent: -999em;
	overflow: hidden;
}
/*---------------------*/
/* Newsletter ---------*/
/*---------------------*/
.newsletter a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-style: normal; 
}
/*---------------------*/
/* Sign Up Form -------*/
/*---------------------*/
#formSignup {
	margin: 10px 0 5px 0;
}
#formSignup input {
	width: 255px;
	float: left;
	display: inline;
	margin: 3px 8px 0 0;
	font-size: 12px;
	padding: 5px 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #666;
}
#formSignup .btnSignUp {
	background: url(images/btn_sign_up.png) top left no-repeat;
	float: left;
	display: inline;
	width: 87px;
	height: 33px;    
	font-weight: bold;
	color: #fff;
	font-size: 12px; 
	line-height: 14px;
	margin: 0;
}
/*---------------------*/
/* Sidebar ------------*/
/*---------------------*/                                                                          
#sidebar .section h4,
#sidebar .section h4 a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 190px;
	height: 29px;
	margin: 0 0 15px 0;
}                  
#sidebar .section p,
#sidebar .section img,
#sidebar .section ul {
	margin: 0 0 0 5px;
}                    
#sidebar .section img {
	border: 1px solid #cce14e;
	display: block;
}
#sidebar #txtDidYouKnow {background: url(images/txt_did_you_know.png) top left no-repeat;}                                                                   
#sidebar #txtFeaturedSponsor {background: url(images/txt_featured_sponsor.png) top left no-repeat;}
#sidebar #txtRecentPosts {
	background: url(images/txt_recent_posts.png) top left no-repeat;
	height: 35px;
	margin: 0 0 10px 0;
}
#sidebar .btnRSS {
	background: url(images/btn_subscribe.png) top left no-repeat;	
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 185px;
	height: 29px;
	margin: 0 0 20px 17px;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer {      
	width: 920px;
	clear: both;
	background: url(images/bg_page_btm.png) bottom left no-repeat;
	padding: 0 25px 10px 30px;   
	overflow: hidden;
}
#footer p {           
	float: left;
	display: inline;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}
#footer ul {
	border-top: 1px dotted #cbc87d;
	float: right;
	display: inline;
	width: 700px;  
	color: #006ca7;	
	padding: 15px 0 0 0;
}
#footer ul li {
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#footer ul li a {
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	margin: 0 5px;
}
/*---------------------*/
/* Blog Post Styling --*/
/*---------------------*/
.post .entry p {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}                 
.post .entry h1,
.post .entry h2,
.post .entry h3,
.post .entry h4,
.post .entry h5,
.post .entry h6 {
	color: #000;    
}               
.post .entry h1 {
	font-size: 22px;
	margin: 0 0 10px 0;
}                     
.post .entry h2 {   
	color: #d47013;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	line-height: 28px;
	font-size: 18px;
	margin: 0 0 10px 0;
}                     
.post .entry h3 {
	color: #75a845 !important;
	font-size: 16px !important;
	margin: 0 0 5px 0;
}                    
.post .entry h4 {
	font-size: 16px;
	margin: 0 0 5px 0;
}                    
.post .entry h5 {
	font-size: 15px;
	margin: 0 0 5px 0;
}                    
.post .entry h6 {
	font-size: 14px;
	margin: 0 0 5px 0;
}
.post .entry ol {
	margin: 0 0 10px 30px;
}                
.post .entry ul li {
	background: url(images/icon_bullet.png) 0 2px no-repeat;
	list-style: none;
	list-style-position: outside;
	margin: 0 0 10px 10px;
	font-weight: bold;
	color: #006ca7;
	font-size: 11px;
	line-height: 18px;
	padding: 0 0 0 25px;
}     
.post .entry li {
	margin: 0 0 5px 0;
}
.post .entry img {
	padding: 5px;
	border: 1px solid #e3e3e3;
}                 
.post .entry .alignleft {
	float: left;
	display: inline;
	margin: 0 10px 5px 0;
}
.post .entry .alignright {
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
}                  
.post .entry .aligncenter {
	display: block;
	margin: 0 auto 10px auto;
}
/*---------------------*/
/* Shadowbox ----------*/
/*---------------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/sb_loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/sb_close.png);}
#sb-nav-next{background-image:url(images/sb_next.png);}
#sb-nav-previous{background-image:url(images/sb_previous.png);}
#sb-nav-play{background-image:url(images/sb_play.png);}
#sb-nav-pause{background-image:url(images/sb_pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

