/*
Theme Name: African Care
Theme URl: http://www.unfoldingneurons.com
Description: Designed by <a href="http://www.unfoldingneurons.com" title="Darren Ethier's Blog">Darren Ethier as a custom theme for Village of Hope Zimbabwe</a>.
Version: 1.0
Author: Darren Ethier
Author URl: http://www.unfoldingneurons.com
*/

/* -----------------------------------------------
Root Styles
--------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, p, blockquote, form{
	margin: 0;
	padding: 0;
}

body {
	/*background: #DCC2A7 url(images/africaspots.jpg) repeat;*/
	background: #213173;
	font: 62.5% "Georgia", "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color: #000;
	text-align: left;
}

p {
	line-height: 150%;
	margin-bottom: 8px;
}

ol {/* to be styled */}
ul {/* to be styled */}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #B87F04;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	padding: 8px 0 2px;
}

h4, h5, h6 {
	font-size: 1em;
}

a:link {
	color: #317321;
	text-decoration: dashed underline;
}

a:visited {
	color: #217363;
	text-decoration: none;
}

a:hover {
	color: #A32E45;
	text-decoration: underline;
}

a:active {
	color: #A32E45;
	text-decoration: underline;
}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/quote.gif) no-repeat 25px 0;
	color: #808080;
}

code {
	background: #808080;
	cursor: text;
	font-family: "Courier New", Courier, monospace;
}

small {
	font-size: 0.8em
}

input, textarea, select { /* to be styled */}

form { /* to be styled */ }

img {
	margin: 3px;
        margin-right: 8px;
	border: 3px solid #B87F04;
}

img:hover {
	margin: 3px;
        margin-right: 8px;
	border: 3px solid #F4A806;
}

img.no-border {
  border: none;
}

img.wp-smiley, img.wp-smiley:hover {
  border: none;
  padding: 0;
  margin: 0;
}

.left, .alignleft {
	float: left;
        margin-right: 20px;
}

.right, .alignright {
	float: right;
        margin-left: 5px;
}


.center {
	text-align: center;
}

/*------------------------------------------------
Structure - CONTAINER(S)
------------------------------------------------ */
#main-container {
	width: 803px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	/*border-left: 2px solid #9C8452;
	border-right: 2px solid #9C8452; //add to content and navigation containers */
	text-align: left;
}

/*------------------------------------------------
Structure - HEADER,  MENU, SEARCHBAR
------------------------------------------------*/

/* HEADER */
#header {
	display: block;
	width: 100%;
	height: 235px;
	/*background: transparent url(images/vohheaderwithlogo.gif); //MOVE TO HEADER.PHP FOR ACCESSIBILITY REASONS*/
	}

#header img {
  margin:0;
  padding:0;
  border: none;
}

/*MENU*/
#navbar, #subnav {
	width: 100%;
	height: 27px;
	padding: 0;
	margin-top: -2px;
	background: #C37833;
}

#subnav {
  background: #9C8452;
  margin: 0;
  padding: 0;
  height: 22px;
}

	ul.menu, ul.submenu {
		float: left;
		margin: 0;
		padding: 0 15px;
		height: 24px;
		list-style-type: none;
	}
	
	ul.submenu {
       height: 20px;
       }

	ul.menu li, ul.submenu li {
		float: left;
		font: 1.4em "Century Gothic", "Georgia", serif;
	}
	
	ul.submenu li {
       font-size: 1.2em;
       }

	ul.menu li a, ul.submenu li a {
		float:left;
		display: block;
		height: 24px;
		padding: 0 15px;
		line-height: 24px;
		color: #000;
		text-decoration: none;
	}
	
	ul.submenu li a {
       height: 20px;
        }

	ul.menu li a:hover, ul.submenu li a:hover {
		background: #F4A806;
		text-decoration: none;
		padding: 0 15px 2px 15px;
	}

	ul.submenu li a:hover {
       padding: 2px 15px 0 15px;
       }

	ul.menu li.current_page_item, ul.submenu li.current_page_item {
		color: #000;
		background: #D8C08C;
		text-decoration: none;
	}
	
	ul.submenu li.current_page_item {
                background: #C37833;
                }               


/* SEARCHBAR */
.searchbar { /* to be styled if necessary */ }
.searchform { /*to be styled if necessary */ }
input#s { /*to be styled if necessary */ }


/*------------------------------------------------
Structure - CONTENT
------------------------------------------------*/
#content {
	float: left;
	width: 789px;
	background: #DABB8F;
	border-top: 2px solid #8D7745;
	margin: 0;
	padding: 0;
	border-left: 7px solid #9C8452;
	border-right: 7px solid #9C8452;
}

.main {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0;
	display: inline;
}

.main_wide {
  width: 789px;
  clear: both;
}


/* PAGE NAVIGATION */
.pagenav-border {
	display: block;
	width: 495px;
	height: 36px;
}

.pagenav-next, .pagenav-previous {
  font: 1.5em "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
}

.pagenav-next a, .pagenav-previous a {
  text-decoration: none;
}

.pagenav-next {
	float: right;
	padding: 5px 0 0 0;
}

.pagenav-previous {
	float: left;
	padding: 5px 0 0 0;
}

/* PAGE TITLES */
.page-title-background {
	width: 480px;
     margin-top: 13px;
	padding: 0 10px 0 0;
	background: url(images/pagetitleback.gif) top right no-repeat;
}

.page-title, h2.page-title, h2.newsletter-text {
	padding: 0px;
	background: #B87F04;
	font-size: 1.6em;
	line-height: 47px;
	color: #213173;
}

h2.newsletter-text {
  font: 1.2em "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
  display: block;
  height: 37px;
  padding: 10px 0 0 4px;
}

/*POST RELATED STYLES*/
.post, .post-home, .post_wide {
	margin: 13px 8px 0 10px;
        clear: both;
}

.post-home {
  font: 1.4em "Georgia", sans-serif, "Arial";
}

	.post h2, .post_wide h2 {
		background: #FBCE6D url(images/posttitleback.jpg) no-repeat;
		color: #213173;
		font: 2.2em Georgia, Helvetica, Arial, serif;
		padding: 15px 10px 0 10px;
		text-align: left;
	}
	
     .post_wide h2 {
          background: #FBCE6D url(images/posttitleback-wide.jpg) no-repeat;
     }

		.post h2 a {
			color: #213173;
			text-decoration: none;
		}

		.post h2 a:hover {
			color: #314AA7;
		}


.post-meta {
	background: #FBCE6D;
	/*border-top: 1px solid #C37833;*/
	border-bottom: 1px solid #C37833;
	height: 18px;
	color: #213173;
	margin: 0;
	padding: 5px 5px 5px 15px;
	font: 1.2em "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
}

	.post-date {	/*span*/
		padding: 0 0 0 20px;
		background: url(images/dateicon.png) no-repeat 0 0;
	}
	
	.post-author {  /*span*/
		padding: 0 0 0 20px;
		background: url(images/authoricon.png) no-repeat 0 0;
	}

	.post-comment { /*span*/
		padding: 0 0 0 20px;
		background: url(images/commenticon.png) no-repeat 0 0;
	}

.postentry {
	clear: both;
        color: #000
	text-align: left;
	background: #FBCE6D url(images/postback.jpg) no-repeat left bottom;
	padding: 5px 0 5px 5px;
	font-size: 1.2em;
}

.post_wide .postentry {
  background: #FBCE6D url(images/postback-wide.jpg) no-repeat left bottom;
}

.postentry a, .postentry a:hover { /*to be styled */}

.postentry img { /*to be styled*/}

.postentry img:hover {/*to be styled */}

.postentry img.wp-smiley,
.postentry img.wp-smiley:hover {
	border: none;
}

.links ul {
  margin:0 ;
  padding: 0;
}

.links ul li {
  list-style-type: none;
}

.links h2 {
  background: transparent;
  text-align: left;
  font-size: 1.4em;
}

