/*

Theme Name: Fountain of Hope
Theme URI: http://ricksticks.com/
Description: A custom theme for <a href="http://fountainofhopemalawi.com/">Fountain of Hope</a>.
Version: 1.0
Author: Ricksticks
Author URI: http://ricksticks.com/

*/

/* Typography & colours */
	
	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		line-height: 1.4em;
		font-family: Verdana, Arial, Sans-Serif;
		color: #414042;
		text-align: center;
		background: #72594b url(images/background.gif) repeat-y top center;
	}
	
	#page {
		text-align: left;
	}
	
	#primary-navigation,
	#secondary-navigation {
		font-size: 1em;
		line-height: 1.4em;
	}
	
	#content {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.narrowcolumn .postmetadata {
		font-size: 0.9em;
		line-height: 1.5em;
	}
	
	.thread-alt {}
	
	.thread-even {}
	
	.depth-1 {}
	
	.even,
	.alt {}
	
	#footer {
		background: #CDB7A4;
		border: none;
	}
	
	small {
		font: 0.9em/1.5em Arial, Helvetica, Sans-Serif;
	}
	
	h1 {
		font-size: 2em;
		text-align: center;
	}
	
	h2 {
		font-size: 1.6em;
		font-weight: normal;
	}
	
	#sidebar h2 {
		font-size: 1.3em;
		color: #6699ca;
		font-weight: bold;
	}
	
	h3 {
		font-size: 1.3em;
	}
	
	h1,
	h1 a,
	h1 a:hover,
	h1 a:visited {
		text-decoration: none;
		color: #414042;
	}
	
	h2,
	h2 a,
	h2 a:visited,
	h3,
	h3 a,
	h3 a:visited {
		color: #b53726;
	}
	
	h2,
	h2 a,
	h2 a:hover,
	h2 a:visited,
	h3,
	h3 a,
	h3 a:hover,
	h3 a:visited,
	#sidebar h2,
	#wp-calendar caption,
	cite {
		text-decoration: none;
	}
	
	.postdate {
		font: 0.9em/2em Arial, Helvetica, Sans-Serif;
	}
	
	.sticky {
		background: #f7f7f7;
		padding: 0 10px 10px;
	}
	
	.sticky h2 {
		padding-top: 10px;
	}
	
	.commentlist li ul li {
		font-size: 1em;
	}
	
	.commentlist li {
		font-weight: bold;
	}
	
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}
	
	.commentlist cite,
	.commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
	}
	
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
	}
	
	.commentmetadata {
		font-weight: normal;
	}
	
	small,
	#sidebar ul ul li,
	#sidebar ul ol li,
	.nocomments,
	.postdate,
	.postmetadata,
	blockquote,
	strike {
		color: #777;
	}
	
	code {
		font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	acronym,
	abbr,
	span.caps {
		font-size: 0.9em;
		letter-spacing: .07em;
	}
	
	a,
	h2 a:hover,
	h3 a:hover {
		color: #b53726;
		text-decoration: none;
	}
	
	a:hover {
		color: #9bc53e;
	}
	
	#wp-calendar #prev a,
	#wp-calendar #next a {
		font-size: 9pt;
	}
	
	#wp-calendar a {
		text-decoration: none;
	}
	
	#wp-calendar caption {
		font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
	}
	
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
	}
	
/* /Typography & colours */

