/*  
Theme Name: Perry Hall Baptist Church
Theme URI: http://www.perryhallbaptist.org/
Description: Perry Hall Baptist Church Wordpress Theme.
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://www.dustinpfeifer.com/

Theme last updated: December 11, 2009
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

div {
	position:relative;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#ae926d;
	text-align:center;
	width:928px;
	margin:0 auto;
	font:12px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
}

#header{
	height:115px;
	overflow:hidden;
	padding:0 10px 0 7px;
}

#header h1 a {
	background:url(images/logo.png) no-repeat;
	float:left;
	display:block;
	width:169px;
	height:83px;
	margin:17px 0 0;
	text-indent:-9999px;
}

.description {
	float:right;
	font-family:Georgia, serif;
	font-size:18px;
	margin:40px 0 0;
}

.school a {
	position:absolute;
	top:63px;
	right:10px;
	font-family:Georgia, serif;
	color:#450c03;
	font-size:12px;
	font-style:italic;
}

#wrap {
	background:url(images/background_wrap.png) repeat-y;
	padding:30px 40px;
	position:relative;
	z-index:0;
}

#content {
	background:url(images/background_content.jpg) repeat-y;
	text-align:left;
}

#main {
	float:left;
	width:600px;
}

#pageheader {
	position:relative;
	margin:0 0 15px;
	overflow:hidden;
}

#pageheader h1 {
	background:#fff;
	position:absolute;
	z-index:10;
	bottom:0;
	left:0;
	padding:30px 30px 0 0;
}

#slideshow {
	list-style-type:none;
	margin:0;
	overflow:hidden;
}

#slideshow img {
	width:600px;
}

#sidebar {
	float:right;
	width:188px;
}

#sidebar ul {
	margin:10px 0 30px;
	border:1px solid #d3d3d3;
	border-width:1px 0 0;
}

#sidebar li {
	list-style-type:none;
	border:1px solid #d3d3d3;
	border-width:0 0 1px;
	padding:5px 0;
}

#sidebar a {
	font-weight:bold;
}

#sidebar .video p {
	margin:0 0 30px;
}

#rotator {
	height:268px;
}

.flowplayer_container {
	border:none !important;
}

#footer {
	background:url(images/background_footer.png) no-repeat top;
	text-align:left;
	padding:10px 10px 30px;
	color:#fff;
}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navbar {
	position:relative;
	z-index:40;
	background:url(images/background_navigation.png) no-repeat;
	padding:10px 10px 0 10px;
	line-height:1;
}

ul#nav {
	list-style-type:none;
	margin:0;
}

ul#nav li {
	display:block;
	float:left;
}

ul#nav a {
	display:block;
	padding:14px 16px 14px 16px;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

ul#nav a:hover, ul#nav li:hover, ul#nav li.current_page_item a, ul#nav li.current_page_parent a, ul#nav li.current_page_ancestor a {
	background:#320902;
}

ul#nav li ul { /* second-level lists */
	background:#320902;
	position:absolute;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width:200px;
	text-align:left;
	margin:0;
}

	ul#nav li li {
		list-style-type:none;
	}
	
	ul#nav li ul a, ul#nav li.current_page_item ul a, ul#nav li.current_page_parent ul a {
		width:168px;
		padding:14px 16px 14px 16px;
	}

ul#nav li ul ul { /* third-and-above-level lists */
	margin:-40px 0 0 200px;
}

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left:-999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}

#sidebar ul#secondary {
	margin:0 0 30px -10px;
	border:none;
}

#sidebar ul#secondary li {
	padding:0 0 0 10px;
	border:none;
	margin:0 0 2px 0;
}

	#sidebar ul#secondary li.current_page_item {
		padding:0;
	}
	
	#sidebar ul#secondary li.current_page_item a {
		background:#c1a68b url(images/background_secondary_select.jpg) no-repeat left center;
		height:23px;
		padding:5px 10px 5px 20px;
		font-weight:bold;
	}

#sidebar ul#secondary a {
	display:block;
	height:21px;
	background:#d6c1ab;
	padding:7px 10px 5px 10px;
	font-family:Georgia, serif;
	color:#450c03;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}

#sidebar ul#secondary a:hover {
	background:#c1a68b;
}

ul#homenav {
	background:url(images/background_homenav.jpg) repeat-x;
	list-style-type:none;
	height:71px;
	margin:0 0 10px;
}

ul#homenav li {
	float:left;
}

ul#homenav a {
	display:block;
	width:200px;
	height:35px;
	padding:17px 0 0;
	font-family:Georgia, serif;
	color:#9b5648;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
}

ul#homenav a:hover {
	background:#6e3023;
	color:#cc8b7e;
}

ul#features {
	margin:0;
	border:none;
}

ul#features li {
	position:relative;
	list-style-type:none;
	display:block;
	width:188px;
	height:104px;
	margin:0 0 30px;
	border:none;
	padding:0;
}

ul#features li.last {
	margin:0;
}

ul#features li.new {
	background:url(images/button_new.jpg) no-repeat;
}

ul#features li.children {
	background:url(images/button_children.jpg) no-repeat;
}

ul#features li.youth {
	background:url(images/button_youth.jpg) no-repeat;
}

ul#features li.video {
	height:141px;
	margin:0 0 30px;
}

ul#features li.video p {
	margin:0;
}

ul#features a {
	position:absolute;
	left:0;
	bottom:0;
	background:#fff;
	font-size: 14px;
	color:#87b3a1;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 10px 0 0;
}

ul#footernav {
	list-style-type:none;
	float:right;
	margin:10px 0 0 0;
	line-height:20px;
}

ul#footernav li {
	display:inline;
	margin:0 0 0 10px;
}

ul#footernav a {
	color:#fff;
	text-decoration:none;
}

ul#footernav li.current_page_item a {
	font-weight:bold;
}


/* Sermon Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sermonlist { margin-top:1em; }
.sermonbox { position:relative; padding:5px; margin-bottom: 0; border-bottom: 1px solid #d3d3d3; }
.sermonbox { padding:0 0 10px; margin-bottom:10px; }
.sermonbox h5 { font-size:12px; margin-bottom: 5px; }
.sermonbox p { padding: 0; margin: 0;  }
.sermonbox .files { position:absolute; top:35px; right:0; margin:0; padding:0; }
.sermonbox .sermon_file { float:left; margin:0 0 0 10px; }

.sermon-browser-results { position:relative; }
.sermon-browser-results .files { position:absolute; top:30px; right:0; margin:0; padding:0; }
.sermon-browser-results .sermon_file { float:left; margin:0 0 0 10px; }

.sermonbrowser {
	margin:10px 0 15px;
}

.sermonbrowser td {
	padding:5px 0;
}

.podcast {
	margin:20px 0 0;
}


/* Events Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dbem-calendar-table {
	width:100%;
	margin:10px 0;
}

.dbem-calendar-table td {
	border:1px solid #d3d3d3;
	padding-top:20px !important;
	padding-bottom:20px !important;
	text-align:center;
	vertical-align:top;
}

.dbem-calendar-table thead td {
	vertical-align:middle;
	text-align:center !important;
}

.dbem-calendar-table td.eventless-today {
	background:#cfcfcf;
}

.days-names {
	font-weight:bold;
}

.eventful a {
	color:#87b3a1 !important;
}

#events-list h2 {
	display:inline-block;
}

#events-list li {
	display:inline-block;
}

#events-list span {
	width:48px;
	float:left;
}

#events-list a {
	width:140px;
	float:right;	
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
	line-height:20px;
}

a {
	color:#87b3a1;
	text-decoration:none;
}

h1, h2 {
	color:#87b3a1;
	text-transform:uppercase;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:16px;
}

#main h2 {
	margin:30px 0 0;
}

ul, ol {
	margin:0 20px;
	line-height:20px;
}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:10px 10px 0 0;
}

.alignright { 
	float:right;
	margin:10px 0 0 10px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px 
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */