/*   
Theme Name: Refuge Missionaries 
Theme URI: http://www.refugemissionaries.org
Description: Refuge Missionaries theme custom-made for the organization. This is the second version of the website, now with wordpress integration.
Author: Jessie Wyatt
Author URI: http://www.three-squared.com
Version: 1
.
This theme is only for the use of Refuge Missionaries and may not be used anywhere else. 
.
*/


body {
	margin: 0;
	padding: 0;
	background: #d2c9a8 url(images/main_bg.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #37200b;
	font-size: 90%;
	line-height: 1.7em;
}

a:link {color: #24627b; text-decoration: none;}
a:visited {color: #33748f; text-decoration: none;}
a:hover {color: #f8f6ed; text-decoration: none;}
a:active {color: #33748f; text-decoration: none;}

div.clear { clear: both; }

div.container {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

a img {	border: none; }

/*==================LOGO================*/

div#logo {
	margin: 25px 0 50px 0;
}

div#logo h1 {
	margin: 0;
	display: block;
	text-indent: -9999px;
}


div#logo h1 a {
	display: block;
	width: 261px;
	height: 131px;
	background: url(images/logo.png);
}


/*==================TOP NAV AREA================*/

div#topnav {
	width: 929px;
	background: url(images/topnav_bg.jpg) top left no-repeat;
	height: 52px;
	margin-bottom: 50px;
}

div#topnav ul#menu {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	list-style: none inside;
	text-transform: uppercase;
	padding: 16px 0 0 44px;
}

div#topnav ul#menu li {
	display: inline;
	margin-right: 2.7em;
}

div#topnav ul#menu li a {
	color: #d2c9a8;
	text-shadow: #000 0px 1px 0px;
}

div#topnav ul#menu li a:hover {
	color: #fff;
	
}

/*==================HEADER AREA================*/

div#header-left {
	float: left;
	width: 250px;
	margin: 0 10px 0 15px;
}

div#header-right {
	float: left;
	width: 636px;
	margin-left: 5px;
	margin-bottom: 50px;
	
}

/*==================CONTENT AREA================*/

div#main {
	clear: both;	
}

div#content {
	float: left;
	width: 604px;
	background: url(images/vertical_seperator.jpg) center right repeat-y;
	padding-right: 35px;
	min-height: 900px;
}

div#content h2#welcome {
	display: block;
	width: 143px;
	height: 30px;
	background: url(images/welcome.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 0 -10px 0;
	padding: 0;
}

div#content p {
	margin-bottom: 25px;
	font-size: 0.95em;
}

div.seperator {
	background: url(images/seperator.jpg) repeat-x;
	height: 2px;
	width: 98%;	
	margin: 40px 0 50px 0;
}

div#content h2 {
	color: #877652;
	letter-spacing: -1px;
	text-shadow: #eee9d5 0px 1px 0px;
	font-size: 1.7em;
	margin-bottom: -5px;
	padding: 0;
}

div#content h2 a {
	color: #877652;	
}

div#content h2 a:hover {
	color: #24627b;
}

div#content small {
	color: #877652;
	text-transform: uppercase;
	font-size: 0.65em;
}

div#content a.more-link {
	display: block;
	width: 98px;
	height: 22px;
	text-indent: -9999px;
	background: url(images/readmore.jpg) top left no-repeat;
}

div#content a.more-link:hover {
	background: url(images/readmore.jpg) bottom left no-repeat;
	
}


/*==================SIDEBAR AREA================*/

div#sidebar {
	width: 235px;
	float: left;
	margin-left: 38px;
	font-size: 0.85em;
}

div#sidebar ul {
	list-style: none inside;
	margin: 0;
	padding: 0;
}

div#sidebar li#search { margin-bottom: 35px; }
div#sidebar li.imgspacer { margin: 20px 0 35px 0; }

div#sidebar h2,
div#sidebar h3 {
	color: #877652;
	font-size: 1.5em;
	text-shadow: #eee9d5 0px 1px 0px;
	margin: 0;
	padding: 0;
}

div#sidebar ul li.viewmore {
	margin-top: -5px;
	text-align: center;
}

/*==================BOTTOM AREA================*/

div#bottom {
	margin-top: 100px;
	position: relative;	
	height: 142px;

}

div#bottom-left {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(images/treeandbirds.png);
	width: 628px;
	height: 142px;
}

div#bottom-right {
	position: absolute;
	right: 0;
	bottom: 18px;
	width: 99px;
}

div#bottom-right a.backtotop {
	display: block;
	width: 99px;
	height: 24px;
	background: url(images/backtotop.jpg) top left no-repeat;
	text-indent: -9999px;
}

div#bottom-right a.backtotop:hover {
	background: url(images/backtotop.jpg) bottom left no-repeat;
	
}


/*==================FOOTER AREA================*/

div#footer {
	clear: both;
	background: #37200b;
	min-height: 230px;
	color: #d2c9a8;
	font-size: 0.8em;
	padding-top: 25px;
}

div#footer a {
	color: #d2c9a8;
}

div#footer a:hover {
	color: #f8f6ed;
}

div#footerabout {
	float: left;
	width: 620px;
}

div#footerabout h3#aboutourcause {
	display: block;
	width: 165px;
	height: 20px;
	text-indent: -9999px;
	background: url(images/aboutourcause.jpg) no-repeat;
	margin-bottom: 0;	
}

div#footerlinks {
	float: left;
	width: 155px;
	margin-left: 90px;
}

div#footerlinks ul {
	list-style: none inside;
	margin: 0;
	padding: 0;
}


div#footerlinks h3#footlinks {
	display: block;
	width: 51px;
	height: 20px;
	text-indent: -9999px;
	background: url(images/footerlinks.jpg) no-repeat;	
	margin-bottom: 3px;

}


/*==================CONTACT FORM================*/

form.wpcf7-form input,
form.wpcf7-form textarea {
	background: #f2eddc;
	border: 1px solid #c8be9b;
}

form.wpcf7-form input {
	padding: 5px;
	
	
}



div.donation-can_donation-form {
	margin: -20px 0 30px 40px;
	
	
	
}