/*
	Theme Name: St. James
	Theme URI: http://doers.org/
	Version: 1.0
	Author: PharrOut
	Author URI: http://pharrout.com/
*/

/* ===== reset ============================================================== */
body, div, h1, h2, h3, h4, h5, h6, form, fieldset, table, img {
	border: 0;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* ===== clear floats without markup ======================================== */
.container { display: inline-block; }
.container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .container { height: 1%; }
.container { display: block; }
.clear { clear: both; }


/* ===== general ============================================================ */
body {
	background: #e6ebf1 /*url('img/body-bg.png') repeat-y 50% 0*/;
	color: #363636;
	font: 11px/1.5em Georgia, Times, serif;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; }
	h1 { font-size: 28px; }
	h2 { font-size: 16px; }
	h3, h4 { font-size: 14px; }
a {
	color: #790000;
	text-decoration: none;
}
	a img {
		border: 0;
		display: block;
	}
p, ul, ol, blockquote { margin: 10px 0 20px 0; }
	ul ul, ul ol, ol ol, ol ul { margin: 0; }
blockquote {
	font-style: italic;
	padding: 0 3em;
}


/* ===== layout ============================================================= */
#site {
	background: url('img/site-bg.png') repeat-y 50% 0;
	margin: 0 auto;
	width: 900px;
	padding: 0 20px;
}
#header { position: relative; }
	#header h1 a {
		background: url('img/seal.png') no-repeat;
		height: 196px;
		left: 28px;
		position: absolute;
		top: 10px;
		width: 135px;
		z-index: 10;
	}
	#header h2 {
		background: url('img/be-ye-doers.png') no-repeat;
		height: 35px;
		left: 174px;
		position: absolute;
		top: 56px;
		width: 685px;
	}
	#navigation {
		background: url('img/navigation-bg.png') repeat-x 0 100%;
		font-family: Helvetica, Arial, sans-serif;
		height: 69px;
		padding-top: 97px;
		position: relative;
	}
		#navigation ul {  }
		#navigation li {
			margin: 0;
			position: relative;
		}
		#navigation ul li a {
			background: url('img/navigation.png') no-repeat;
			color: #363636;
			display: block;
			height: 12px;
			overflow: hidden;
			padding: 26px 11px 22px 11px;
			text-indent: -9999px;
			text-transform: uppercase;
		}
		#navigation li:first-child a { margin-left: 166px; }
		#menu-home a {
			background-position: -11px 0 !important;
			width: 28px;
		}
			li#menu-home.hover a, li#menu-home a:hover { background-position: -11px -60px !important; }
			#menu-home.active a { background-position: -11px -120px !important; }
		#menu-events a {
			background-position: -61px 0 !important;
			width: 37px;
		}
			li#menu-events.hover a, li#menu-events a:hover { background-position: -61px -60px !important; }
			#menu-events.active a { background-position: -61px -120px !important; }
		#menu-about a {
			background-position: -120px 0 !important;
			width: 90px;
		}
			li#menu-about.hover a, li#menu-about a:hover { background-position: -120px -60px !important; }
			#menu-about.active a { background-position: -120px -120px !important; }
		#menu-formation a {
			background-position: -231px 0 !important;
			width: 86px;
		}
			li#menu-formation.hover a, li#menu-formation a:hover { background-position: -231px -60px !important; }
			#menu-formation.active a { background-position: -231px -120px !important; }
		#menu-weekdays a {
			background-position: -337px 0 !important;
			width: 113px;
		}
			li#menu-weekdays.hover a, li#menu-weekdays a:hover { background-position: -337px -60px !important; }
			#menu-weekdays.active a { background-position: -337px -120px !important; }
		#menu-music a {
			background-position: -472px 0 !important;
			width: 32px;
		}
			li#menu-music.hover a, li#menu-music a:hover { background-position: -472px -60px !important; }
			#menu-music.active a { background-position: -472px -120px !important; }
		#menu-action a {
			background-position: -527px 0 !important;
			width: 77px;
		}
			li#menu-action.hover a, li#menu-action a:hover { background-position: -527px -60px !important; }
			#menu-action.active a { background-position: -527px -120px !important; }
		#menu-stewardship a {
			background-position: -626px 0 !important;
			width: 70px;
		}
			li#menu-stewardship.hover a, li#menu-stewardship a:hover { background-position: -626px -60px !important; }
			#menu-stewardship.active a { background-position: -626px -120px !important; }
		#navigation ul ul {
			background: url('img/navigation-submenu-bg.png');
			list-style: none;
			padding: 10px 20px;
			position: absolute;
			width: 260px;
			z-index: 20;
		}
			#navigation ul ul li a {
				background: transparent;
				display: block;
				margin: 0 10px 0 0 !important; 
				overflow: visible;
				padding: 5px 0;
				text-indent: 0;
				height: auto;
				line-height: 1.2em;
				width: 120px;
			}
			#navigation ul ul li a:hover { color: #ffffff; }
			#menu-formation ul { left: -96px; }
			#menu-music ul { left: -123px; }
			#menu-action ul { left: -100px; }
			#menu-stewardship ul { left: -104px; }
			#menu-events ul { left: -75px; }
		#navigation-left {
			background: url('img/navigation-left.png') no-repeat;
			height: 76px;
			left: -10px;
			position: absolute;
			top: 97px;
			width: 10px;
		}
		#navigation-right {
			background: url('img/navigation-right.png') no-repeat;
			height: 76px;
			position: absolute;
			right: -10px;
			top: 81px;
			width: 10px;
		}
	#top-navigation {
		background: #f3f3f3;
		color: #067b87;
		font: 8px Helvetica, Arial, sans-serif; /* my eyes! */
		left: 416px;
		padding: 10px 15px;
		position: absolute;
		text-transform: uppercase;
		top: 0;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
	}
		#top-navigation ul {  }
		#top-navigation li { margin: 0; }
		#top-navigation li.last { margin-right: 0; }
		#top-navigation a { color: #790000; padding: 10px 8px; }
		#cross-thing {
			position: absolute;
			right: -26px;
			top: 7px;
		}
