body { background: url('../images/bgGrad_body_blue.png') #017bc9 repeat-x top left; }

#container_body {}
#header { height: 60px; padding: 18px 0 24px; background: url('../images/bg_bar_header.png') transparent no-repeat top center;}
#header a#link_home_logo { 
	display: block; float: left; width: 128px; height: 84px; background: url('../images/logo_cf_white.png') transparent no-repeat 0 -8px; 
	margin: 0 18px 0 0;
}

h1#header_text_africa { 
	border-left: 2px solid #fff;
	width: 520px; height: 64px;  
	padding: 0 18px;
	background: url('../images/header_text_africa.png') transparent no-repeat 18px 6px;
	float: left;
	margin: 0 18px 0 0;
}

/* E-MAIL SIGNUP */
#wrapper_signup { 
	width: 236px; height: 72px; float: right;
	padding: 28px 0 0;
	background: url('../images/header_email_signup.png') transparent no-repeat top left;
}


/* MAIN NAV */
.tl { width: auto; height: auto; padding: 0 0 0 16px; background: url('../images/corner_tl.png') transparent no-repeat top left; }
.tr { width: auto; height: auto; padding: 8px 16px 8px 0; background: url('../images/corner_tr.png') transparent no-repeat top right; }

#nav_main { width: 702px; float: left;}
#nav_main ul { list-style: none; }
#nav_main ul li { float: left; margin: 0; padding: 0; }
#nav_main ul li a { display: block; margin: 0; padding: 0 28px; height: 32px; font-size: 120%; line-height: 200%; 
	text-decoration: none; background: url('../images/bgGrad_nav_main.png') #000 repeat-x top left;
	color: #fff; font-weight: normal; border-left: 1px solid #313c47; border-right: 1px solid #000;}

#nav_main ul li a:hover { 
	background: url('../images/bgGrad_nav_main_over.png') #313c47 repeat-x top left;
}	


#nav_main ul li a.first { border-left: none; background: url('../images/corners_nav_main.png') transparent no-repeat top left; }
#nav_main ul li a.last { border-right: none; background: url('../images/corners_nav_main.png') transparent no-repeat top right; }

#nav_main ul li a.first:hover { background-image: url('../images/corners_nav_main_over.png'); }
#nav_main ul li a.last:hover { background-image: url('../images/corners_nav_main_over.png'); }


/* selected states */
body#home #nav_main ul li a.home, body#work #nav_main ul li a.work, body#stories #nav_main ul li a.stories,
body#stories_gracienne #nav_main ul li a.stories,
body#stories_maathai #nav_main ul li a.stories,
body#stories_jeanpierre #nav_main ul li a.stories,
body#stories_dikembe #nav_main ul li a.stories,
body#stories_ifijenia #nav_main ul li a.stories,
body#stories_ugandafund #nav_main ul li a.stories,
body#stories_globalgiveback #nav_main ul li a.stories,
body#blog #nav_main ul li a.blog, body#about #nav_main ul li a.about 
{ background: #000; }
body#home #nav_main ul li a.home { background: url('../images/corners_nav_main_active.png') transparent no-repeat top left; }
body#about #nav_main ul li a.about { background: url('../images/corners_nav_main_active.png') transparent no-repeat top right; }


/* DONATE - top */
.callout_top { width: 212px; float: right; }
.callout_top a.donate { display: block; width: 210px; height: 32px; 
	background: url('../images/bg_button_red.png') transparent no-repeat center center;
	text-align: center; color: #fff; font-size: 120%; line-height: 220%; 
	text-decoration: none; text-transform: uppercase; letter-spacing: 1px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.64);
}

.callout_top a.donate:hover { background-image: url('../images/bg_button_red_over.png'); }


/* SECTION */
.section { height: auto; padding: 9px 16px 0; background: #fff; }
.feature { clear: both; padding: 0 0 18px; border-bottom: 4px solid #c6c6c6; }


/* SHOWCASE */

#wrapper_showcase { background: #000; position: relative; }

#wrapper_showcase #callout_tl { position: relative; z-index: 1; width: 350px; height: 324px; 
	background: url('../images/bg_showcase_collage.jpg') #000 no-repeat center center; float: left; }
#wrapper_showcase #callout_tl .wrapper { width: 320px; margin: 16px auto 12px; }
#wrapper_showcase #callout_tl .wrapper p { 
	color: #fff; font-size: 18px; margin: 0 auto 12px; 
	line-height: 140%;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.64);
}