/* Structure */
	
	body {
		margin: 0 0;
		padding: 0;
	}
	
	#page {
		margin: 0 auto;
		padding: 0;
		width: 746px;
		background: #FFF url(images/sidebar.gif) repeat-y;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		padding: 0;
		background-color: #FFF;
	}
	h1 {
		float: left;
		background: #FFF url(images/logo.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	h1 a {
		display: block;
		width: 128px;
		height: 96px;
		margin: 10px 20px;
		outline: none;
	}
	
	#header .newsletter-link {
		float: right;
		padding: 15px 25px 0 0;
	}
	
	#header .newsletter-link a {
		padding: 5px 5px 5px 18px;
		background: #FFF url(images/icon-newsletter.gif) no-repeat -9999px -9999px;
		color: #6699ca;
		font-size: 1em;
		line-height: 1em;
	}
	
	#header .newsletter-link a:hover {
		padding-left: 20px;
		background-position: center left;
		color: #6699ca;
	}
	
	#banner {
		width: 746px;
		height: 326px;
		margin: 0 0;
		clear: both;
		background-image: url(images/banner-home.jpg);
		background-position: center center;
	}
	
	/* about us */
	body.page-id-4 #banner,
	body.parent-pageid-4 #banner { background-image: url(images/banner-about-us.jpg); }
	/* what we do */
	body.page-id-17 #banner,
	body.parent-pageid-17 #banner { background-image: url(images/banner-what-we-do.jpg); }
	/* blog */
	body.blog #banner,
	body.single #banner,
	body.archive #banner { background-image: url(images/banner-blog.jpg); }
	/* volunteer */
	body.page-id-28 #banner { background-image: url(images/banner-volunteer.jpg); }
	/* give */
	body.page-id-30 #banner { background-image: url(images/banner-give.jpg); }
	/* contact us */
	body.page-id-32 #banner,
	/* location map */
	body.page-id-36 #banner,
	/* newsletter signup */
	body.page-id-94 #banner { background-image: url(images/banner-contact-us.jpg); }
	
	#primary-navigation {
		float: right;
		width: 746px;
		height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#primary-navigation li {
		float: left;
		display: block;
		position: relative;
		border-left: 1px solid #d7e7b1;
		background: #9ac43d url(images/primary-navigation.gif) repeat-x;
	}
	
	#primary-navigation a,
	#primary-navigation span {
		float: left;
		display: block;
		padding: 8px 13px;
		color: #FFF;
		text-align: center;
		text-decoration: none;
	}
	
	#primary-navigation span { cursor: default; }
	#primary-navigation .donate-now { border-left: none; border-color: #fde48f; background: #fbc50f url(images/primary-navigation-donate.gif) repeat-x; }
	#primary-navigation .home { border-left-color: #fff; }
	#primary-navigation a,
	#primary-navigation span				{ padding: 8px 0; }
	#primary-navigation .donate-now a		{ width: 168px; color: #FFF; text-transform: uppercase; }
	/*
	#primary-navigation .home a				{ width: 60px; }
	#primary-navigation .about-us a,
	#primary-navigation .about-us span		{ width: 77px; }
	#primary-navigation .what-we-do a,
	#primary-navigation .what-we-do span	{ width: 92px; }
	#primary-navigation .notes-from-moses a	{ width: 127px; }
	#primary-navigation .volunteer a		{ width: 79px; }
	#primary-navigation .give a				{ width: 50px; }
	#primary-navigation .contact-us a		{ width: 86px; }
	*/
	
	
	/* 578 */
	/*293/6=48*/
	#primary-navigation .home a				{ width: 80px; }
	#primary-navigation .about-us a,
	#primary-navigation .about-us span		{ width: 97px; }
	#primary-navigation .what-we-do a,
	#primary-navigation .what-we-do span	{ width: 112px; }
	#primary-navigation .volunteer a		{ width: 100px; }
	#primary-navigation .give a				{ width: 71px; }
	#primary-navigation .contact-us a		{ width: 106px; padding-right: 6px; }
	
	/*60+47* 23*/
	
	#primary-navigation a:hover,
	#primary-navigation span:hover,
	#primary-navigation li.hover a,
	#primary-navigation li.hover span {
		color: #9ac43d;
		background: #FFF;
		padding-top: 7px;
		border-top: 1px solid #d7e7b1;
	}
	
	#primary-navigation .donate-now a:hover {
		color: #b53726;
		background: transparent;
		padding-top: 8px;
		border: none;
	}
	
	#primary-navigation ul {
		display: none;
		float: left;
		position: absolute;
		top: 30px;
		left: -1px;
		width: 150px;
		margin: 0;
		padding: 0;
		border: 1px solid #d7e7b1;
	}
	
	#primary-navigation ul li {
		float: none;
		border: none;
		background: #FFF;
	}
	
	#primary-navigation ul a {
		float: none;
		padding: 8px 12px !important;
		width: 126px !important;
		color: #9ac43d;
		text-align: left;
	}
	
	#primary-navigation ul a:hover {
		color: #FFF;
		background: #9ac43d;
	}
	
	#primary-navigation .hover ul a,
	#primary-navigation ul a:hover {
		border: none;
	}
	
	#secondary-navigation {
		float: left;
		width: 746px;
		height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #5685c4 url(images/secondary-navigation3.gif) repeat-x;
	}
	
	#secondary-navigation li {
		float: left;
		display: block;
		white-space: nowrap;
		text-align: center;
	}
	
	#secondary-navigation a {
		float: left;
		display: inline;
		color: #FFF;
		padding: 8px 33px;
		text-decoration: none;
		text-transform: uppercase;
		text-indent: -9999px;
		overflow: hidden;
		background: url(images/secondary-navigation3.gif) repeat-x;
	}
	
	#secondary-navigation .help-out a			{ margin: 0 0 0 97px; padding: 8px 10px; width: 74px; background-position: -97px 0; }
	#secondary-navigation .our-team a			{ margin: 0 0 0 35px; padding: 8px 10px; width: 80px; background-position: -226px 0; }
	#secondary-navigation .picture-gallery a	{ margin: 0 0 0 35px; padding: 8px 10px; width: 114px; background-position: -361px 0; }
	#secondary-navigation .location-map a		{ margin: 0 0 0 35px; padding: 8px 10px; width: 99px; background-position: -530px 0; }
	
	#secondary-navigation a:hover { color: #fbc50f; }
	#secondary-navigation .help-out a:hover			{ background-position: -97px -30px; }
	#secondary-navigation .our-team a:hover			{ background-position: -226px -30px; }
	#secondary-navigation .picture-gallery a:hover	{ background-position: -361px -30px; }
	#secondary-navigation .location-map a:hover		{ background-position: -530px -30px; }
	
	.narrowcolumn {
		float: left;
		padding: 0 0 20px 35px;
		margin: 0;
		width: 375px;
	}
	
	.widecolumn {
		padding: 0 0 20px 35px;
		margin: 0;
		width: 676px;
	}
	
	.post {
		margin: 0 0 40px;
	}
	
	.post hr {
		display: block;
	}
	
	.widecolumn .post {
		margin: 0;
	}
	
	.narrowcolumn .postmetadata {
		padding-top: 5px;
	}
	
	.widecolumn .postmetadata {
		margin: 30px 0;
	}
	
	.widecolumn .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}
	
	.widecolumn .attachment {
		text-align: center;
		margin: 5px 0px;
	}
	
	.postmetadata {
		clear: both;
	}
	
	.clear {
		clear: both;
	}
	
	#footer {
		padding: 0 30px;
		margin: 0 auto;
		width: 686px;
		clear: both;
	}
	
	#footer p {
		margin: 0;
		padding: 20px 0;
		text-align: left;
	}
	
/* /Structure */

/* Headers */
	
	h1 {
		margin: 0;
		padding: 0;
		width: 168px;
		height: 116px;
	}
	
	h2 {
		margin: 30px 0 0;
		clear: both;
	}
	
	h2.pagetitle {
		margin-top: 30px;
		text-align: center;
	}
	
	#sidebar h2 {
		margin: 5px 0 0;
		padding: 0;
		clear: none;
	}
	
	h3 {
		padding: 0;
		margin: 30px 0 0;
	}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px;
	}
	
/* /Headers */

/* Images */
	
	p img {
		padding: 0;
		max-width: 100%;
		border: 1px solid #c0a58d;
	}
	
	p a:hover img {
		border: 1px solid #72594b;
	}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}
	
	.alignright {
		float: right;
	}
	
	.alignleft {
		float: left;
	}
	
/* /Images */

/* Lists */
	
	.entry ul {
		margin: 15px 0;
		padding: 0 0 0 15px;
	}
	
	.entry ul li {
		list-style-image: url(images/bullet.gif);
	}
	
	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
	}
	
	.entry ol li {
		margin: 0;
		padding: 0;
	}
	
	.postmetadata ul,
	.postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	
	#sidebar ul,
	#sidebar ul ol {
		margin: 0;
		padding: 0;
	}
	
	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 30px;
	}
	
	#sidebar ul p,
	#sidebar ul select {
		margin: 5px 0 8px;
	}
	
	#sidebar ul ul,
	#sidebar ul ol {
		margin: 5px 0 0 0;
	}
	
	#sidebar ul ul ul,
	#sidebar ul ol {
		margin: 0 0 0 10px;
	}
	
	ol li,
	#sidebar ul ol li {
		list-style: decimal outside;
	}
	
	#sidebar ul ul li,
	#sidebar ul ol li {
		margin: 3px 0 0;
		padding: 0;
	}

/* /Lists */

/* Form */
	
	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
	}
	
	#sidebar #searchform #s {
		width: 140px;
		padding: 2px;
		background: #f5f1ee;
	}
	
	#sidebar #searchsubmit {
		padding: 1px;
	}
	
	.entry form {
		/* This is mainly for password protected posts, makes them look better. */
		text-align: center;
	}
	
	select {
		width: 130px;
	}
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}
	
	#commentform {
		margin: 5px 10px 0 0;
	}
	#commentform textarea {
		width: 100%;
		padding: 2px;
	}
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
	}
	
/* /Form */

/* Comments */
	
	.alt {
		margin: 0;
	}
	
	.commentlist {
		padding: 0;
		text-align: justify;
	}
	
	.commentlist li {
		margin: 15px 0 10px;
		list-style: none;
	
	}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }
	
	#commentform p {
		margin: 5px 0;
	}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	.commentmetadata {
		margin: 0;
		display: block;
	}
	
/* Comments */

/* Sidebar */
	
	#sidebar {
		padding: 25px 23px 20px 20px;
		margin-left: 447px;
		width: 256px;
	}
	
	#sidebar form {
		margin: 0;
	}
	
	#sidebar.default .widget {
		border-bottom: 1px solid #FFF;
		margin-bottom: 19px;
		padding-bottom: 11px;
	}
	
	#sidebar.default #text-3.widget {
		min-height: 75px;
		padding-left: 115px;
		background-image: url(images/sidebar-volunteer.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
	
	#sidebar.default #text-4.widget {
		min-height: 75px;
		padding-left: 115px;
		background-image: url(images/sidebar-classroom.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
	
	#sidebar.default #text-5.widget {
		min-height: 75px;
		padding-left: 115px;
		background-image: url(images/sidebar-newsletter.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
	
	#sidebar.default .textwidget a {
		text-transform: uppercase;
		font-size: 1em;
		color: #B53726;
		padding-right: 11px;
		background-image: url(images/sidebar-arrow.gif);
		background-repeat: no-repeat;
		background-position: -9999px -9999px;
	}
	
	#sidebar.default .textwidget a:hover {
		background-position: center right;
	}
	
/* /Sidebar */

/* Calendar */
	
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
	}
	
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
	}
	
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
	}
	
	#wp-calendar a {
		display: block;
	}
	
	#wp-calendar caption {
		text-align: center;
	}
	
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
	}
	
	#wp-calendar td.pad:hover {
		/* Doesn't work in IE */
		background-color: #fff;
	}
	
/* End Calendar */

/* Begin Various Tags & Classes */
	
	acronym,
	abbr,
	span.caps {
		cursor: help;
	}
	
	acronym,
	abbr {
		border-bottom: 1px dashed #999;
	}
	
	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
	}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}
	
	.center {
		text-align: center;
	}
	
	.left {
		text-align: left;
	}
	
	.hidden {
		display: none;
	}
	
	.screen-reader-text {
		 position: absolute;
		 left: -1000em;
	}
	
	hr {
		display: none;
	}
	
	#map {
		border: 1px solid #c0a58d;
	}
	
/* End Various Tags & Classes*/

/* Captions */
	
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	
/* Captions */

/* Gallery */
	
	.gallery {
		margin: 1em auto;
	}
	
	.gallery .gallery-item {
		float: left;
		margin: 0;
		padding: 10px 0;
		text-align: left;
	}
	
	.gallery.columns-1 .gallery-item { width: 100%; }
	.gallery.columns-2 .gallery-item { width: 50%; }
	.gallery.columns-3 .gallery-item { width: 33%; }
	.gallery.columns-4 .gallery-item { width: 25%; }
	.gallery.columns-5 .gallery-item { width: 20%; }
	.gallery.columns-6 .gallery-item { width: 16%; }
	.gallery.columns-7 .gallery-item { width: 14%; }
	.gallery.columns-8 .gallery-item { width: 12%; }
	.gallery.columns-9 .gallery-item { width: 11%; }
	.gallery.columns-10 .gallery-item { width: 10%; }
	
	.gallery a img {
		border: 1px solid #c0a58d !important;
	}
	
	.gallery a:hover img {
		border: 1px solid #72594b !important;
	}
	
	.gallery-caption {
		margin-left: 0;
	}
	
	/* page-id-11 : our staff */
	.page-id-11 .gallery.columns-2 .gallery-icon {
		width: 120px;
		float: left;
	}
	
	/* page-id-34 : gallery */
	.page-id-34 .gallery.columns-4 .gallery-item {
		width: 124px;
	}
	
/* /Gallery */

/* Footer */

	#footer a:hover {
		color: #FFF;
	}
	
	.made-by {
		float: right;
		line-height: 20px;
	}
	
	.made-by span {
		float: left;
	}
	
	.made-by .logos {
		text-indent: -9999px;
		background-image: url(images/pink-elephant-ricksticks.gif);
		width: 66px;
		height: 22px;
		margin-left: 5px;
		position: relative;
	}
	
	.made-by .logos .pink-elephant {
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 22px;
	}
	
	.made-by .logos .ricksticks {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 22px;
	}

/* /Footer */

/* Contact Form */

	.error {
		color: #b53726;
	}
	
	.success {
		color: #6699ca;
	}

/* /Contact Form */

/* Sponsor Form */
	
	#sponsor-form {
		margin: 0;
		padding: 20px 0 20px 10px;
		border-left: 3px solid #ddd;
	}
	
	#sponsor-form fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#sponsor-form legend {
		margin: 0;
		padding: 0 0 12px 0;
		font-weight: bold;
		white-space: normal;
		display: block;
	}
	
	#sponsor-form p {
		margin-top: 0;
	}
	
	#sponsor-form ol {
		list-style: none;
		padding: 0;
	}
	
	#sponsor-form li {
		list-style: none;
		margin: 1em 0;
	}
	
/* /Sponsor Form */