/*

Framework:		Main
website:		www.mcbchurch.org
version:		12 December 2010

Sections:		@Top Level HTML Elements -		*, html, body, p, p + p, a:link, a:visited, a:hover, a:active,
												a img, hr, blockquote, code, strong, em
				@Headings -						h1, h2, h3, h4, h5, h6
				@Header - 						header styles
				@Footer	-						footer styles
				@Navigation -				
				@Forms -					
				@Content Area -				

Color
Definitions:	Text Brown:		#282117
				Text Beige:		#81735d
				Main Orange:	#e74517
				Beige:			#e8e1d5


*/



/* ============================================================================== @Top Level HTML Elements */

html {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-beige.png) repeat;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 100%;
	width: 100%;
	}

body.home {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-home.jpg) repeat-x;
	}

body.main {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-main.jpg) repeat-x;
	}

a {
	color: #282117;
	text-decoration: underline;
	}

#footer a {
	color: #fff;
	}

p {
	line-height: 1.5em;
	padding: 0 0 1em 0;
	}

em {
	font: italic 1.1em Georgia, Baskerville, serif;
	}

img, a img {
	border: 0px solid;
	}



/* ============================================================================== @Headings */

h1 {}

#welcome h1 {
	font: italic 30px/38px Georgia, Baskerville, serif;
	padding: 37px 0 0 0;
	text-shadow: #cfcabc 0 1px 0;
	}

h2 {
	font: italic 24px/30px Georgia, Baskerville, serif;
	padding: 0 0 0 0;
	text-shadow: #cfcabc 0 1px 0;
	}

	h2 em {
		color: #8b867f;
		font-size: .75em;
		font-style: normal;
		}

h3 {
	background-color: #e74517;
	border-bottom: 1px solid #a93311;
	color: #fff;
	font: normal 18px/18px Georgia, Baskerville, serif;
	margin-bottom: 20px;
	padding: 10px;
	text-shadow: #ae3411 0 -1px 0;
	}

h4,
h4 a {
	color: #e74517;
	margin-bottom: 4px;
	}

h5 {
	background: url(http://www.mcbchurch.org/_assets/img/icons/ribbon-star.png) no-repeat left center;
	color: #2e2c29;
	font: normal 40px/50px Georgia, Baskerville, serif;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 60px;
	}

h5.plain {
	background: none;
	color: #2e2c29;
	font: normal 40px/50px Georgia, Baskerville, serif;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 0;
	}

h5.podcast {
	background: url(http://www.mcbchurch.org/_assets/img/icons/ribbon-speaker.png) no-repeat left center;
	border-bottom: 1px solid #cdc6b9;
	color: #2e2c29;
	font: normal 40px/50px Georgia, Baskerville, serif;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 60px;
	padding-bottom: 5px;
	}

h5.cal {
	background: url(http://www.mcbchurch.org/_assets/img/icons/ribbon-cal.png) no-repeat left center;
	border-bottom: 1px solid #cdc6b9;
	color: #2e2c29;
	font: normal 40px/50px Georgia, Baskerville, serif;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-left: 60px;
	padding-bottom: 5px;
	}

h6 {
	border-bottom: 1px solid #cdc6b9;
	font: italic 18px/22px Georgia, Baskerville, serif;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	text-shadow: #cfcabc 0 1px 0;
	}

	h6 em {
		color: #8b867f;
		font-size: .75em;
		font-style: normal;
		}




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

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

	#header img.logo {
		float: left;
		margin-top: 25px;
		}

	#header div.services {
		color: #6d6d6d;
		float: left;
		font-size: 12px;
		height: 25px;
		position: absolute;
		left: 540px;
		top: 13px;
		text-align: right;
		text-shadow: #000 0 -1px 0;
		width: 400px;
		}



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

#footer {
	background-color: #81735d;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	margin-top: 60px;
	padding: 20px 0;
	}

	#footer img.divider {
		height: 2px;
		padding: 5px 0;
		width: 100%;
		}

	#footer ul {
		margin-bottom: 20px;
		}

		#footer ul li {
			border-bottom: 3px solid #81735d;
			display: inline;
			margin-right: 10px;
			padding-bottom: 4px;
			}

			#footer ul li a {
				color: #fff;
				text-decoration: none;
				}
			
			#footer ul li.home:hover { border-bottom: 3px solid #e74517; }
			#footer ul li.aboutus:hover { border-bottom: 3px solid #e8e1d5; }
			#footer ul li.ministries:hover { border-bottom: 3px solid #96d21e; }
			#footer ul li.experienceus:hover { border-bottom: 3px solid #dae116; }
			#footer ul li.calendar:hover { border-bottom: 3px solid #2d9be8; }




/* ============================================================================== @Nav */

ul#nav {
	float: right;
	margin-top: 69px;
	width: 550px;
	z-index: 100000;
	}

	ul#nav li a {
		background: url(http://www.mcbchurch.org/_assets/img/nav/main-sprite.png) no-repeat;
		color: #fff;
		cursor: pointer;
		display: block;
		float: right;
		height: 31px;
		margin-left: 20px;
		text-indent: -9999px;
		}

	ul#nav li a.home			{ background-position: 0 0; margin-left: 0; width: 56px; }
	ul#nav li a.aboutus			{ background-position: -76px 0; width: 80px; }
	ul#nav li a.ministries		{ background-position: -176px 0; width: 80px; }
	ul#nav li a.experienceus	{ background-position: -276px 0; width: 111px; }
	ul#nav li a.calendar		{ background-position: -407px 0; width: 77px; }

		ul#nav li.active a.home, ul#nav li a.home:hover					{ background-position: 0 -50px; }
		ul#nav li.active a.aboutus, ul#nav li a.aboutus:hover			{ background-position: -76px -50px; width: 80px; }
		ul#nav li.active a.ministries, ul#nav li a.ministries:hover		{ background-position: -176px -50px; width: 80px; }
		ul#nav li.active a.experienceus, ul#nav li a.experienceus:hover	{ background-position: -276px -50px; width: 111px; }
		ul#nav li.active a.calendar, ul#nav li a.calendar:hover			{ background-position: -407px -50px; width: 77px; }
			





/* ============================================================================== @Forms */





/* ============================================================================== @Content */

.beige {
	color: #81735d;
	}

img.left { float: left; }
img.right { float: right; }

img.divider {
	height: 2px;
	padding: 10px 0 15px;
	width: 100%;
	}

.small {
	font-size: 11px;
	line-height: 13px;
	}

#welcome {
	height: 277px;
	position: relative;
	}

	#welcome img {
		margin-top: 17px;
		}

.grid-top {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-white-40.png) repeat;
	height: 14px;
	left: 0;
	position: absolute;
	top: 264px;
	}

#welcome-pastor {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-white-40.png) repeat;
	padding: 20px;
	}

#welcome-center {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-brown-50.png) repeat;
	color: #fff;
	padding: 20px 20px 10px;
	}

	#welcome-center img {
		background-color: #fff;
		border: 1px solid #d9d6cf;
		margin-bottom: 10px;
		padding: 5px;
		}

	#welcome-center p img {
		background-color: transparent;
		border: 0px solid;
		margin-bottom: 0;
		padding: 0;
		}

div.bio-pic {
	color: #fff;
	font: normal 11px/13px Georgia, Baskerville, serif;
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
	width: 160px;
	}

	div.bio-pic img {
		background-color: #fff;
		border: 1px solid #d9d6cf;
		border-bottom: 0px solid;
		float: left;
		padding: 5px;
		}

	div.bio-pic div {
		background-color: #746e64;
		float: left;
		padding: 7px;
		}

.calendar-item {
	background: url(http://www.mcbchurch.org/_assets/img/icons/calendar.png) right top no-repeat;
	border-bottom: 1px solid #d1c9bb;
	margin-bottom: 15px;
	padding-bottom: 0px;
	}

#podcast {
	color: #fff;
	margin: 10px 0 40px;
	width: 100%;
	}

#welcome-pastor #podcast {
	margin-bottom: 0px;
	}

	#podcast div.info {
		float: right;
		margin: 0 10px 5px 5px;
		}

		#podcast div.info img {
			margin: 0 0 0 0;
			}

	#podcast img {
		float: left;
		margin: 3px 0 0 8px;
		}

	#podcast p {
		line-height: 18px;
		padding: 0 10px 0 40px;
		}

	#podcast .date {
		color: #f08b6e;
		font-size: 12px;
		padding-left: 40px;
		}

	#podcast .top {
		background: url(http://www.mcbchurch.org/_assets/img/podcast/bg-top.png) top right no-repeat;
		height: 10px;
		width: 100%;
		}

	#podcast .mid {
		background: url(http://www.mcbchurch.org/_assets/img/podcast/bg-mid.png) top right repeat-y;
		width: 100%;
		}

	#podcast .btm {
		background: url(http://www.mcbchurch.org/_assets/img/podcast/bg-btm.png) bottom right no-repeat;
		height: 10px;
		width: 100%;
		}

#ourlocation {
	background: url(http://www.mcbchurch.org/_assets/img/main/bg-brown-50.png) repeat;
	color: #fff;
	padding: 10px;
	}

.ministry {
	border-bottom: 1px solid #cdc6b9;
	margin-bottom: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	}

	.ministry h6 {
		border-bottom: 1px solid #cdc6b9;
		font: bold 16px/20px Georgia, Baskerville, serif;
		margin-top: 20px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-bottom: 10px;
		}

	.ministry p {}

	.ministry table {
		border-top: 1px solid #cfc8bd;
		border-bottom: 1px solid #cfc8bd;
		margin-bottom: 40px;
		text-align: left;
		width: 640px;
		}

		.ministry table tr td {
			border-top: 1px solid #cfc8bd;
			padding: 15px;
			}

		.ministry table tr th.w100 { width: 100px; }
		.ministry table tr th.w150 { width: 150px; }
		.ministry table tr th.w200 { width: 200px; }
		.ministry table tr th.w300 { width: 300px; }

		.ministry table tr th {
			background-color: #f8f5f1;
			border-bottom: 1px solid #cfc8bd;
			font: italic Georgia, Baskerville, serif;
			padding: 15px;
			}

.stars {}

	.stars a {
		background: url(http://www.mcbchurch.org/_assets/img/icons/star.png) no-repeat 10px center;
		border-bottom: 1px solid #cdc6b9;
		display: block;
		margin: 0 0 0 0;
		padding-top: 10px;
		padding-left: 23px;
		padding-bottom: 10px;
		text-decoration: none;
		}

	.stars a:hover {
		background-color: #d9d2c5;
		}

.podcasts {}

	.podcasts a.icon {
		background: url(http://www.mcbchurch.org/_assets/img/icons/rss-play.png) no-repeat left center;
		display: block;
		margin: 0 0 0 0;
		padding-top: 10px;
		padding-left: 23px;
		padding-bottom: 10px;
		text-decoration: underline;
		}

div.description p,
p.description,
span.description {
	color: #8b867f;
	font-size: 12px;
	line-height: 16px;
	}

.podcast-single {
	border-bottom: 1px dotted #cdc6b9;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

	/*
	.podcast-single img.right {
		margin-top: 7px;
		margin-right: 20px;
		}
	*/

a.itunes {
	background: url(http://www.mcbchurch.org/_assets/img/icons/itunes.png) no-repeat left 9px;
	display: block;
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-left: 30px;
	text-decoration: underline;
	}

a.miro {
	background: url(http://www.mcbchurch.org/_assets/img/icons/miro.png) no-repeat left 9px;
	display: block;
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-left: 30px;
	text-decoration: underline;
	}

a.ics {
	background: url(http://www.mcbchurch.org/_assets/img/icons/ics.png) no-repeat left 11px;
	display: block;
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-left: 25px;
	text-decoration: underline;
	}

img.featured {
	border-top: 1px solid #d9d6cf;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	}









.marg-t-10 { margin-top: 10px; }
.marg-t-20 { margin-top: 20px; }
.marg-t-40 { margin-top: 40px; }
.marg-t-60 { margin-top: 60px; }
.marg-t-80 { margin-top: 80px; }
.marg-t-100 { margin-top: 100px; }

.marg-b-10 { margin-bottom: 10px; }
.marg-b-20 { margin-bottom: 20px; }
.marg-b-40 { margin-bottom: 40px; }
.marg-b-60 { margin-bottom: 60px; }
.marg-b-80 { margin-bottom: 80px; }
.marg-b-100 { margin-bottom: 100px; }