/* 
	Site:		Buffalo Covenant Church
	File:		Main Screen CSS
	Author:	Eric Shepherd
	Date:		April 2008
*/

/* CSS */

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* old background - greener than the new fade image on the body - E4E6D6 */

body {
	background: url(../images/bk-body.jpg) repeat-x center 100px;
	font-family: "lucida grande", "lucida sans unicode", verdana, sans-serif;
	font-size: small;
	border-top: 5px solid #172e3f;
	color: #373733;
}

ul, ol {
	margin: 0 0 1em 2em;
}

h1 {
	margin-bottom: .6em;
	padding-bottom: .1em;
	border-bottom: 1px dotted #e9e9e9;
}

body.main h1 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

h3 p {
	margin: 0;
}

/* LINKS */

a:link {
	color: #832b24;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #373733;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #832b24;
	background: #e4e6d6;
	border-bottom: 1px solid #823b24;
	text-decoration: none;
}

a:active {
	color: #fff;
	background: #823b24;
	text-decoration: none;
}

/* HEADER */

#header {
	border-top: 1px solid #274e6b;
	border-bottom: 3px solid #172e3f;
	background: #1e3b51 url(../images/bk-header-wheat.jpg) no-repeat center top;
	height: 100px;
}

	#header p, 
	#header h1 {
		font-size: 1.1em;
		text-indent: -9999px;
		width: 960px;
		margin: 0 auto;
	}

		#header p a {
			display: block;
			width: 320px;
			height: 42px;
			margin: 20px 0 0 30px;
		}

			#header p a:hover {
				background: transparent;
				text-decoration: none;
				border: 0;
				overflow: hidden;
			}

/* CONTAINER LAYOUT */

#container {
	background: #fff url(../images/bk-content-top.gif) no-repeat left top;
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
	top: -26px;
	overflow: hidden;
}

/* MAIN NAVIGATION */

#main-navigation {
	list-style: none;
	width: 944px;
	margin: 8px 8px 0 8px;
	background: #172e3f;
	float: left;
	position: relative;
	_display: inline;
}

	#main-navigation li {
		float: left;
		list-style: none;
		height: 42px;
		position: relative;
	}

			body#home-page #main-navigation li {
				height: 87px;
			}

		#main-navigation a {
			display: block;
			background-image: url(../images/nav-inner.gif);
			background-repeat: no-repeat;
			height: 42px;
			text-indent: -9999px;
			position: relative;
			overflow: hidden;
		}

			body#home-page #main-navigation a {
				background-image: url(../images/nav.gif);
				height: 87px;
			}

		#main-navigation li a:hover {
			border-bottom: 0;
		}


/* NAV SPECIFICS - HOME */

#nav-visiting a {
	width: 157px;
	background-position: 0 0;
	border-right: 1px solid #2a4f6a;
}

	#nav-visiting a:hover {
		background-position: 0 -42px;
	}

		#nav-visiting a.active {
			background-position: 0 -84px;
		}

			body#home-page #nav-visiting a {
				background-position: 0 0;
			}
	
				body#home-page #nav-visiting a:hover {
					background-position: 0 -87px;
				}

#nav-about a {
	width: 156px;
	background-position: -158px 0;
	border-right: 1px solid #2a4f6a;
}

	#nav-about a:hover {
		background-position: -158px -42px;
	}

		#nav-about a.active {
			background-position: -158px -84px;
		}

			body#home-page #nav-about a {
				background-position: -158px 0;
			}
	
				body#home-page #nav-about a:hover {
					background-position: -158px -87px;
				}
			
#nav-ministries a {
	width: 156px;
	background-position: -316px 0;
	border-right: 1px solid #2a4f6a;
}

	#nav-ministries a:hover {
		background-position: -316px -42px;
	}

		#nav-ministries a.active {
			background-position: -316px -84px;
		}

			body#home-page #nav-ministries a {
				background-position: -316px 0;
			}
	
				body#home-page #nav-ministries a:hover {
					background-position: -316px -87px;
				}

#nav-people a {
	width: 156px;
	background-position: -474px 0;
	border-right: 1px solid #2a4f6a;
}

	#nav-people a:hover {
		background-position: -474px -42px;
	}

		#nav-people a.active {
			background-position: -474px -84px;
		}

			body#home-page #nav-people a {
				background-position: -474px 0;
			}
	
				body#home-page #nav-people a:hover {
					background-position: -474px -87px;
				}

#nav-news a {
	width: 157px;
	background-position: -632px 0;
	border-right: 1px solid #2a4f6a;
}

	#nav-news a:hover {
		background-position: -632px -42px;
	}

		#nav-news a.active {
			background-position: -632px -84px;
		}

			body#home-page #nav-news a {
				background-position: -632px 0;
			}
	
				body#home-page #nav-news a:hover {
					background-position: -632px -87px;
				}

#nav-contact a {
	width: 157px;
	background-position: -790px 0;
	border-right: 0;
}

	#nav-contact a:hover {
		background-position: -790px -42px;
	}

		#nav-contact a.active {
			background-position: -790px -84px;
		}

			body#home-page #nav-contact a {
				background-position: -790px 0;
			}
	
				body#home-page #nav-contact a:hover {
					background-position: -790px -87px;
				}

/* SUBNAVIGATION */

ul#secondary-navigation {
	list-style: none;
	text-align: center;
	clear: both;
	background: #f4f0ea url(../images/bk-subnav-bottom.gif) repeat-x center bottom;
	width: 898px;
	margin: 0 auto;
	padding: 3px 0 4px 0;
}

	ul#secondary-navigation li {
		display: inline;
		line-height: 2.3;
	}

		ul#secondary-navigation a {
			text-decoration: none;
			padding: 0 15px;
		}

		ul#secondary-navigation span {
			padding: 0 15px;
		}

		ul#secondary-navigation a:visited {
			color: #832b24;
		}

		ul#secondary-navigation a:hover {
			background: #f4f0ea;
			text-decoration: underline;
			border-bottom: 0;
		}

