/* LAST UPDATED 08.13.2010 */

/* ///////////////  Change Log //////////////////////////

  * Added custom post type styles for different types.Also changed default
     font to 14px, then added 12px sizing to feature boxes. - L. Esposito 8-13-2010
  * Added Easy Slider styles to Structure section - L.Esposito 8-11-2010
  * Added Template styles for library - L. Esposito 8-2-2010 
                                                            */

/*
	Theme Name: JPM
	Theme URI: http://www.jpmoreland.com
	Description: 
	Version: 1.0
	Author: 
	Author URI: 
*/

/*

	Table of Contents

	I.    DEFAULTS
	II.   NAVIGATION
	III.  STRUCTURE & TYPOGRAPHY
	IV.   TABLES
	V.    FORMS
	VI.   HEADINGS
	VII.  COMMENTS

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

body {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #3b3838;
	background: #f7f3ea url('images/backgrounds/bg.jpg') no-repeat center top;
}

p, ul, ol, h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 16px;
}

a {
	color: #cb9213;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.button {
	display: inline-block;
	width: 113px;
	height: 33px;
	line-height: 31px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #848484;
	letter-spacing: 1px;
	border: 0;
	cursor: pointer;
	background: url('images/button.png') top no-repeat;
}

.button:hover {
	background-position: bottom;
	text-decoration: none;
}

.button:active { margin: 1px 0 0 1px; }

.button:focus { outline: none; }

a.rss {
	display: inline-block;
	padding-right: 18px;
	height: 14px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #ea9240;
	text-decoration: none;
	background: url('images/rss.png') right no-repeat;
}

a.rss:hover { color: #96ab6e; }

a img { border: 0; }

.photo {
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
	font-size:.7em;
	line-height:normal;
}


.alignleft {
	float: left;
	margin: 2px 16px 0 0;
}

.alignright {
	float: right;
	margin: 2px 0 0 16px;
}

.clearfloat	{
	clear:both;
}

ul, ol { margin: 0 0 0 28px; }

.caps { text-transform: uppercase; }

.italic { font-style: italic; }

/* Sticky Footer */

html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }

#content { padding-bottom: 37px; }

#footer {
	clear: both;
	position: relative;
	margin-top: -37px;
	height: 37px;
}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#nav li {
		float: left;
		padding: 0 5px 10px;
	}

	#nav li a {
		display: block;
		padding: 0 17px;
		height: 28px;
		line-height: 28px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #f1f1f1;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 1px 1px 3px #000;
		letter-spacing: 2px;
	}

	#nav li a:hover {
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		background-color: rgba(101,26,0,.2);
		-webkit-border-radius: 7px; /* such as Safari */
		-moz-border-radius: 7px; /* such as Firefox */
		border-radius: 7px; /* CSS3 */
	}

/* LEVEL TWO */

#nav ul ul {
	position: absolute;
	top: 38px;
	left: -999em;
	width: 200px;
	border: 5px #d8d8d8 solid;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

	#nav li li { padding: 0; }

	#nav li li a {
		width: 160px;
		height: auto;
		padding: 10px 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;
		color: #c56b3f;
		text-transform: none;
		text-shadow: none;
		letter-spacing: 0;
		border-bottom: 1px #fff solid;
		background: #eee url('images/backgrounds/bg-navLi.gif') repeat-x 50% top;
}

	#nav li li a:hover {
		color: #744f32;
		background-color: #eee;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

/* LEVEL THREE */

#nav ul ul ul { top: auto; margin: -36px 0 0 200px; }

