/*   
Theme Name: Orphans Africa
Description: Custom Wordpress theme for Orphans Africa
Author: Ian Swenson
Author URI: http://www.ianswenson.com
Version: 1.0
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/*=====================
RESET
=====================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

@import url('wp.css');

/*=====================
UNIVERSAL
=====================*/

body{background-color:#FFB300;height:auto;font:normal 62.5% 'ITC Giovanni', Garamond, 'Hoefler Text', 'Times New Roman', Times, serif;line-height:150%;color:#000;}
h1, h2, h3, h4{font-family:'ITC Giovanni', Georgia, Times, 'Times New Roman', serif;}
input, select, th, td{font-size:1em;}
strong{font-weight:bold;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.cover{overflow:hidden;text-indent:-9999px;position:relative;display:block;background:transparent;}
.wrapper{width:940px;margin:0 auto;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}


/*=====================
STRUCTURE
=====================*/

html, body, #body_wrapper{height:100%;}
body > #body_wrapper {height:auto;min-height: 100%;}

#header{height:100px;}
	#logo{float:left;width:183px;height:78px;margin-top:1em;}
#subheader{height:26px;padding-top:10px;} /* height = 36 (26 + 10) */
#breadcrumbs li{float:left;margin:0 5px 0 0;}

#main{padding-top:1.5em;padding-bottom:436px;} /* Bottom padding as #footer_wrapper */
	#main_header, #main_middle, #main_footer{width:780px;margin:0 auto;padding:0 20px;} /* width = 820 (780 + 20 + 20) */
	#main_header{height:76px;padding-top:20px;} /* height = 96 (76 + 20) */
	#main_footer{height:70px;margin-bottom:2em;}
#flashbox{width:829px;margin:1em auto;}
#call_to_action{margin:2em 0;}
	.call_box{width:210px;height:168px;float:left;margin-right:20px;padding-top:4px;display:block;} /* height = 172 (168 + 4) */
	#call_projects{border:5px solid #5A1000;}
	#call_projects:hover{border-color:#8C3000;}
	#call_donate{border:5px solid #401006;}
	#call_donate:hover{border-color:#223013;}
	#call_volunteer{border:5px solid #6C2400;}
	#call_volunteer:hover{border-color:#B66B00;}
	#call_learn{border:5px solid #520000;}
	#call_learn:hover{border-color:#710000;}
	#call_learn{margin-right:0;}
	#banner_progress, #banner_donate,
	#banner_volunteer, #banner_learn{width:202px;height:99px;margin-left:4px;}
	#call_to_action p{padding:4px 6px 0;}

#footer_wrapper{position:relative;margin-top:-436px;height:436px;clear:both;} /* same as #main padding */

#superfooter{min-height:235px;padding-top:35px;} /* height = 270 (235 + 35) */
#networking{float:left;width:140px;}
	#networking .divider{width:140px;height:5px;margin:10px auto;}
	#networking li{margin-top:0.5em;}
	#networking li a{display:block;width:140px;text-indent:40px;padding-top:8px;height:24px;} /* height = 32 (24 + 8) */
#footer_gallery{width:404px;float:left;margin-left:40px;}
	#footer_gallery a{float:left;display:block;width:75px;height:75px;padding:5px;margin:0 15px 10px 0;}
	#footer_gallery .more_link{display:inline;width:auto;height:auto;clear:both;float:right;}
#recent_news{width:325px;float:left;margin-left:25px;}
	#recent_news .divider{width:240px;height:5px;margin:10px auto;}
	#recent_news h5{float:right;margin-left:1em;}

#footer{height:131px;padding-top:35px;} /* height = 166 (131 + 35) */
#footer .divider{width:5px;height:80px;float:left;margin:0 20px;}
#footer .nav{width:550px;float:left;}
	#footer li.col{float:left;margin-right:10px;}
#footer #footer_contact{width:230px;float:left;}
	#footer_contact ul{float:left;}
	#footer_contact .col_right{margin-left:5px;}
#footer #quicknav{width:70px;float:left;font-size:0.9em;}
#footer h6{clear:both;text-align:center;padding-top:17px;font-size:0.8em;}

/*=====================
BACKGROUNDS
=====================*/

#header{background:#FFECB2;}
#logo{background:#FFECB2 url(images/logo.jpg) no-repeat;}
#subheader{background:#380000 url(images/subnav.jpg) center top no-repeat;}

#main{background:#380000 url(images/main_bg.jpg) center top no-repeat;}
#main_header{background:transparent url(images/paper_tb.png) 0 0 no-repeat;}
#main_footer{background:transparent url(images/paper_tb.png) 0 -96px no-repeat;}
#main_middle{background:transparent url(images/paper_middle.png) repeat-y;}
#call_to_action .call_box{background:transparent url(images/color_blk_60.png);}
#banner_progress{background:transparent url(images/calltoaction.png) 0 0 no-repeat;}
#banner_donate{background:transparent url(images/calltoaction.png) -202px 0 no-repeat;}
#banner_volunteer{background:transparent url(images/calltoaction.png) -404px 0 no-repeat;}
#banner_learn{background:transparent url(images/calltoaction.png) -606px 0 no-repeat;}

#superfooter{background:#E18300 url(images/superfooter.jpg) repeat-x;}
#superfooter .divider{background:transparent url(images/color_red_20.png);}
#footer_gallery a{background:transparent url(images/color_blk_20.png) repeat;}
#footer_gallery a:hover{background-image:url(images/color_red_60.png);}
#footer_gallery .more_link, #footer_gallery .more_link:hover{background-image:none;}
#networking li a{background:transparent url(images/networking.png) 0 0 no-repeat;}
#networking #youtube{background-position:0 -32px;}
#networking #facebook{background-position:0 -64px;}
#networking #flickr{background-position:0 -96px;}

#footer{background:#FFB300 url(images/footer.jpg) repeat-x;}
#footer .divider{background:transparent url(images/color_grn_20.png);}

/*=====================
TYPOGRAPHY
=====================*/

#subheader{color:#FFF;font-size:1.1em;}
#subheader a{color:#FFECB2;}
#subheader span{font-size:1.5em;position:relative;top:2px;}

#main_header{text-align:center;font-size:3em;color:#8F0000;text-transform:uppercase;font-weight:bold;text-shadow:0 1px 0 #999;line-height:125%;}
#flashbox img{border:5px solid #712400;}

.entry_content p{margin-left:0.5em;padding-bottom:1em;font-size:1.6em;line-height:125%;}
.entry_content a{color:#005020;text-decoration:underline;}
.entry_content a:hover{color:#FFB300;text-decoration:none;}
.entry_content ul{padding-left:2em;margin-bottom:1em;}
.entry_content li{font-size:1.5em;margin-bottom:0.5em;}
.entry_content h2{margin:0 0 1em;font-size:2.5em;color:#8F0000;text-transform:lowercase;font-variant:small-caps;font-weight:bold;text-shadow:0 1px 0 #999;}
.entry_content h3{margin:0 0 1em;font-size:1.6em;color:#BF5000;background:#FFE69A;font-weight:bold;padding:10px;}
.entry_title{background:#FFE69A;color:#8F0000;font-size:2em;padding:10px 5px;margin-bottom:0.75em;}
.entry_title a{color:#8F0000;text-decoration:none;}
.entry_title a:hover{color:#380000;text-decoration:underline;}
.entry_meta a, .entry_utility a{color:#005020;text-decoration:none;}
.entry_meta a:hover, .entry_utility a:hover{color:#FFB300;text-decoration:underline;}
.entry_utility{padding-bottom:2em;}

#call_to_action{color:#FFF;font-size:1.2em;}
.call_box, .call_box:hover{color:#FFF;text-decoration:none;font-size:1.2em;line-height:120%;}
#tagline{color:#FFECB2;font-size:2em;font-variant:small-caps;text-align:center;font-weight:bold;line-height:150%;}

#networking h3, #recent_news h3{font-size:1.8em;color:#FFECB2;text-transform:lowercase;font-variant:small-caps;font-weight:bold;}
#networking h3 span{color:#FFB300;}
#networking a{color:#FFECB2;font-size:1.2em;}
#footer_gallery a{color:#8F0000;font-size:1.2em;font-variant:small-caps;font-weight:bold;}
#recent_news h3 span{font-size:1.2em;color:#FFB300;}
#recent_news h4 a{font-size:2em;color:#8F0000;font-variant:small-caps;font-weight:bold;line-height:110%;}
#recent_news h5{color:#380000;font-size:1.2em;font-weight:bold;}
#recent_news p{font-size:1.5em;color:#FFECB2;margin-top:0.25em;line-height:120%;}

#footer{font-size:1.5em;}
#footer a{color:#005020;}
#footer .nav a{font-weight:bold;}
#footer .nav li li a{font-size:0.8em;font-weight:normal;}
#footer h6{color:#BF5000}
#footer #footer_contact{color:#380000;}

/* ================================================================ 
NAVIGATION
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly_v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pro_linedrop{
	margin-top:30px;
	height:60px;
	width:700px;
	float:right;
	font-size:1.3em;
}

#pro_linedrop .select{
	padding:0 0 0 10px; 
	list-style:none; 
	white-space:nowrap;
	position:relative;
}

#pro_linedrop li{
	float:left;
	padding-top:1px;
}

#pro_linedrop .select a{
	display:block;
	float:left; 
	background:#FFF;
	border:1px solid #005020;
	border-right-width:0;
	padding:6px 17px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:normal;
	color:#005020;
	text-transform:uppercase;
}
#pro_linedrop .select a.rightmost{border-right-width:1px;}

#pro_linedrop .donate_nav{margin-left:17px}
#pro_linedrop .select .donate_nav a{border-right-width:1px;}



#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a{
	color:#fff;
	background:#BF5000 url(images/nav_hover.gif) repeat-x;
}

#pro_linedrop .select li.line a:hover, 
#pro_linedrop .select li.line:hover a{color:#fff;}




#pro_linedrop .sub{display:none;}
#pro_linedrop ul ul{display:none;}

/* IE6 only */
#pro_linedrop table{
	border-collapse:collapse; 
	margin:-1px -10px; 
	font-size:1em; 
	width:0; 
	height:0;
}

#pro_linedrop .sub li{background:transparent;}

#pro_linedrop .select :hover .sub{
	height:25px;
	display:block; 
	position:absolute;
	float:left;
	width:700px;
	top:28px;
	padding-top:8px;
	left:5px; 
	text-align:center;
	background:transparent;
	color:#005020;
}

#pro_linedrop .select :hover .rt li{float:right;}

#pro_linedrop .select :hover .sub li a{color:#005020;font-size:0.9em;display:block;float:left;white-space:nowrap;border:0;background:transparent;padding:3px 5px;}

#pro_linedrop .select :hover .sub li a:hover{color:#518437;position:relative;text-decoration:underline;}
#pro_linedrop .select :hover .sub li:hover{position:relative;}

#pro_linedrop .select :hover .sub li a:hover span{cursor:pointer;}
#pro_linedrop .select :hover .sub li:hover > a span{cursor:pointer;}