#wrapper_showcase #callout_tl .wrapper .box_button { width: 240px; margin: 44px auto 0; }


/* SLIDESHOW stuff */
#wrapper_slideshow { z-index: 3; position: relative; width: 576px; height: 324px; overflow: hidden; float: right; }
.slideshow_feature { position: relative; }


/* OUR WORK */
#wrapper_ourwork {  }
#wrapper_ourwork ul {  }
#wrapper_ourwork ul li { width: 212px; float: left; margin: 0 22px 0 0; }
#wrapper_ourwork ul li.last { margin-right: 0; }
#wrapper_ourwork ul li a.link_ourwork { 
	display: block; width: auto; height: 44px; margin: 0 0 8px 0; background: url('../images/button_work_commitment.png') #fff no-repeat center center; 
}

#wrapper_ourwork ul li a.link_ourwork:hover { 
	background-image: url('../images/button_work_commitment_on.png'); 
	cursor: pointer;
}

/* links - specific */
#wrapper_ourwork ul li a#commitment { background-image: url('../images/button_work_commitment.png'); }
#wrapper_ourwork ul li a#commitment:hover { background-image: url('../images/button_work_commitment_on.png'); }

#wrapper_ourwork ul li a#environment { background-image: url('../images/button_work_environment.png'); }
#wrapper_ourwork ul li a#environment:hover { background-image: url('../images/button_work_environment_on.png'); }

#wrapper_ourwork ul li a#health { background-image: url('../images/button_work_health.png'); }
#wrapper_ourwork ul li a#health:hover { background-image: url('../images/button_work_health_on.png'); }

#wrapper_ourwork ul li a#sustainable { background-image: url('../images/button_work_sustainable.png'); }
#wrapper_ourwork ul li a#sustainable:hover { background-image: url('../images/button_work_sustainable_on.png'); }

#wrapper_ourwork ul li p { color: #8b8b8b; font-size: 90%; padding: 0 0 0 54px; line-height: 140%; }

/* NEWS & FEEDS */
#wrapper_trip {  width: 520px; float: left; padding: 0; margin: 0 24px 24px 0; }
#wrapper_feed {  border: 1px dotted #cad4e7; padding: 14px; background: #fff;}




.wrapper_thumblist {  }
.wrapper_thumblist ul { list-style: none; margin: 0; }
.wrapper_thumblist ul li { margin: 0 0 24px; border-bottom: 1px dotted #c6c6c6;}
.wrapper_thumblist ul li .item_thumb_square { 
	width: 108px; height: 108px; overflow: hidden; background: #fff; 
	padding: 4px; border: 1px solid #d7d7d7; float: left; margin: 0 12px 12px 0; 
}
.wrapper_thumblist ul li .item_info_inline { width: 380px; float: left; margin: 0 0 12px; }


/* RIGHT COL */
.wrapper_rc {
	width: 360px; float: right; margin: 0 0 24px 0;
}


/* FOOTER */
#footer .section { padding-top: 28px; padding-bottom: 28px; }
#footer .col_block { width: 210px; float: left; margin: 0 18px 0 0; }
#footer .col_block h5 { font-size: 130%; font-weight: bold; color: #0094d9; margin: 0 0 8px; text-transform: uppercase; }
#footer ul.col_list {  }
#footer ul.col_list li { line-height: normal; font-size: 100%; margin: 0 0 6px; }

#footer ul.col_list_ico {}
#footer ul.col_list_ico li { width: 140px; margin: 0 6px 6px 0; float: left; }
#footer ul.col_list_ico li a { font-size: 100%; display: block; line-height: normal; padding: 18px 0 0 36px; background: url('../images/ico_32_email.png') transparent no-repeat bottom left; }
#footer ul.col_list_ico li a.facebook { background-image: url('../images/ico_32_facebook.png'); }
#footer ul.col_list_ico li a.twitter { background-image: url('../images/ico_32_twitter.png'); }
#footer ul.col_list_ico li a.flickr { background-image: url('../images/ico_32_flickr.png'); }
#footer ul.col_list_ico li a.youtube { background-image: url('../images/ico_32_youtube.png'); }
#footer ul.col_list_ico li a.email { background-image: url('../images/ico_32_email.png'); }
#footer ul.col_list_ico li a.rss { background-image: url('../images/ico_32_rss.png'); }