#main {
	background: url('img/main-bg.png') no-repeat 0 100%;
	min-height: 350px;
}
#slider {
	background: url('img/slider-bg.png') repeat-x;
	height: 250px;
	margin-top: 16px;
}
	#slider .posts {
		min-height: 0;
		position: relative;
		width: 717px;
	}
	#slider .post { width: 717px; }
	#slider .post .inside { margin: 25px 35px 25px 405px; }
	#slider img.wp-post-image { float: left; }
	#slider img.overlay {
		left: 0;
		position: absolute;
		top: 0;
	}
	#slider p { margin: 10px 0 5px 0; }
	#slider a.more {
		background: url('img/read-more-green.png') repeat-x 0 50%;
		height: 5px;
		padding: 5px 0;
	}
	#pager {
		background: url('img/slider-pager-bg.png') repeat-y;
		float: right;
		margin: 25px 0;
		width: 183px;
	}
		#pager a {
			display: block;
			margin-top: 8px;
			outline: none;
			padding: 0 37px;
		}
		#pager a:first-child { margin-top: 0; }
		#pager a span {
			display: block;
			height: 60px;
			margin: 0 auto;
			overflow: hidden;
			width: 110px;
		}
		#pager img {
			display: block;
			position: relative;
			width:110px;
			height:110px;
			top:-15px;
		}
		#pager .active-slide { background: url('img/slider-active.png') no-repeat 100% 50%; }
body.home #content {
	margin: 26px 0 0 0;
	padding: 0 43px 43px 43px;
}
	body.home #content h2 { font-size: 14px; }
	#columns {
		background: url('img/columns-bg.png') no-repeat 100% 100%;
		min-height: 416px;
		padding-top: 31px;
	}
	.column {
		float: left;
		margin-right: 29px;
		width: 250px;
	}
		.column .posts { padding: 0 25px; }
	.column.last {
		margin-right: 0;
		padding-left: 13px;
		width: 237px;
	}
	.column-bottom {
		background: url('img/column-bottom.png') no-repeat;
		height: 22px;
	}
	#top-stories {
		background: url('img/column-bg.png') repeat-y;
		font-size: 10px;
		line-height: 1.3em;
	}
		#top-stories h2 a {
			color: #067b87;
			font-size: 12px;
		}
		#top-stories h3 {
			background: url('img/top-stories-h3.png') no-repeat;
			height: 45px;
			width: 250px;
		}
		#top-stories .post { margin-top: 20px; }
		#top-stories .post:first-child { margin: 0; }
		#top-stories p { margin: 5px 0; }
		#top-stories a.more {
			background: url('img/read-more-gold.png') no-repeat 0 50%;
			height: 5px;
			padding: 5px 0;
		}
	#welcome { background: url('img/column-bg.png') repeat-y; }
		#welcome h2 a { color: #067b87; }
		#welcome h3 {
			background: url('img/welcome-h3.png') no-repeat;
			height: 45px;
			width: 250px;
		}
	#formation { font-family: Helvetica, Arial, sans-serif; }
		#formation h3 {
			color: #a3620a;
			font: 13px Georgia, Times, serif;
			padding-bottom: 20px;
		}
		#formation h4 {
			color: #790000;
			font-weight: bold;
		}
		#formation p { margin-top: 0; }
		#formation .posts { padding: 0 75px 0 0; }
	.home .posts { min-height: 325px; }
