/**
 * Gospels In Playdough (gospelsinplaydough.com) main CSS layout file
 *
 * @package gospelsinplaydough
 */

* {
	margin: 0;
	padding: 0;
}

html {
	background: #f4f4f4;
	font-family: "Calibri", "Lucida Sans", "Helvetica", "Arial", "Verdana", sans-serif;
}

body {
	margin: 15px auto 30px auto;
	width: 960px;
}

.clear {
	clear: both;
}

/** -- MESSAGES ----------------------------------------------------------------------------------------------------- */

.message {
	margin: 15px 0;
	padding: 5px;
	color: #979908;
	border: 3px solid #F7F8B4;
	background: #FFFFEA;
	font-size: 15px;
}

.message.required {
	color: #DC1313;
	border: 3px solid #FF7373;
	background: #FED0D0;
}

/** -- #Logo -------------------------------------------------------------------------------------------------------- */

#Logo {
	float: left;
}
	
	#Logo h2 a {
		width: 180px;
		height: 75px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../images/bg_logo.gif) no-repeat;
	}
	
	#Logo h2 a:hover, #Logo h2 a:active, #Logo h2 a:focus {
		background-position: 0 -75px;
		outline: none;
	}

/** -- ul#Navigation ------------------------------------------------------------------------------------------------ */

/** needed to vertically align the nav links with the logo **/
#NavigationHolder {
	position: relative;
	height: 75px;
	margin-left: 200px;
}

ul#Navigation {
	position: absolute;
	right: 0;
	bottom: 0;
}
	
	ul#Navigation li {
		float: left;
		list-style-type: none;
		margin-right: 10px;
	}
		
		ul#Navigation li a {
			color: #3b494d;
			background: url(../images/bg_navtab_right.gif) right -40px no-repeat;
			display: block;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
		}
			
			ul#Navigation li a span {
				background: url(../images/bg_navtab_left.gif) left -40px no-repeat;
				display: block;
				padding: 6px 10px;
			}
		
		ul#Navigation li a.current, ul#Navigation li a.section {
			background-position: right 0;
			color: #fff;
		}
			
			ul#Navigation li a.current span, ul#Navigation li a.section span {
				background-position: left 0;
			}
		
		ul#Navigation li a.link:hover, ul#Navigation li a.link:hover,
		ul#Navigation li a.link:focus, ul#Navigation li a.link:focus,
		ul#Navigation li a.link:active, ul#Navigation li a.link:active {
			background-position: right -80px;
		}
			
			ul#Navigation li a.link:hover span, ul#Navigation li a.link:hover span,
			ul#Navigation li a.link:focus span, ul#Navigation li a.link:focus span,
			ul#Navigation li a.link:active span, ul#Navigation li a.link:active span {
				background-position: left -80px;
			}
		
		ul#Navigation li a:hover, ul#Navigation li a:hover,
		ul#Navigation li a:focus, ul#Navigation li a:focus,
		ul#Navigation li a:active, ul#Navigation li a:active {
			outline: none;
		}
		
			ul#Navigation li a:hover span, ul#Navigation li a:hover span,
			ul#Navigation li a:focus span, ul#Navigation li a:focus span,
			ul#Navigation li a:active span, ul#Navigation li a:active span {
				color: #000;
			}

/** -- #Focus ------------------------------------------------------------------------------------------------------- */

#Focus {
	padding: 5px 15px;
	background: #5cc3fd url(../images/bg_focus.gif) no-repeat top right;
	overflow: auto;
}
	
	#Focus.homePage {
		padding: 15px;
	}
	
	#Focus #HomePageFocusImage {
		width: 500px;
		height: 400px;
		border: 5px solid #f4f4f4;
		position: relative;
		display: block;
		overflow: hidden;
	}
		
		#Focus #HomePageFocusImage img {
			border: none;
		}
	
	#Focus #FocusQuote {
		float: right;
		width: 385px;
		background: #43b2f0;
		padding: 10px;
		height: 390px;
		display: table;
		*display: block;
		*position: relative;
	}
		
		#Focus #FocusQuote blockquote {
			color: #fff;
			font-weight: bold;
			font-size: 28px;
			display: table-cell;
			vertical-align: middle;
			*display: block;
			*position: absolute;
			*left: 10px;
			*width: 100%;
			*cursor: pointer;
			*top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
		}

/** -- #QuoteBar ---------------------------------------------------------------------------------------------------- */

#QuoteBar {
	background: #25282b;
	border-top: 1px solid #000;
	padding: 5px 15px;
	overflow: auto;
}
	
	#QuoteBar q {
		color: #fff;
		font-family: "Vedana", "Helvetica", "Arial", sans-serif;
		font-size: 14px;
		line-height: 29px;
		font-weight: bold;
	}
	
	#QuoteBar #QuoteBarLinks {
		float: right;
	}
		
		#QuoteBar #QuoteBarLinks a {
			background: url(../images/bg_quotebarlink_right.gif) no-repeat top right;
			color: #fff;
			display: block;
			line-height: 29px;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;
			padding-right: 15px;
			float: left;
			margin-left: 5px;
		}
		
		#QuoteBar #QuoteBarLinks a:hover {
			background-position: right -29px;
			color: #f4f4f4;
		}
		
			#QuoteBar #QuoteBarLinks a span {
				background: url(../images/bg_quotebarlink_left.gif) no-repeat top left;
				display: block;
				padding-left: 15px;
			}
			
			#QuoteBar #QuoteBarLinks a:hover span {
				background-position: left -29px;
			}

/** -- #Content ----------------------------------------------------------------------------------------------------- */

#Content {
	background: #fff url(../images/bg_content.gif) no-repeat bottom;
	padding: 15px;
	overflow: auto;
}

/** -- GALLERY PAGE ------------------------------------------------------------------------------------------------- */

#GalleryImages {
	margin-left: 0;
	overflow: auto;
}
	
	#GalleryImages li {
		float: left;
		list-style-type: none;
		padding: 8px;
		border: 1px solid #e5e3d4;
		background: #fffde6;
		margin-right: 35px;
	}
	
	#GalleryImages li.endRow {
		margin-right: 0;
	}
	
	#GalleryImages li.even {
		background: #fffff7;
	}
	
		#GalleryImages li .galleryCaption {
			margin: 4px 0;
			font-size: 14px;
			line-height: 17px;
			text-align: center;
			display: block;
		}
		
		#GalleryImages li img {
			border: 1px solid #e5e3d4;
			padding: 2px;
			background: #fff;
		}
		
		#GalleryImages li a:visited {
			text-decoration: none;
			border: none;
		}

p.pagination {
	clear: both;
	border: 1px solid #f4f4f4;
	text-align: center;
	padding: 6px;
}
	
	p.pagination a {
		border-bottom: none !important;
	}

/** -- #Footer ------------------------------------------------------------------------------------------------------ */

#Footer {
	text-align: center;
	color: #ccc;
	font-size: 80%;
	margin-top: 10px;
}