.links ul li ul li {
  margin-left: 20px;
  padding: 2px 0 0 16px;
  background: transparent url(images/link_go.png) no-repeat 0 0;
}


/* COMMENTS */
#comments {
	margin: 0;
	padding: 0;
}

.commentsmain {
	margin: 0:
	padding: 0;
	background: #93A3DF url(images/comment-top-back.jpg) ;
}

.commentswrap {
	padding: 5px;
	background: #93A3DF url(images/comment-bottom-back.jpg) bottom left;
}

.comments-num {
	background: transparent url(images/postcommenticon.png) no-repeat 0 0;
	padding: 0 0 15px 26px;
	font: bold 1.8em "Century Gothic", "Tahoma", "Arial", sans-serif;
}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#commentlist li {
	padding: 20px;
	border-bottom: 2px solid #F4A806;
	background: #FBCE6D;
}
	#commentlist .alt {
		background: #C3CCEF;
	}
	
.comment-gravatar {/*no gravatar for now*/}
	.img.gravatar {/*no gravatar for now*/}
	
.comment-title, .comment-meta {
	margin: 0;
     font: 1.3em "Century Gothic", "Tahoma", "Arial", sans-serif;
}

.comment-title {
  font-size: 1.4em;
  color: #041252;
  padding: 0;
}

.comment-meta {
  font-size: 1em;
  color: #CF7F04;
  border-bottom: 1px dashed #041252;
}

.comment-text {
  padding-top: 3px;
  font-size: 1.2em;
}

/*commentform stuff*/
h2#postcomment {
	margin: 30px 0 0 0;
	font: bold 1.8em "Century Gothic", "Tahoma", "Arial", sans-serif;
}

.postcomments {
	/*clear: both;  needed once gravatars/images are added to comments */
	margin: 20px 0 0 0;
	padding: 20px;
}

.postcomments .small {
  font: 1.2em "Century Gothic", "Tahoma", "Arial", sans-serif;
  text-align: right;
}

.postcomments input, .postcomments textarea {
	border: 1px solid #213173;
}

.postcomments input#author,
.postcomments input#email,
.postcomments input#url {
	width: 450px;
	height: 18px;
}

.postcomments textarea#comment {
	width: 480px;
	height: 200px;
}

.postcomments input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #FBCE6D url(images/submitback.jpg) repeat 0 0;
}

.postcomments input#submit:hover {
	background: #FBCE6D url(images/submitbackhover.jpg) repeat 0 0;
}

#commentform p {
  font: 1.2em "Century Gothic", "Tahoma", "Arial", sans-serif;
}

		
/*------------------------------------------------
Structure - SIDEBAR(S)
------------------------------------------------*/

.sidebar {
	float: left;
	display: inline;
	width: 269px;
	margin: 0;
        padding: 0;
	background: #DABB8F;
	font: 1.2em "Georgia", "Arial", serif;
}

.sidebar .rssfeeds { /*not styling for now
	#sidebar h2.feed-title
	.rssfeeds a.rss
	*/
}

.sidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sidebar-iefix { /* how I hate IE!! */
        background-color: #DABB8F;
        display: block;
        height: 15px;
        }

.sidebar ul li {
	margin: 0 12px 0 9px;
	padding: 0;
     background: #99A5D6 url(images/bg_sidebar_ul_ul.gif) no-repeat 100% 100%;
}

.sidebar ul ul li h2{
	font-family: Georgia, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	color: #000;
	/*padding: 14px 10px 11px;*/
}

.sidebar ul ul {
	padding: 0 0 20px 0px;
	margin: 0;
     background: url(images/bg_sidebar_ul_li.gif) no-repeat 0 0;
	}

.sidebar ul ul li{
	margin: 0 10px 0 10px;
        padding: 10px 10px 8px;
        background: url(images/bg_sidebar_ul_ul_li.gif) no-repeat bottom;
	}
	
.sidebar ul ul li.noback {
  background: none;
  margin: 0 10px 0 10px;
  padding: 10px 10px 8px;
}