#content {
	margin: 0 177px;
	padding: 20px 0 43px 0;
	position: relative;
}
	#content .post a, #content .page a { text-decoration: underline; }
	#content .grid{text-align:center;width:200px;float:left;}
	#content .grid img{margin:0 auto; margin-bottom:10px;}
	#breadcrumbs {
		font: 11px Helvetica, Arial, sans-serif;
		margin-bottom: 30px;
		text-transform: uppercase;
	}
		#breadcrumbs span { color: #067b87; }
		#breadcrumbs a, #breadcrumbs span { margin-right: 10px; }
		#breadcrumbs a { font-weight: bold; }
	body.page #content, body.single #content{	width:650px;}
	body.page #content h1, body.single #content h1 { margin-bottom: 10px; }
	body.page #content h2, body.single #content h2 {
		color: #a3620a;
		font-family: Georgia, Times, serif;
		font-style: italic;
		line-height: 1.5em;
		margin: -5px 0 20px 0;
		text-transform: none;
	}
	body.page h3, body.single h3 {
		color: #067b87;
		margin: 10px 0;
	}
	body.page h4, body.single h4 {
		font-family: Georgia, Times, serif;
		font-style: italic;
		color: #a3620a;
	}
	/*body.page h4, body.single h4 {
		background: url('img/h3.png') no-repeat;
		color: #067b87;
		height: 32px;
		padding: 5px 0 0 20px;
	}*/
	/*body.page h4 + p, body.single h4 + p,
	body.page h4 + ul, body.single h4 + ul,
	body.page h4 + ol, body.single h4 + ol { 
		background: url('img/p-bg.png') no-repeat;
		margin-top: 0;
		min-height: 105px;
		padding: 5px 0 0 20px;
	}*/
	.post-meta { color: #999999; }
		.single .post-meta { text-align: center; }
		.page .post-meta { display: none; }
		.post-meta p { margin: 0; }
	#online-pledge { margin-top: 10px; }
	#online-pledge table { margin-bottom: 20px; }
	#online-pledge td { xvertical-align: top; }
	#online-pledge input[type = "radio"], #online-pledge input[type = "checkbox"] { margin-left: 20px; }
	#online-pledge h3, #online-pledge p { margin-top: 0; }
	#online-pledge td.right {
		padding-left: 20px;
		text-align: right;
	}
	
	.post-58 label{width:100px;display:block;float:left;}
	
.events{
margin-bottom:20px;
}
	.events ul{
		clear:both;
		margin:0;
		padding:0;
	}
		.events td{	
			border-bottom:1px solid #ccc;
		}
		.events td#date{
			width:100px;
		}
		.events td#title{
			width:400px;
		}
		.events td#category{
			width:50px;
			text-align:right;
		}
		
.page .events{
	padding:5px;
	background: url("img/sidebar-top-bg.png") repeat-x scroll 0 0 transparent;
}
#sidebar {
	background: url('img/sidebar-bg.png') repeat-y;
	float: left;
	font-size: 13px;
	margin: 70px 0 20px 0;
	text-transform: uppercase;
	width: 140px;
}
	#sidebar-top {
		background: url('img/sidebar-top-bg.png') repeat-x;
		height: 16px;
		margin-bottom: -12px;
	}
	#sidebar-bottom {
		background: url('img/sidebar-bottom-bg.png') repeat-x;
		height: 16px;
		margin-top: -12px;
	}
	#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#sidebar ul li a {
		background: url('img/sidebar-border.png') repeat-x;
		display: block;
		margin: 0 15px;
		padding: 10px 0 7px 0;
	}
	#sidebar ul li:first-child a { background: transparent; }
	#sidebar ul li.current_page_item { background: url('img/sidebar-active.png') no-repeat 0 9px; }
	#sidebar ul li.current_page_item a { color: #067b87; }
	#sidebar ul li.current_page_item ul li a { color: #790000; }
	#sidebar ul ul {
		line-height: 1em;
		margin-top: -5px;
		margin-bottom: 5px;
	}
	#sidebar ul ul li a {
		background: transparent;
		font-size: 11px;
		padding: 4px 0 4px 10px;
		text-transform: none;
	}
	#sidebar ul ul ul { margin: 0; }
.category-videos #posts{
	width:650px;
}
.widgz ul li a{
	margin-bottom:-20px !important;
	display:block !important;
}
.widgz ul li h2{
	display:none;
}
#footer {
	background: #e6ebf1 url('img/footer-bg.png') no-repeat;
	font: 8px Helvetica, Arial, sans-serif; /* my eyes! */
	margin: 0 -20px;
}
	#footer p {
		margin: 0;
		padding: 5px 0 10px 0;
		text-align: center;
	}
	#footer a {
		color: #363636;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 10px;
	}
	#footer span { margin-right: 28px; }
	#footer span.last { margin-right: 0; }
	#footer span span {
		color: #a3620a;
		margin-right: 8px;
	}
	#footer p:first-child {
		font: 11px/1.5em Georgia, Times, serif;
		margin-bottom: 30px;
		padding: 10px 0 0 0;
	}
		#footer p:first-child span span {
			letter-spacing: 2px;
			text-transform: uppercase;
		}

	
/* ===== misc =============================================================== */
ul.horizontal {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.horizontal li {
		float: left;
		margin-right: 25px;
	}
	ul.horizontal li.last { margin-right: 0; }
.no-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
img.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
	border:1px solid #ddd;
	padding:3px;
}
img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
	border:1px solid #ddd;
	padding:3px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* ======== clergy ============================================================ */

.headshot img{
	border:1px solid #ddd;
	padding:3px;
	margin-right:10px;
}