/*   
Theme Name: WMU
Theme URI: http://wmutx.org
Description: Theme for the WMU (Women's Missionary Union) website.
Author: Nathan Turnage @ Anderson Marketing Group
Author URI: http://andadv.com/
Template:
Version: 0.9.3 (beta)
.
Only for use the exclusive use of the Texas Baptists on the WMU website.
.
*/


/**********************************************************
C O L O R S
**********************************************************/

* { margin: 0;padding: 0;outline: none; }
p, a, a:visited, ul, ol, li a, li a:visited, dl, dt, dt a, dd, dd a { color: #222; }
a:hover { color: #4E6A75; }
p.large, #moreEventsLink a, p#moreEventsLink a:visited { color: #fff; }
h2 a:hover, div#hero dt a:hover, div#hero a:hover, #moreEventsLink a:hover { color: rgb(127,169,185); }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: rgb(64,99,103); }
#hero h3 { color: #fff;text-shadow: 0px -1px 0px rgb(60,30,10); }
h4, h4 a:link, h4 a:visited { color: rgb(135,35,35); }
div#navbar li, div#navbar li a { color: rgb(65,88,94); }
div#navbar li a:hover { color: rgb(151,205,219);text-shadow: 0px 1px 5px rgb(202,178,135); }
.navigation, .navigation a:link, .navigation a:visited { color: #fff; }
ul#auxNav li, ul#auxNav li a { color: rgb(255,255,255); }
div#hero dt, div#hero dt a { color: rgb(113,150,159); }
div#hero dd, div#hero dd a { color: rgb(255,255,255); }
div#heroNav li a, div#heroNav li a:link { color: rgb(255,255,255); }
div#contentSidebar li, div#contentSidebar li a { color: rgb(255,255,255); }
div#footerContact h4 { color: rgb(135,35,35); }
div#footerContact p, div#footerContact a { color: rgb(127,125,123); }
ul.footer li, ul.footer li a { color: rgb(135,35,35); }


/**********************************************************
H T M L
**********************************************************/

* { font-weight: normal;padding: 0;margin: 0;outline: none; }
body {
	background: #cfb988 url(images/bg_body.jpg) fixed;
	font: 100% Verdana, Arial, sans-serif;
}
h2 {
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: 0.6em;
}
h2 a { text-decoration: none;border-bottom: none; }
.entryHome h2 { text-shadow: 0px 1px 0px rgb(202,178,135); }
h3 {
	font-size: 1.3125em;
	line-height: 1.1429em;
	text-shadow: 0px 1px 0px rgb(202,178,135);
	margin-bottom: 1em;
}
h4 {
	font-size: 1.125em;
	text-shadow: 0px 1px 0px rgb(202,178,135);
	margin: 0.5em 0;
	border-bottom: 3px solid rgb(135,35,35);
}
ul#sidebar h4 {
	color: #fff;
}
p {
	font-size: 0.875em;
	line-height: 1.7143em;
	margin-bottom: 1.5em;
}
p.large {
	font: 1.5em Verdana, sans-serif;
	line-height: 1.6667em;
}
p.postmetadata {
	line-height: 2.5em;
	text-align: right;
	margin: 2.5em 0;
	border-top: 1px dotted rgb(64,99,103);
}
ul { list-style-type: square; }
a img { border: none; }
.entry a, p.postmetadata a {
	text-decoration: none;
	border-bottom: 1px dotted #222;
}
.entry a:hover, p.postmetadata a:hover {
	border-bottom: 1px solid #4E6A75);
}
h2 a, h4 a { border-bottom: none !important; }
.small { font-size: 66%; }

/**********************************************************
L A Y O U T
**********************************************************/

div#wrapPage {
	width: 100%;	
}
div#wrapMast {
	width: 100%;
	position: relative;
}
div#mast {
	height: 12em;width: 60em;
	margin-left: -30em;
	position: relative;
	left: 50%;top: 0;
}
div#logo { height: 12em;width: 34em; }
div#wrapMain {
	width: 100%;
	position: relative;
}
div#main {
	width: 60em;
	margin-left: -30em;
	position: relative;
	left: 50%;top: 0;
}
div#content {
	width: 100%;
	clear: both;
}
div#contentMain {
	width: 34em;
	float: left;
	display: inline-block;
}
div#contentSidebar {
	width: 20em;
	float: right;
	display: inline-block;
}
div#footer {
	background-color: rgb(239,225,198);
	width: 60em;
	margin: 2em 0 2em -30em;padding: 2em 0;
	position: relative;
	left: 50%;top: 0;
}


/**********************************************************
N A V I G A T I O N
**********************************************************/

div#wrapNav {
	background-color: rgb(169,141,91);
	width: 100%;
	position: relative;
	border-bottom: 2px solid rgb(216,196,151);
}
 div#navbar {
	height: 3.2em;width: 60em;
	margin-left: -30em;
	position: relative;
	left: 50%;top: 0;
}
div#navbar ul { padding: 0; }
div#navbar li {
	text-shadow: 0px 1px 0px rgb(202,178,135);
	text-transform: uppercase;
	float: left;
	display: inline-block;
}
div#navbar li a {
	text-decoration: none;
	height: 1em;
	margin: 1em 1em 1em 0;
	display: block;
}

ul#auxNav {
	background: rgb(78,106,117);
	text-align: center;
	height: 30px;
	position: absolute;
	right: 0;bottom: 0;
	display: block;
}
ul#auxNav li {
	font-size: 0.75em;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	float: left;
	display: inline-block;
}
ul#auxNav li a {
	text-decoration: none;
	padding: 0.75em;
	display: block;
}
ul#auxNav li a:hover {
	background-color: rgb(101,135,148);
}
.navigation {
	font-size: 0.75em;
	padding-bottom: 2em;
}

/**********************************************************
C O N T E N T
**********************************************************/

div#hero {
	background: rgb(98,57,14) url(images/bg_brn.jpg);
	width: 60em;
	margin-top: 1em;
}
div#hero h3 {
	margin-bottom: 0.25em;padding-bottom: 4px;
	border-bottom: 4px solid rgb(135,35,35);
}
div.heroMain {
	background: url(images/bg_hero_ext.png);
	height: 26em;width: 35em;
	float: right;
	display: inline-block;
}
div.heroImg, div.heroImageReplace {
	background: #fff;
	text-shadow: 1px 1px 2px #000;
	height: 312px;width: 473px;
	margin: 2em 0 0 1.5em;padding: 16px;
	border: 1px solid #f9f7f4;
	display: inline-block;
	box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-moz-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
}
div.heroImageReplace img {
	margin: 1em;
}
div#heroExtra {
	height: 22em;width: 23em;
	padding: 2em 1em;
	position: relative;
	display: inline-block;
}
div#heroExtra h4 { margin-bottom: 0em; }
div#heroNav ul {
	position: absolute;left: 0;bottom: -2em;
	display: block;
	list-style-type: none;
}
div#heroNav li {
	float: left;
	display: inline-block;
}
div#heroNav li a {
	background: #4e6a75;
	background: -webkit-gradient(linear, left top, left bottom, from(#405760), to(#4e6a75));
	background: -moz-linear-gradient(top,  #405760,  #4e6a75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405760', endColorstr='#4e6a75');
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgb(73,97,106);
	text-transform: uppercase;
	height: 2.6em;width: 7.5em;
	margin-left: 0.5em;padding: 1em 0;
	border: 2px solid rgb(182,163,146);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-moz-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	display: block;
}
div#heroNav li a:hover {
	background: rgb(101,135,148);
}
div#heroNav li#offerings a, div#heroNav li#newStart a {
	padding-top: 1.6em;
	padding-bottom: 0.4em;
}
div#hero dt a:hover, div#events a:hover { border-bottom: 1px solid rgb(127,169,185); }
div#hero dt, div#hero dt a, div#events a {
	font-size: 1em;
	margin: 1em 0 0 0;
}
div#hero dt, div#hero dt a, div#events a {
	text-shadow: 0px -1px 1px rgb(73,97,106);
	text-decoration: none;
}
div#hero dd, div.entry dd { margin: 0.5em 0 ; }
div#hero dd, div.entry dd, div.entry ul, div.entry ol { font-size: 0.75em; }
p#moreEventsLink {
	font-size: 0.75em;
	margin-top: 2em;
	border-top: 4px solid rgb(135,35,35);
}
div.entry ul, div.entry ol { margin: 0 0 2em 2em; }
div.entry {
	background: url(images/bg_entry.png) left top repeat-y;
	padding: 2em 3em;
}
div.entry dd { margin-bottom: 2em; }
div.entryBtm {
	background: url(images/bg_entry_btm.png) left top no-repeat;
	height: 100px;width: 624px;
}
div#content {
	background: rgb(178,152,101) url(images/bg_content_ext.png) right -30px repeat-y;
	margin-top: 3em;
}
div#contentMain {
	padding: 1em;
}
div.entryHome {
	padding: 1em;
}
div.entry, div.entryHome { width: 528px; }
div#contentSidebarInner {
	background: rgb(98,57,14) url(images/bg_brn.jpg);
	margin: 1em;
	border: 0.5em solid rgb(255,255,255);
	box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-moz-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
}
div#contentSidebar img {
	margin: 1em 0;
	border: 0.5em solid rgb(255,255,255);
	box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
	-moz-box-shadow: 5px 5px 5px rgba(5,5,5,0.3);
}
div#contentSidebar h4 { margin-left: 0.75em; }
div#contentSidebar ul { margin: 0 1em 1em 1em;list-style-type: none; }
div#contentSidebar li h4 { margin-left: 0; }
div#contentSidebar li {
	font-style: italic;
	margin-bottom: 1em;
}
div#contentSidebar li a { text-decoration: none; }
div#contentSidebar li a:hover { border-bottom: 1px dotted rgb(255,255,255); }
ul#sidebar { padding: 1em 0; }
ul#sidebar li li {
	font-size: 0.875em;
}

/**********************************************************
F O O T E R
**********************************************************/

div#footerLogo {
	height: 11.5em;width: 17em;
	margin: 1.5em 0 0 2em;
	float: left;
	display: inline-block;
}
div#footerContact {
	height: 13em;width: 17em;
	margin: 0 1em;padding: 0 1em;
	border-right: 1px solid rgb(127,125,123);
	border-left: 1px solid rgb(127,125,123);
	float: left;
	display: inline-block;
}
div#footerContact h4 {
	font: italic 0.875em Verdana, sans-serif;
	border: none;
}
div#footerContact p {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 1em;
}
div#footerLinks {
	float: left;
	display: inline-block;
}
ul.footer {
	width: 7.5em;
	padding: 0 1em;
	float: left;
	display: inline-block;
}
ul.footer li {
	font-size: 0.625em;
	line-height: 1.25em;
	margin-bottom: 0.25em;
	list-style-type: none;
}
ul.footer li a { text-decoration: none; }
ul.footer li a:hover { border-bottom: 1px dotted rgb(135,35,35); }

/**********************************************************
C U S T O M   C L A S S E S
**********************************************************/

.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
 
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
 
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.highlight { background: #ffc; }

.alignleft { text-align: left; }
.alignright { text-align: right; }

.img-left { float: left;margin: 4px 10px 4px 0; }
.img-right { float: right;margin: 4px 0 4px 10px; }
 
.noindent { margin-left: 0;padding-left: 0; }
.nobullet { list-style: none;list-style-image: none; }