/*
Theme Name: Perry Hall Christian School
Theme URI: http://phcsweb.org/
Description: Perry Hall Christian School Website Theme
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://dustinpfeifer.com/
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#d4d9cf url(images/background-interior.jpg) repeat-x top;
	text-align:center;
	width:883px;
	margin:0 auto;
	font:12px/150% Lucida Grande, sans-serif;
	color:#464646;
}

body.home {
	background:#d4d9cf url(images/background.jpg) repeat-x top;
}
	

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	background:url(images/background-header.jpg) repeat-x top;
	height:173px;
	overflow:hidden;
	text-align:left;
}

#masthead {
	height:115px;
	overflow:hidden;
}

#masthead .logo {
	float:left;
	margin:10px 0 0;
}

#masthead #topright {
	width:500px;
	float:right;
}

#masthead .right {
	background:url(images/background-mastright.jpg) no-repeat top left;
	float:right;
	font-size:10px;
	width:490px;
	height:80px;
}

#masthead .starburst {
	float:left;
	margin:0;
}

#masthead #banner {
	margin:0;
	padding:10px 20px 0 20px;
	text-align:left;
}

#masthead #banner a {
	font-size:12px;
	text-transform:none;
	font-style:italic;
	text-decoration:none;
	color:#1b55c1;
}

#masthead #banner span {
	text-decoration:blink;
	font:14px georgia;
	text-transform:uppercase;
	padding:0 10px 0 0;
}

#quicklinks {
	margin:0;
}

#quicklinks li {
	list-style-type:none;
	float:left;
	display:block;
	width:65px;
	height:28px;
	padding:10px 0 0 0;
	text-align:center;
}

#quicklinks li.facts {
	width:225px;
}

#quicklinks li.facts a {
	background:url(images/icon_facts.jpg) no-repeat left center;
	text-align:left;
	padding:10px 0 0 54px;
	font-weight:bold;
}

#quicklinks li.date {
	width:135px;
	color:#415684;
	font-weight:bold;
}

#quicklinks a {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

#navigation {
	margin:25px 0 0;
	position:absolute;
	z-index:50;
}

#navigation li {
	list-style-type:none;
	float:left;
}

#navigation a {
	background:url(images/icon-nav.jpg) no-repeat left center;
	height:13px;
	display:block;
	font:12px georgia;
	text-transform:uppercase;
	color:#011e5b;
	text-decoration:none;
	padding:0 0 0 17px;
	margin:0 0 0 20px;
	line-height:1;
}

#navigation a.begin {
	margin:0;
}

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

	#navigation li li {
		list-style-type:none;
	}
	
	#navigation li ul a, #navigation li.current_page_item li ul a, #navigation li.current_page_parent li ul a {
		height:auto;
		font:12px/150% Lucida Grande, sans-serif;
		color:#fff;
		text-transform:none;
		background:#1953ce;
		width:156px;
		padding:8px 17px;
	}
	
	#navigation ul li a:hover, #navigation ul li.current_page_item a {
		background:#011e5a;
	}

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

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


/* Home
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#home {
	background:#afb5ab url(images/background-home.jpg) no-repeat bottom left;
	text-align:left;
	height:379px;
	padding:0 0 26px;
}

#feature {
	background:url(images/background-home-feature.jpg) no-repeat;
	float:left;
	width:334px;
	height:379px;
	overflow:hidden;
}

#feature #top {
	height:344px;
	overflow:hidden;
}

#feature #top h1 {
	font-size:16px;
}
	
#feature #top .in {
	padding:35px;
}
	
#feature .more {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0 55px;
}

#flashfader {
	position:relative;
	float:right;
	width:549px;
	height:379px;
}

	.fb_banner {
		background:url(images/banner_fb.png) no-repeat;
		width:43px;
		height:50px;
		text-indent:-9999px;
		position:absolute;
		top:-5px;
		right:40px;
		z-index:999;
	}

#highlight-left {
	width:271px;
	float:left;
}

	#highlight-left .posts {
		margin:10px 0;
	}

	#highlight-left .entry {
		background:#afb5ab;
		padding:5px 10px;
		margin:0 0 1px;
		font-size:10px;
		color:#fff;
		text-transform:uppercase;
		height:53px;
		overflow:hidden;
	}
	
	#highlight-left .entry .post-thumbnail {
		float:left;
		margin:-5px 5px 0 -10px;
	}
	
	#highlight-left .entry p {
		margin:0;
	}
	
	#highlight-left .entry a {
		text-transform:none;
		text-decoration:none;
	}
	
	#highlight-left .more {
		background:#afb4ab url(images/icon-link-arrow.jpg) no-repeat right center;
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		padding:5px;
	}

#highlight-middle {
	width:271px;
	float:left;
	padding:0 35px;
}

#highlight-right {
	width:271px;
	float:right;
}

.highlight, .quotescollection_nextquote a {
	background:#1954cd;
	display:block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

.quotescollection_randomquote q {
	font-family:Georgia, serif;
	font-style:italic;
}

.quotescollection_randomquote cite {
	font:10px/150% Lucida Grande, sans-serif;
	margin:0 0 10px 0;
}


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

#content {
	text-align:left;
	margin:25px 0;
}

#sidebar {
	float:left;
	width:233px;
}

#main {
	float:right;
	width:605px;
}

#headerimg {
	background:url(images/background-header-int.jpg) no-repeat;
	width:883px;
	height:245px;
	overflow:hidden;
}

#footer {
	border-top:1px solid #afb5ab;
	padding:20px 0 40px;
	font-size:11px;
	color:#8a8f84;
}

#footer a {
	color:#8a8f84;
}

#footerleft {
	float:left;
	width:450px;
	text-align:left;
}

#footerright {
	float:right;
	width:410px;
	text-align:right;
}

#secondary {
	margin:10px 0 20px;
	padding:0;
	border-top:1px solid #afb5ab;
}

#secondary li {
	display:block;
	border-bottom:1px solid #afb5ab;
}

#secondary a {
	display:block;
	text-decoration:none;
	padding:5px 0;
}

#secondary a:hover, #secondary li.current_page_item a {
	background:#afb5ab;
	padding:5px;
	color:#fff;
}

#footernav {
	margin:10px 0;
}

#footernav li {
	display:block;
	float:left;
	padding:0 0 0 30px;
}

#footernav a {
	text-decoration:none;
}

#message a {
	background:#afb5ab;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:7px 0;
	text-align:center;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	text-decoration:none;
	color:#000;
}

#message a:hover {
	background:#9fa79c;
	color:#1954ce;
	-webkit-transition:background 0.2s ease-in, color 0.2s ease-in;
	-moz-transition:background 0.2s ease-in, color 0.2s ease-in;
	-0-transition:background 0.2s ease-in, color 0.2s ease-in;
	transition:background 0.2s ease-in, color 0.2s ease-in;	
}


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

p {
	margin:10px 0;
}

blockquote {
	margin:10px 40px;
}

h1, h1 a {
	font:20px/150% georgia, sans-serif;
	color:#011e5b;
	text-decoration:none;
}

	h1 span {
		color:#616a74;
	}
	
h2, h2 a {
	font:16px/150% georgia, sans-serif;
	color:#616a74;
	text-decoration:none;
}
	
a {
	color:#1954ce;
}
	
a img {
	border:0;
}

ul, ol {
	margin:0 20px;
}
	

/* Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.imgleft {
	float:left;
}

.feature img {
	background:#fff;
	padding:5px;
}

.date {
	margin:0;
}

.pagetitle {
	margin:0 0 10px;
}

.cform fieldset {
	border:1px solid #bec2ba;
	background:#e8ede3;
	padding:10px 20px;
	margin:0 0 20px;
}

.cform legend {
	font:14px/150% georgia, sans-serif;
	color:#616a74;
	text-decoration:none;
	padding:10px;
	border:1px solid #bec2ba;
	background:#e8ede3;
}

.cform ol {
	list-style-type:none;
	margin:0;
}

.cform li {
	display:block;
	margin:10px 0;
}

.cform label {
	display:block;
	margin:0 0 5px;
}

.cform input, .cform textarea {
	border:1px solid #bec2ba;
	padding:5px;
}

.cform input {
	width:65%;
}

.cf_li_err label {
	color:#900;
}

.cf_li_err input {
	background:#f99;
}

.cform textarea {
	width:85%;
}

.cf-before, .cf-box-b {
	float:left;
	margin:0 5px;
}

.cf_hidden, .linklove, .reqtxt, .emailreqtxt {
	display:none;
}

.cform .sendbutton, .paybutton {
	border:none;
	background:#011e5b;
	color:#fff;
	cursor:pointer;
	width:75px;
}

	.paybutton {
		padding:5px;
		text-decoration:none;
	}

.cf_info {
	margin:10px 0;
}

.failure {
	color:#900;
}

.success {
	color:#393;
}

table {
	margin:0 0 10px 0;
	border:1px solid #bec2ba;
	background:#e8ede3;
}

table td {
	padding:5px 10px;
}


/* Calendar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.rsvp {
	margin:20px 0;
}

.rsvp form {
	margin:10px 0 0;
}

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

.dbem-calendar-table td {
	width:85px !important;
	padding:5px !important;
	vertical-align:top;
}

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

.dbem-calendar-table tr.days-names td {
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}

.dbem-calendar-table a {
	font-weight:normal;
}

.dbem_events_list {
	list-style-type:none;
	margin:0;
} 

.dbem_events_list li {
	margin:10px 0;
}


/* Blog Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.postmeta {
	color:#616a74;
}

.postmetadata {
	color:#616a74;
	margin:0 0 20px;
}


/* Comment Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.commentlist {
	margin:20px 0;
}
	
.commentlist li {
	list-style-type:none;
	margin:10px 0;
	background:#afb5ab;
	padding:20px;
	font-size:12px;
}

.commentlist p {
	margin:10px 0 0;
}

.commentlist p.postmetadata {
	margin:0;
}

.commentlist p.author {
	margin:0;
}

.commentlist .avatar {
	float:left;
	margin:0 10px 0 0;
}

#author, #email, #url {
	padding:5px;
}

#comment {
	width:100%;
}


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

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

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

.alignright { 
	float:right;
	margin:0 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 */