/* CONTENT */

/* home page content container */

body.main #content-container {
	background: #fff url(../images/BCCLogo-home.jpg) no-repeat center top;
	float: left;
	clear: both;
	position: relative;
	width: 898px;
	padding: 200px 0 30px 0;
	margin: 0 31px 0 31px;
	_display: inline;
}

#tiles {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

	#tiles a img {
		border: 0;
	}

/* callout boxes */

#callout-boxes {
	clear: both;
	margin: 0;
	padding-top: 1em;
}

#callout-boxes:after {
	content: '.';
	overflow: hidden;
	display: block;
	visibility: hidden;
}

	#callout-boxes h2 {
		padding: 10px 10px 0 10px;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: .2em;
		text-transform: uppercase;
		color: #373733;
		margin-bottom: 1em;
	}

	#callout-boxes p,
	#callout-boxes dl {
		padding: 0 10px;
	}
	
	#latest-sermon {
		border: 1px solid #d9dbcc;
		background: #fff url(../images/bk-left-box.gif) no-repeat right top;
		float: left;
		width: 288px;
		min-height: 72px;
		font-size: .8em;
		margin-right: 4px;
		position: relative;
		_display: inline;
	}

		#latest-sermon dt {
			font-weight: bold;
			width: 170px;
		}

.listen a {
	background: url(../images/btn-listen.gif) no-repeat 0 0;
	text-indent: -9999px;
	height: 22px;
	display: block;
	width: 88px;
}

		#latest-sermon .listen a {
			margin-left: 170px;
			margin-top: -20px;
			position: absolute;
			/*top: 30px;*/
			right: 8px;
			bottom: 8px;
		}

			.listen a:hover {
				background-position: 0 -22px;
				text-decoration: none;
				border: 0;
			}

		#latest-sermon p {
			font-weight: normal;
			text-transform: lowercase;
			font-size: .9em;
			position: absolute;
			top: 8px;
			right: 0;
		}
	
	#worship-information {
		border: 1px solid #d9dbcc;
		float: right;
		width: 602px;
		min-height: 72px;
		background: #fff url(../images/bk-right-box.gif) no-repeat left top;
		font-size: .8em;
	}

/* home page content */


/* standard */

/* text */

h1, h2, h3 {
	font-family: "georgia", "times new roman", serif;
	font-weight: normal;
	/*color: #832b24;*/
	color: #0e1d27;
	color: #1e3b51;
	color: #283f51;
}

h2 {
	margin-bottom: .2em;
}

h3 {
}

p {
	margin: 0 0 1em 0;
}

img {
	padding: 1px;
	border: 3px solid #e4e6d6;
}

/* layout */

#content-container {
	padding: 2em 0 0 0;
	margin: 0 31px;
	position: relative;
	clear: both;
}

	#main-content {
		width: 580px;
		float: left;
		margin: 0 0 3em 292px;
		line-height: 1.4;
		border-left: 1px solid #a3a499;
		padding: 0 0 0 26px;
		_display: inline;
	}

	body.main #main-content {
		border: 0;
		padding-top: 6px;
	}

		#main-content img {
			float: right;
			margin: 0 0 1.2em 1.2em;
		}

	#secondary-content {
		width: 272px;
		float: left;
		margin-left: -898px;
		padding-right: 20px;
		font-size: 90%;
		_display: inline;
	}

	body.main #secondary-content {
		padding-right: 0;
		width: 292px;
	}

		#secondary-content h2 {
			font-size: 1em;
			font-weight: bold;
			letter-spacing: .2em;
			text-transform: uppercase;
			margin-bottom: .8em;
		}

		#secondary-content h3 {
			font-size: 1.4em;
		}

		#secondary-content img {
			float: left;
			margin: 1em 1.2em 1.2em 0;
			_display: inline;
		}

		/* home specific */

#upcoming-events {
	width: 135px;
	float: left;
	margin: 12px 14px 0 0;
	_display: inline;
}

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

	#upcoming-events li {
		list-style: none;
		margin: 0 0 .4em 0;
		padding: 0;
	}

#recent-news {
	margin: 12px 0 0 0;
	width: 135px;
	float: left;
	_display: inline;
}

	#recent-news ul {
		margin: 0 0 20px 0;
		padding: 0;
	}

		#recent-news li {
			list-style: none;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #e9e9e9;
		}

			#recent-news li a {
				display: inline;
			}

/* NEWS */

#sermons-list {
	margin: 0 0 .5em 0;
	list-style: none;
}

p.view-all {
	margin-top: 0;
}

p.view-all a {
	color: #666;
	font-weight: normal;
	font-size: .9em;
	text-transform: lowercase;
}

.summary {
	border-bottom: 1px dotted #c6c6c6;
	padding: 1em 0;
}

	.summary p {
		/*margin: 0;*/
	}

	.summary h2 {
		margin-bottom: .2em;
	}

	.summary p.listen {
		margin-bottom: 0;
	}

/* CONTACT */

#contactForm p {

}

#contactForm label {
	display: block;
}

#contactForm input {
	display: block;
}

/* FOOTER */

#footer {
	clear: both;
	background: #1c3b51;
	border-top: 5px solid #172e3f;
	min-height: 100px;
	color: #fff;
}

	/* temporary */

	#footer p {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 90%;
		border-top: 1px solid #274e6b;
		padding: 25px 0;
	}