/*
THEME NAME: St Marks
THEME URI: 
DESCRIPTION: St Marks UMC theme, authored by Scott Reston based on Sandbox theme by Andy Skelton and Scott Allan Wallick http://www.plaintxt.org/themes/sandbox/
TAGS: 
VERSION: 1.0
AUTHOR: Scott Reston
AUTHOR URI: http://scott.therestons.com/
*/

/* Eric Meyer's Reset CSS */
@import url("reset.css");


/* 
Stylesheet for St Marks UMC
Prepared by Scott Reston
07/2008
===============================================================*/

html {overflow-y: scroll; /* vert scrollbar for all pages */}

body { 
	font: 76% Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3;
	background-color: #fff;
	color: #414141;
	text-align:center;
}

	
p {
	font-size: 1em;	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }
#content { line-height: 1.5em; }
#content ul, content ol { margin: 1em 4ex;}
#content ul { list-style-type:disc; }
#content ol { list-style-type:decimal; padding: .5em 0 1em 4ex; }
#content ul li, #content ol li { margin-bottom: .5em; }
#content blockquote {margin: 1em 10%;}
#content p { margin-bottom: 1.5em; }


img	{ display: inline; border: none;margin: 0; }
.alignleft { float: left; margin: .5em .5em .5em 0; }
.alignright { float: right;	margin: .5em 0 .5em .5em; }
.aligncenter { display: block; margin: .5em auto; }

a {
	color: #6cb344;
	text-decoration: none;
	outline: none;
}
	a:hover {
		text-decoration: underline;
	}
	a:active {
		outline: none;
	}
	a.external-link { padding-left: 12px; background:url(images/external.gif) no-repeat center left; }
	a.pdf-link { padding-left: 18px; background:url(images/file_acrobat.gif) no-repeat center left; }
	a.doc-link { padding-left: 18px; background:url(images/file_doc.gif) no-repeat center left; }
	
h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; clear: left; }

h2 { margin: 0 0 .5em 0; color:#78287D; text-transform:uppercase; font-size: 1.25em; font-weight: bold; letter-spacing:-1px;}
h3 { margin: 1em 0 0 0; color: #009AC8; font-size: 1.2em; }
h4 { margin: 1em 0 0 0; color: #666; font-size: 1em; font-weight:bold; }

	
.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


hr { 
	border-top: 1px solid #414141;
	border-bottom: 0 solid #414141;
	background-color: #DD5F2D;
	color: #414141;
	height: 1px;
	margin: 2em 0;
	}
	
sup {
	height: 0;
	line-height: 1; font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}

/* =Structural
===============================================================*/

#wrapper {
	position: relative;
	width: 1024px; 
	text-align: left;
	margin: 0 auto;
}

div#container {
	float: left;
	width: 100%;
}
div#content {
	margin: 0 230px 2em 209px;
}
div.sidebar {
	float: left;
	overflow: hidden;
	width: 195px;
	margin-bottom: 2em;
}
div#primary {
	position: relative;
	margin: 0 0 0 -100%;
}
* html div#primary {
	left: 0px;
	position: relative;
}
div#secondary {
	margin: 0 0 2em -220px;
	width: 200px;
	padding-left: 20px; padding-bottom: 2em;
	background: url(images/secondary-nav-dots.gif) repeat-y left top;
	z-index:100;
}







/* =Header
===============================================================*/

#header {
	height: 103px;
	background-color: #78287d;
	/*margin-bottom: 60px;*/
}
	#header h1 {
		text-indent: -9999px;
		width: 189px; height: 103px;
		border-right: 6px solid #6cb344;
		background: #fff url(images/logo.gif) no-repeat center;
		float: left;
	}
		#header h1 a { display: block; height: 103px; }

	#header p#imagine {
		float: left; position: relative;
		margin: 30px 0 0 19px;
		width:455px; height: 10px;
		text-indent: -9999px;
		background: url(images/imagine.gif) no-repeat top left;
		position: relative;
	}
		#header #tagline { 
			position: absolute; left: 212px; top:54px;
			color: #FDDFFF; font-weight:bold; font-style:italic;
		}
		#header #reaching-out {
			position: absolute; left: 51px; top: 0;
			width: 109px; background:url(images/reaching-out.gif) no-repeat top left;
		}
		#header #transforming-lives {
			position: absolute; left: 160px; top: 0;
			width: 147px; background:url(images/transforming-lives.gif) no-repeat top left;
		}
		#header #empowering-servants {
			position: absolute; left: 307px; top: 0;
			width: 148px; background:url(images/empowering-servants.gif) no-repeat top left;
		}
		
		#header img {
		float: right;
		margin-right: 25px; margin-top: 21px;
		}
		
/* =Navigation
===============================================================*/

ul#navigation-primary {
	margin-top: 12px; margin-bottom: 55px;
	padding-left: 195px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
}
	#navigation-primary li { display: inline; text-transform:uppercase; font-weight:bold; margin-left: 16px; }
	#navigation-primary a { color: #000; text-decoration:none; }
		#navigation-primary li.current_page_item a, #navigation-primary li.current_page_ancestor a { color: #6cb344; }
		
ul#navigation-secondary {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding: .5em 12px .5em 0;
	background: url(images/secondary-nav-dots.gif) repeat-y right;

}
	ul#navigation-secondary li { margin-bottom: .75em; font-weight: bold;}
		ul#navigation-secondary ul { margin: .25em 0; font-size: .9em; }
		ul#navigation-secondary ul li { margin-bottom: .5em; font-weight: normal;}
	ul#navigation-secondary a, ul#navigation-secondary li.current_page_item li a { color: #666666; text-decoration:none; }
		#navigation-secondary a:hover { text-decoration:underline; }
		ul#navigation-secondary li.current_page_item a { color: #6cb344; font-weight: bold; }
		ul#navigation-secondary li.current_page_item li a { color: #666666; font-weight: normal; }
	
	ul#navigation-secondary li ul {
		margin-left: 2ex;
	}


/* =Content
===============================================================*/
		
#sidebar { 
	float: left;
	width: 170px;
	padding-right: 19px;
	line-height: 1.8em; font-size:1.1em;
	font-style:italic;
}
	

.homepage #sidebar {

}

#text {
	width: 500px;
	position: relative;
	padding-bottom: 5em;
	float: left;
	font-size: 1.1em;
}

strong { font-weight: bold; }
em { font-style:italic; }


blockquote {
	border-left: 2px dotted #F26631;
	padding: 6px;
	margin: 1em 4px 1em 20px;
}

.wp-caption {
	padding: 8px;
	line-height: 1.25em;
	font-size: .9em;
}

	.wp-caption p { padding: 0; margin: 0; }


div.comments {
	padding: 10px;
	border-top: 1px solid #78287D;
	margin-top: 4em;
}
	div.comments h3 { margin-bottom: 1em; }
	li.comment { margin-bottom: 4em; }
	.comment-meta, .entry-meta { margin: .5em 0; font-size: .8em;}
	.fn { font-weight: bold; }

div.entry-meta { 
	padding: 10px;
	border: 1px solid #ccc;
	font-size: .8em;
}

body.single h2.entry-title { margin-bottom: 0; }

div.entry-content { margin-bottom: 2em; }

div.comments li { border: 1px solid #eee; padding: 4px; }
div.comments li.bypostauthor { border: 1px solid #6CB344;}

li.sidbebarcustom, li.sidebarcustom { padding-top: 1em !important; }

/* =Footer
===============================================================*/

#footer { 
	margin-left: 210px;  
	clear: both;
	border-top: 1px solid #78287D;
	padding-top: 1em; margin-top: 2em;
}


/* =Contact Form

===============================================================*/	


form#contact-form label {
	display:block; float: left; clear: left;
	margin-right: 5px; margin-top: 2px;
	font-weight: bold;
}	

	form#contact-form label.noclear { clear: none; float: none;}

form#contact-form span { display: block	; clear: left; margin-bottom: 4px;}
form#contact-form .noclear { clear: none; display: inline; }
form#contact-form input.submit { padding: 2px 4px; background-color: #608C2D; color: #FFFFFF; font-weight: bold; margin-right: 10px; border: none;}
.validation-advice,.custom-advice { color:#ff0000; font-weight: bold;}
.validation-failed { border: 1px solid #ff0000; display: inline; }
.required { border: 1px solid #EF8B0A; }