.sidebar ul ul ul {
	line-height: 24px;
	padding: 0px 5px 0;
	margin: 0;
	background: #d7dcef url(images/bg_sidebar_ul_ul_ul.gif) no-repeat;
	}

.sidebar ul ul ul li{
         padding: 0;
         margin: 0;
         background-image: none;
}

.sidebar ul ul ul ul{
	padding: 0 10px;
	margin: 0;
        background-image: none;
	}
	
.sidebarloop {
  /* no styling for now */
}

.sidebarloop ul li {
  background: transparent url(images/book_next.png) no-repeat 0 5px;
  padding: 5px 0 5px 20px;
  border-bottom: 1px #F7AB17 dashed;
  font: 1em "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
  color: #213173;
}

.sidebarloop ul li.noborder {
  border-bottom: none;
}

.sidebarloop ul li a {
  text-decoration: none;
  color: #213173;
}

.sidebarloop ul li a:hover {
  color: #F7AB17;
}

.sidebarloop span.postdate {
  font: normal .7em "Century Gothic", "Tahoma", "Verdana", sans-serif;
  color: #000;
}

.sidebarloop span.sideloop_content {
  font: 1em "Georgia", "Helvetica", serif;
  color: #000;
}

.sidebarloop .sbl-border {
	border-top: solid 1px;
	text-align: right;
	margin-top: 5px;
}

a.sbl-end {
	font-size: 1em;
}

a:hover.sbl-end {
	font-size: 1em;
}

img.sblno-border {
  border: none;
  float: right;
}

/*------------------------------------------------
Structure - FOOTER
------------------------------------------------*/
#footer {
	clear: both;
	float: left;
	width: 789px;
	background-color: #DABB8F;
     border-left: 7px solid #9C8452;
     border-right: 7px solid #9C8452;
}

.footer-box {
  clear:both;
  float: left;
  width: 803px;
  margin: 0 0 0 -7px;
  background: transparent url(images/vohfooter.gif) left bottom no-repeat;
  color: #000;
}

.footer-column {
  /*display: block;*/
  float: left;
  width: 254px;
  min-height: 200px;
  background: transparent url(images/footerbackground.png) top no-repeat;
  color: #000;
  margin: 15px 0 0 10px;
}

.footer-column h2 {
  font: 1.5em "Century Gothic", "Tahoma", "Verdana", sans-serif;
  border-bottom: 1px #D7DCEF dotted;
  margin: 5px 10px 0 10px;
  color: #041252;
}

.footer-column h2 a {
  text-decoration: none;
}

.footer-content {
  margin: 5px 10px 0 10px;
}

.footer-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-content ul li, .footer-content ul li.recentcomment {
  background: transparent url(images/book_next.png) no-repeat 0 5px;
  padding: 5px 0 5px 20px;
  border-bottom: 1px #D7DCEF dashed;
  font: 1.2em "Century Gothic", "Tahoma", "Verdana", "Arial", sans-serif;
  color: #213173;
}

.footer-content ul li.prayer {
  background: transparent url(images/prayer_icon.png) no-repeat 0 5px;
}

.footer-content ul li.praise {
  background: transparent url(images/praise_report.png) no-repeat 0 5px;
}

.footer-content ul li a, .footer-content ul li.recentcomment a {
  text-decoration: none;
  color: #213173;
}

.footer-content ul li a:hover, .footer-content ul li.recentcomment a:hover {
  color: #F7AB17;
}

.footer-content ul li.recentcomment {
  background: transparent url(images/comment.png) no-repeat 0 5px;
}

.footer-content span.postdate {
  font: normal .8em "Century Gothic", "Tahoma", "Verdana", sans-serif;
  color: #000;
}

.footer-content p {
font: normal 1em "Century Gothic", "Tahoma", "Verdana", sans-serif;
color:#000;
}



/*------------------------------------------------
CUSTOM CODES (plugins, hacks etc.)
------------------------------------------------*/

/*CONTACT FORM PLUGIN*/
h2.main_formhead {
  background: transparent;
}

/*WP STATS PLUGIN - to hide the smiley token*/
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}