/* ==========================================
	Core Styles
	www.southwickchurch.org.uk
	master.css, v1.9
	17 July 2010
	Nathanael Woodbridge (Soli Deo Gloria)
============================================= */

/* ---------------- SECTIONS -----------------
	- General
	- Header
	- Content
	- Footer
	- Specific
--------------------------------------------- */

/* -------------- General --------------- */
html,
body {
	height: 100%;
	/*background: url("baseline.png") repeat 0px 14px;*/
}

body {
	font-family : "Segoe UI", Segoe, Tahoma, Geneva, Arial, sans-serif;
}

#accessibility {
	position: absolute; top: -10000px;
}

#page {
	margin: auto; height: 100%; width: 990px;
}

/* --------------- Header --------------- */
#header {
	width: 100%; height: 126px;
}
#logo {
	width: 310px; height: 100%; float: left;
	background: #99DFE3 url("../images/logo-bg.png") repeat-x;
}
	#logo img {
		margin: 15px;
		font-size: 2em; line-height: 1.6em;
	}
	#logo:hover {
		background-image: url("../images/logo-bg_active.png");
	}
	
#nav {
	width: 680px; height: 100%; float: left;
	background: #F8F8F8 url("../images/nav-bg.png") repeat-x;
}
	#nav ul {
		width: 100%; margin: 0; padding-left: 12px; top: 0;
		list-style: none;
	}
	#nav ul li {
		float: left; padding: 0;
	}
	
	#nav ul li a {
		display: block; height: 58px; padding: 48px 24px 20px;
		background: none; border-left: 1px solid #EDEDED;
		text-decoration: none; text-transform: lowercase; font-size: 1.75em; color: #000; text-shadow: 2px 2px 3px #EEEEEE;
	}
	#nav ul li.last a {
		border-right: 1px solid #EDEDED;
	}
	#nav ul li a.active {
		background: #F9F9F9 url("../images/active-link.png") repeat-x;
	}
	#nav ul li a:hover {
		background: #F9F9F9 url("../images/active-link.png") repeat-x;
	}

#user-info {
	position: fixed; right: 10px; top: 0; z-index: 4000;
}
	#user-info .signin_form {
		display: none; padding: 10px; width: 244px; z-index: 99; float: right;
		background-color: #87C1B1; color: #fff;
	}
	.signin_form label {
		display: block;
	}
	.signin_form a {
		color: #fff;
	}

#user-info .signin_button a {
	float: right; padding: 1px 12px 5px 12px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;

	background: transparent url("../images/user-info_bg.png") repeat-x; color: #fff; text-decoration: none;
}


/* ----------------- Content ----------------- */
#content {
	clear: both; margin: 18px 0; min-height: 72%;
}
	#content p {
		text-align: justify;
	}
	#content a {
		color: #437C6C;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		color: #B52920; text-shadow: 2px 2px 3px #DDDDDD;
	}
	#content ol,
	#content ul {
		margin-left: 0;
	}
	#content dt {
		color: #437C6C; font-variant: small-caps;
	}
	
	#content blockquote {
		color: #437C6C; text-indent: -0.35em;
	}
	
	#content form {
		background: #CBE7F9 url("../images/blue-bg.png") repeat-x;
		padding: 14px; margin: 14px 0px;
	}
	
	#main ul li, #sidebar ul li { /* All but homepage */
		list-style-type: none;
		background: url("../images/bullet_black.png") left 0.25em no-repeat;
		padding-left: 20px;
		position: relative;
		left: -20px;
	}
	
#main {
	float: right; width: 570px; padding: 0 48px 24px; position: relative;
}
	#main p {
		letter-spacing: 0.1px;
	}

#sidebar {
	float: left; width: 250px; padding: 24px 30px; margin-bottom: 22.5px;
	background: #CBE7F9 url("../images/blue-bg.png") repeat-x;
	font-size: 15px; line-height: 21px;
}
	#sidebar p {
		margin-bottom: 15px; line-height: 21px; text-align: left;
	}
	#sidebar ul,
	#sidebar ol,
	#sidebar dl,
	#sidebar dialog {
		font-size: 1em; line-height: 21px; margin-top: 0;
	}
	#sidebar h2,
	#sidebar h3,
	#sidebar h4,
	#sidebar h5,
	#sidebar h6 {
		color: #876630; /* #B88B42 */ text-shadow: 0 1px 0 white; line-height: 21px;
		margin-bottom: 10px;
	}
	#sidebar section {
		border-top: solid 1px #A1A1A1;
		padding-top: 4px;
	}
	
	ul.menu {
		left: -2px;
		top: -5px;
	}
	ul.menu li {
		background-image: url("../images/bullet_arrow_right.png") !important;
		margin-left: 18px;
	}
	ul.menu li ul li {
		margin-left: 25px;
		font-size: 0.9em;
	}

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

#footer {
	clear: both; height: 100px; padding: 15px;

	overflow: hidden; background: #F3CA6E url("../images/footer-bg.png") repeat-x;
	color: #000; line-height: 1.2;
}
	#footer .links {
		float: left; width: 295px;
	}
	#footer .links-column {
		float: left; width: 35%; padding-left: 10px; padding-top: 5px;
	}
	#footer .links-column ul {
		margin: 0;
	}
	#footer li {
		list-style-type: none;
	}
	#footer .details {
		float: left; width: 600px; padding-left: 10px; font-size: 0.95em;
		border-left: 1px solid #DDA74F;
	}
	#footer .details .copyright {
		font-size: 0.88em; margin-top: 10px;
	}
	#footer a {
		color: black;
	}
	#footer h4 {
		top: 0; font-variant: normal;
	}


/* -------------- Specific --------------- */

/* General */
.options {
	color: #437B6C; position: absolute; float: right; right: 50px; top: 22px;
}

/* Tables */
table {
	border-color: #B52920;
}
tbody th, tbody td, tfoot th, tfoot td {
	border-color: #B52920;
}
tbody tr:nth-child(2n+1) th, tbody tr:nth-child(2n+1) td {
	background-color: #F8F1F2;
}

/* Block Content */
.block {
	position: relative; background: #FEE7A5 url("../images/yellow-bg.png") repeat-x; margin-bottom: 10px;
}
.block .content {
	padding: 10px 15px;
}
.block h2 {
		padding-bottom: 10px;
		margin-right: 150px;
}
.block .link {
	position: absolute; right: 32px; top: 6px; width: 162px; height: 42px;
}
.block .link a {
	display: block; padding: 8px 41px 0px 0px; width: 161px; height: 41px;
	background: transparent url("../images/details-link.png") no-repeat right center; color: black; text-align:right;
}
.block:hover .link {
	display: block;
}

/* Expanding Sections */
.expand-section {
	margin-bottom: 10px;
}
.expand-section .title {
	background: transparent url("../images/red-arrow-right.png") no-repeat left 80%;
	padding-left: 25px; position: relative; left: -25px;
}
.expand-section .title.open {
	background-image: url("../images/red-arrow-down.png");
}

/* Media */
/* Media Items */
.items {
	margin-bottom: 24px;
}
.items .table-info {
	height: 15px; position: relative;
}
.items .table-info h2 {
	position: absolute;
}
.items .table-info .search {
	position: absolute; right: 0; top: 5px;
}
.items .table-info .search form {
	padding: 0 !important; margin: 0 !important; background: none !important;
}
.items .table-info .search input {
	display: inline; top: 0; width: auto; margin-right: 2px;
}
.items .table-info .sort {
	position: absolute; right: 235px; top: 0; color: #437B6C;
}
.items table {
}

/* Loading */
.media-loading {
	background: #FEE7A5 url("../images/yellow-bg.png") repeat-x;
	width: 100%; padding: 10px 0; display: none;
}
.media-loading img {
	display: block; margin: 50px auto;
}

/* Now Playing */
.playing {
	background: #FEE7A5 url("../images/yellow-bg.png") repeat-x;
	margin-bottom: 24px; padding: 15px; padding-bottom: 0;
	overflow: hidden; display: none;
}
.playing h2 {
	border-bottom: 1px solid #B52920; margin-bottom: 10px; margin-top: 0;
}
.playing h3, .playing h4 {
	margin-bottom: 12px; margin-top: 12px;
}

.playing .stats {
	float: left;
	font-size: 0.85em; color: #876630;
}

.playing .link {
	float: right;
	font-size: 0.85em; text-align: right;
}

.playing .info {
	clear: both; padding-top: 5px;
}
.playing .info .description {
	height: 195px; padding: 0 10px; overflow: auto;
	background-color: #FFF2D0;
}
.playing .info .description p {
	text-align: left !important;
}

.playing .more-info strong {
	color: #437C6C; font-variant: small-caps; font-weight: normal;
}
.playing .more-info a {
	font-size: 0.9em;
}
.playing .more-info span {
	margin-left: 5px;
}

.success {
	color: #5DAB95;
}
.error {
	color: #B52920;
}

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