/*
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 {
	background:url(images/background-mastright.jpg) no-repeat top right;
	width:458px;
	float:right;
}

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

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

#masthead #banner {
	margin:0;
	padding:10px 10px 0 10px;
	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:80px;
	height:28px;
	padding:10px 0 0 0;
	text-align:center;
}

#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 {
	float:right;
	width:549px;
	height:379px;
}

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

#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;
	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;
}


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

p {
	margin:10px 0;
}

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 {
	border:none;
	background:#011e5b;
	color:#fff;
	cursor:pointer;
	width:75px;
}

.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 10px 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 */