#nav li:hover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul { left: auto; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 1000px;
}

	#header {
		position: relative;
		height: 129px;
	}

		#logo, #blurb, #nav { position: absolute; }

		#logo {
			top: 26px;
			left: 57px;
		}

		#blurb {
			top: 26px;
			right: 34px;
			width: 360px;
			height: 62px;
			text-align: right;
			font-size: 11px;
			line-height: 1.3em;
			color: #cb9213;
			letter-spacing: 1px;
		}

		#nav {
			top: 91px;
			left: 48px;
		}

	#content { width: 100%; overflow: hidden; /* clear floats */ }

		#content .content {
			padding: 0 70px;
			min-height: 444px;
			background: url('images/backgrounds/bg-content.jpg') repeat-y center;
}

		#subHeader {
			width: 100%; overflow: hidden; /* clear floats */
			padding: 18px 0;
		}

			#breadCrumbs {
				float: left;
				width: 74%;
			}

			#searchBox {
				float: right;
				width: 25%;
				text-align: right;
			}

		#slideshowBox {
			height: 320px;
			padding-bottom: 10px;
		}

		#featuredContent {
			position: relative;
			height: 246px;
			padding-bottom: 42px;
			background: url('images/backgrounds/bg-featuredContent.jpg') no-repeat 50% top;
}

			#featuredContent ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#featuredContent li {
					float: left;
					padding: 14px 20px 0 20px;
					width: 258px;
					line-height: 1.7em;
					font-size:12px;
				}

				#featuredContent li.first { width: 240px; }

				#featuredContent li.last { width: 237px; }

					#featuredContent .position {
						position: absolute;
						top: 84px;
						right: 123px;
					}

					#featuredContent .space { padding-left: 125px; }

				#featuredContent p.info {
					color: #744f32;
					font-size: 13px;
					font-style: italic;
					padding-bottom: 23px;
				}

		#mainContent {
			float: left;
			width: 582px;
			line-height: 1.7em;
		}


			.post-heading {
				margin-bottom: 26px;
				padding-left: 120px;
				height: 46px;
				line-height: 46px;
				text-align: left;
				font-style: italic;
				}
				


			#heading-blogHome {
				margin-bottom: 26px;
				padding-right: 20px;
				height: 46px;
				line-height: 46px;
				text-align: right;
				background: url('images/post_list_headers/heading-blogHome.jpg') no-repeat;
}
			
			/*  Add new background for different custom post types. */
			#heading-blog 				{ background: url('images/post_list_headers/heading-blog.gif') no-repeat;}
			#heading-books 				{ background: url('images/post_list_headers/heading-books.gif') no-repeat;}
			#heading-articles 			{ background: url('images/post_list_headers/heading-articles.gif') no-repeat;}
			#heading-media 				{background: url('images/post_list_headers/heading-media.gif') no-repeat;}
			#heading-life-of-the-mind 	{ background: url('images/post_list_headers/heading-life-of-the-mind.gif') no-repeat;}
			#heading-power-of-the-kingdom 	{ background: url('images/post_list_headers/heading-power-of-the-kingdom.gif') no-repeat;}
			#heading-spiritual-formation 	{ background: url('images/post_list_headers/heading-spiritual-formation.gif') no-repeat;}

			p.byline	{
				margin-top:-10px;
				font-style:italic;
				color:#8B3719;
				padding: 0 0 8px 0;
				}
			
			ul.postList {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				.postList li {
					margin: 0 0 26px;
					padding: 0 20px 10px;
					border-bottom: 1px #ccc solid;
				}
				
				.postList li li {
					margin: auto;
					padding: auto;
					border-bottom: none;
				}


				.postList li.last {
					margin-bottom: 0;
					border-bottom: 0;
				}

				.postList .date {
					padding-bottom: 8px;
					color: #8b3719;
				}

					.postList .date a { color: #8b3719; }

		#sidebar {
			float: right;
			width: 260px;
		}

			#upcomingEvents { margin-bottom: 30px; }
				/* hides the auto widget title */
				#upcomingEvents .widgettitle	{	display: none;}

				#upcomingEvents ul {
					list-style: none;
					margin: 0;
					padding: 0;
					border-left: 1px #ededed solid;
					border-right: 1px #ededed solid;
				}

					#upcomingEvents li {
						position: relative;
						background: #f5f3ee url('images/post-upcomingEvents-alt.gif') top repeat-x;
					}

					#upcomingEvents li.odd { background: #f6f6f5 url('images/post-upcomingEvents.gif') top repeat-x; }

						#upcomingEvents li a {
							display: block;
							padding: 8px 15px 8px 110px;
							color: #c56b3f;
							text-decoration: none;
						}

						#upcomingEvents li a:hover { color: #cb9213; }

						#upcomingEvents li .date {
							position: absolute;
							top: 8px;
							left: 19px;
						}

				#upcomingEvents .more {
					display: block;
					height: 36px;
					line-height: 36px;
					padding-right: 20px;
					color: #6d6d6d;
					text-align: right;
					text-decoration: none;
					text-transform: uppercase;
					text-shadow: 1px 1px 0 #fff;
					background: url('images/upcomingEvents-more.gif') no-repeat;
				}

					#upcomingEvents a.more:hover {
						color: #cb9213;
						text-decoration: none;
					}

				#newsletterBox, #supportBox {
					position: relative;
					margin-bottom: 30px;
					padding: 20px 10px 0 20px;
					height: 243px;
					color: #fff;
					line-height: 1.6em;
					background: url('images/backgrounds/bg-newsletterBox.jpg') no-repeat;
}

					#newsletterBox .button, #supportBox .button {
						position: absolute;
						bottom: 15px;
						right: 18px;
						border: 0;
						cursor: pointer;
						font-family: Georgia, "Times New Roman", Times, serif;
						text-shadow: none;
						background-image: url('images/button2.png');
					}

				#supportBox {
					height: 123px;
					background: url('images/backgrounds/bg-supportBox.jpg') no-repeat;
}

					#supportBox .button {
						bottom: 11px;
						background-image: url('images/button.png');
					}

				#connectBox {
					margin-bottom: 20px;
					padding: 20px 10px 0 20px;
					height: 78px;
					background: url('images/backgrounds/bg-connectBox.jpg') no-repeat;
}

					#connectBox ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}

						#connectBox li {
							float: left;
							margin-right: 30px;
						}

						#connectBox li.last { margin-right: 0; }

						#connectBox li a {
							display: block;
							width: 32px;
							height: 32px;
							text-indent: -4440px;
						}

						#connectBox li.icon-email a { background: url('images/icon-email.png') no-repeat; }
						#connectBox li.icon-facebook a { background: url('images/icon-facebook.png') no-repeat; }
						#connectBox li.icon-twitter a { background: url('images/icon-twitter.png') no-repeat; }
						#connectBox li.icon-rss a { background: url('images/icon-rss.png') no-repeat; }
						

				.library-box h2   {
					font-size: 18px;
					line-height: 22px;
						}
						
				.library-box .LibraryItemAuthor	{
					font-size: 14px;
					font-weight: bold;
					font-style: italic;
					color:maroon;
					line-height:normal;
					}
					
					.library-image	{
						 float:right;
						 width:300px;
						 text-align:center;
						 height: 230px;
						}
						
						#book .library-image{
							height: 350px;
							}

					ul.LibraryItemDetail  {
						list-style-type: none;
						margin:0;
						padding: 0;
						}
						
					ul.LibraryItemDetail li  {
						list-style-type: none;
						margin-bottom: 16px;
						}
																
					.library-box .label	{
						font-weight:bold;
						color: #000;
						}
						
						a.morelink	{
							color: #3a68c6;
							font-style: italic;
							font-weight:bold;
							}	
						a.morelink:hover	{
							color: #cb9213;
							}			
							

			/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:860px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn { 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;	
		}	
		
	#nextBtn a { 
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 10px auto;
		padding:0;
		height:9px;	
		width: 150px;
		}
	ol#controls li{
		margin:0 5px; 
		padding:0;
		float:left;
		list-style:none;
		height:9px;
		width:15px;
		line-height:9px;
		}
	ol#controls li a{
		float:left;
		height:9px;
		width:15px;
		line-height:6px;
		font-size:6px;
		border:1px solid #959595;
		background:#cecece;
		color:#cecece;
		padding:0;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#9e4421;
		color:#9e4421;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
s			

#footer { background: #893619 url('images/backgrounds/bg-footer.jpg') no-repeat center top;
}

	#footer .wrap {
		margin: 0 auto;
		width: 1000px;
		color: #808080;
		line-height: 37px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center;
	}

		#footer .wrap a { color: #808080; }

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 8px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0 8px 8px 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d3864d;
}

#searchBox .textBox {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 8px 2px 22px;
	border-top: 1px solid #aaa;
	-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: inset 0 1px 2px rgba(000,000,000,.2);
		-moz-box-shadow: inset 0 1px 2px rgba(000,000,000,.2);
		box-shadow: inset 0 1px 2px rgba(000,000,000,.2);
	background: #fbfbfb url('images/backgrounds/bg-searchBox.png') no-repeat 5px 70%;
}

#searchBox .textBox:focus, #searchBox .textBox:hover {
	border-color: #999;
	background-color: #fffbeb;
}

#newsletterBox label {
	font-style: italic;
	margin-right: 8px;
}

#newsletterBox .textBox {
	padding: 7px 10px;
	width: 152px;
	height: 17px;
	font-size: 13px;
	border: 0;
	background: transparent url('images/textBox.png') no-repeat;
}


.contact-form	{
	
	width: 300px;
	padding: 20px;
	background:url("images/backgrounds/bg-form.gif") repeat-x scroll center top #F5F3EE;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

h1 { font-size: 32px; }

h2 { font-size: 26px; }

	.postList h2 {
		padding-bottom: 2px;
		font-size: 20px;
	}

	h2#title-articles, h2#title-resources, h2#title-monthlyFeature { text-indent: -4440px; }

	h2#title-articles {
		padding-bottom: 4px;
		width: 84px;
		height: 17px;
		background: url('images/title-articles.png') no-repeat;
	}

	h2#title-resources {
		padding-bottom: 5px;
		width: 113px;
		height: 16px;
		background: url('images/title-resources.png') no-repeat;
	}

	h2#title-monthlyFeature {
		padding-bottom: 0;
		width: 182px;
		height: 21px;
		background: url('images/title-monthlyFeature.png') no-repeat;
	}

h3 { font-size: 22px; }

	#upcomingEvents h3 {
		padding: 0;
		text-indent: -4440px;
		width: 260px;
		height: 63px;
		background: url('images/title-upcomingEvents.gif') no-repeat;
	}

	#newsletterBox h3, #supportBox h3, #connectBox h3 {
		padding-bottom: 8px;
		text-indent: -4440px;
		height: 21px;
	}

	#newsletterBox h3 {
		width: 222px;
		background: url('images/title-newsletterSignup.png') no-repeat;
	}

	#supportBox h3 {
		width: 165px;
		background: url('images/title-supportToday.png') no-repeat;
	}

	#connectBox h3 {
		padding-bottom: 12px;
		width: 169px;
		height: 22px;
		background: url('images/title-connectShare.png') no-repeat;
	}

h4 { font-size: 18px; }

/* -----------------------------------------------------------
		VII. COMMENTS
----------------------------------------------------------- */

#comments { clear: both; }

#comments ul, #comments ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments li {
	margin: 0 0 15px;
	padding: 0;
}

#comments ol.commentlist ul { padding-left: 75px; }

#comments ul.children { padding-top: 15px; }

.comment-body {
	position: relative;
	margin: 0;
	padding: 10px 10px 10px 76px;
	min-height: 56px; /* this should be the height of your default avatar size */
}

#comments .alt, #comments .alt .comment-body { background-color: #eee; } /* if you want alternating row colors */

#comments div.reply { /* if you have threaded comments, this puts the reply link in the top right hand corner */
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
}

#comments img.avatar {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 56px;
	height: 56px;
}

#comments div.comment-meta { display: none; }

#comments cite { font-style: normal; }

#comments .cancel-comment-reply a { margin-bottom: 24px; }

#comments textarea, #comments .textBox {
	width: 90%;
	height: 100px;
	padding: 5px;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#comments .textBox {
	width: 150px;
	height: auto;
}

#comments #respond {
	clear: both;
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}

/* -----------------------------------------------------------
		VII. MISC
----------------------------------------------------------- */

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

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */