/* ==========================================
	Home Page Styles
	www.southwickchurch.org.uk
	home.css, v1.8
	17 July 2010
	Nathanael Woodbridge (Soli Deo Gloria)
============================================= */

/* ---------------- SECTIONS -----------------
	- General
	- Featured
	- Featured Tabs
	- Boxes
--------------------------------------------- */


/* -------------- General --------------- */


/* -------------- Featured --------------- */
.featured {
	height: 435px; width: 990px; overflow: hidden; margin-bottom: 18px;
}
.featured .current {
	height: 340px; background: #B7DDF7 url("../images/featured_bg.png") repeat-x; position: relative; overflow: hidden;
}
.featured .current .loading {
	height: 340px; background: #B7DDF7 url("../images/featured_bg.png") repeat-x; position: relative; z-index: 1000; text-align: center;
}
.featured .current .loading img {
	margin-top: 170px;
}
.featured .current .text {
	position: absolute; top: 50px; left: 0px;
}
.featured .current .title {
	text-shadow: 1px 1px 2px #000; font-size: 2.5em; color: #fff; font-weight: bold;
	line-height: 1.5em; padding: 5px 20px 10px 20px; margin-bottom: 10px;
	background: transparent url("../images/featured_text_bg.png") repeat; float: left;
}
.featured .current .details p {
	margin-bottom: 0 !important; margin-top: 0; clear: both; float: left; padding: 5px 20px;
	color: #fff; font-size: 1.125em;
	background: transparent url("../images/featured_text_bg.png") repeat;
}

.details p + p {
	text-indent: 0 !important;
}
.featured .current .link a {
	clear: both; position: relative; top: 18px;
}
.featured .current .link a {
	display: block; width: 190px; height: 41px;
	background: transparent url("../images/more_arrow.png") no-repeat;
}
.featured .current .link a span {
	display: none;
}

/* -------------- Featured Tabs --------------- */
.featured .tabs {
	height: 93px; border-bottom: 1px solid #D7D6D5; background: #CCE7F9 url("../images/featured_tab.png") repeat-x;
}
	.featured .tabs ul {
		width: 100%; margin: 0; top: 0; list-style: none;
	}
	.featured .tabs ul li {
		float: left; padding: 0;
	}
	.featured .tabs ul li a {
		display: block; height: 72px; width: 177px; padding: 10px;
		background: none; border-top: 1px solid #D7D6D5; border-right: 1px solid #D7D6D5;
		text-decoration: none; font-size: 1.5em; color: #000 !important;
	}
	.featured .tabs ul li.active a {
		background: #EBF6FC url("../images/featured_tab_active.png") repeat-x; border-top: 1px solid #B7DDF7;
	}
	.featured .tabs ul li a:hover {
		background: #EBF6FC url("../images/featured_tab_active.png") repeat-x;
	}
	.featured .tabs ul li.last a {
		border-right: none;
	}

/* -------------- Boxes --------------- */
.box {
	background: #CBE7F9 url("../images/box_bg.png") repeat-x; float: left; width: 316px; margin: 0 21px 20px 0;
}
.box.last {
	margin-right: 0;
}
.box .title {
	height: 30px; padding: 5px 10px 5px 10px; background: #5DAB95 url("../images/box_title_bg.png") repeat-x;
}
.box .title h3 {
	color: #000 !important; text-shadow: none !important; font-size: 22px; margin: 0;
}
.box .content {
	padding: 12px 18px 10px 10px; height: 235px; overflow: auto;
}
.box .content ul {
	padding-left: 6px; margin: 2px 0 18px 0;
}
.box .content li {
	list-style-type: none; background: url("../images/bullet_black.png") left 0.25em no-repeat;
	padding-left: 20px; position: relative; left: -5px;
}
.box .content h4 {
	color: black !important; text-shadow: none !important; font-variant: small-caps !important;
}
.box .content li span {
	font-size: 0.9em; padding-left: 5px;
}
.box .link {
	height: 30px; padding: 8px 10px 2px 10px; background: #9DCCBF url("../images/box_link_bg.png") repeat-x;
}
.box .link a {
	padding-left: 25px; background: transparent url("../images/arrow.png") no-repeat; color: #000 !important;
}

/* ================= END ==================== */