/* 09/10/11 */

/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #2c4567;
}

h1, h2, h3, h3, h4, h5, h6 {
	clear:none;
}

small {font-size:11px;line-height:130%;}

blockquote {
	background:#d0dff3;
	color:#01172C;
	font-style:normal;
	margin:0;
	padding:20px;
}

	#header {
		height: 283px;
		position: relative;
		width: 960px;
		margin: auto;
		padding: 0;
		background-image: url('images/branding.jpg');
		background-repeat: no-repeat;
	}
	
		#branding {
			position: absolute;
			left: -9999em;
		}
	
	#access {
		position: absolute;
		left: 0;
		bottom: 1px;
		_bottom: -1px;
		border: none;
		width: 100%;
	}
		.menu {
			width: 960px;
			position: relative;
		}
		.sf-menu {
			border: none;
		}
			#access li {
				background: none;
				border: none;
			}
			
			#wrapper #header #access li {
				_display: inline;
			}
		
				#access a {
					border: none;
					line-height: 33px;
					height: 33px;
					font-size: 16px;
					color: white;
					padding: 0 10px;
					float: left;
				}
				
				#access a:hover,
				#access a:focus {
					background-color: #01172c;
				}
				#access a:active {
					background-color: black;
				}
				
				#access .current_page_item a {
					background-color: #01172c;
				}
				
		#access li.shop {
			position: absolute;
			right:0;
		}
		
			#access li.shop a {
				background-color: #fcb53e;
				font-size: 16px;
				text-shadow: 0 0 3px #222;
				-webkit-text-shadow: 0 0 3px #222;
				-moz-text-shadow: 0 0 3px #222;
			}
			
			#access li.shop a:hover {
				background-color: #01172c;
			}
			
#main {
	padding-top: 38px;
}
				
#content {
	margin: 0;
	padding-left: 10px;
}

	.entry-content h1,
	.entry-content h2 {
		padding-top:0;
	}
	
	/* Hide Comments on password protected page */
	#comments .nopassword {display:none;}

/* ----------- HOMEPAGE SIDEBAR CONTENT LINKS ------------------ */

#home-links {
	margin-left:0;
}
	.home-links {
		width:180px;
		float:left;
		padding:0;
		margin:0;
	}
	
		.home-links li {
			display:block;
			list-style:none;
			list-style-type:none;
			margin:0 0 5px 0;
		}
		
		
		.home-links li a {
			width:180px;
			display:block;
			background-image: url('http://pspaandover.org/wp-content/uploads/2011/09/home-links-3.jpg');
			text-indent:-99999em;
			border:none;
		}
		
			.home-links li.email a {
				background-position: 0 0;
				height:61px;
			}
			
			.home-links li.facebook a {
				background-position: 0 -66px;
				height:61px;
			}
			
			.home-links li.parents-weekend a {
				background-position: 0 -132px;
				height:61px;
			}
			
			/*.home-links li.phillipian a {
				background-position: 0 -197px;
				height:61px;
			}*/
			
		#graduation {
			font-size:13px;
			color:#ffffff;
			background-color:#01172c;
			width:178px;
			border:1px solid #01172c;
			margin-bottom:40px;
			background:-webkit-gradient(linear, 0% 20%, 0% 100%, from(#01172C), to(#66798E));
			background:-moz-linear-gradient(0% 100% 90deg,#66798E, #01172C);
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			-o-border-radius:5px;
			border-radius:5px;
		}
			#graduation #title {
				background-color:#2a3e53;
				padding:5px;
			}
				#graduation #title span {
					font-size:17px;
				}
			#graduation #links a {
				display:block;
				color:#FCB53E !important;
				padding:5px 0 5px 5px;
				font-weight:bold;
				text-decoration:none;
			}
			#graduation #links a:hover {
				background-color:#4a9aff;
				color:#ffffff !important;
			}
			#graduation #links a:last-child:hover {
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px;
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
			}

/* ---------------------------------------------------- */

#primary {
	border: none;
	color: white;
	font-size: 18px;
	line-height: 30px;
	background-color: #00172c;
	background-image: url('images/sidebar-bottom.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 312px;
	padding-top: 0;
}

#header #primary {
	display: inline-block;
	_border: none;
	_overflow: hidden;
	_padding: 0;
	_width: 300px;
}

	#primary .widgettitle {
		position: absolute;
		left: -9999em;
	}

	#primary #search {
		background-color: #2c4567;
		padding-top: 18px;
		background-image: url('images/sidebar-top.gif');
		background-repeat: no-repeat;
		margin: 0 -20px;
		padding: 20px;
		padding-top: 30px;
		display: block;
		_margin-right: -22px;
		_display: inline-block;
	}
	
		#primary #searchform {
			margin: 0;
		}
	
			#primary #search #s {
				width: 230px;
				padding: 5px;
				padding-right: 37px;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				color: #c2c2c2;
				font-size: 16px;
				background-image: url('images/search.gif');
				background-repeat: no-repeat;
				background-position: 242px 50%;
				border: 1px solid #ccc;
				border-radius: 5px;
				-moz-border-radius: 5px;
			}
			
	#primary .widget_pages {
		*display: inline;
		_display: inline;
	}
	
	#primary .widgetcontainer {
		_display: inline;
	}

	#primary li ul {
		margin: 0 -20px;
		_margin: 0 -21px;
		border-top: 1px solid #b6c7d8;
	}

	#primary li ul li {
		*display: inline;
		_display: inline;
		padding: 0;
	}
	
		#primary li ul li a {
			display: block;
			background-color: #1b4e8e;
			text-decoration: none;
			color: white;
			border-bottom: 1px solid #b6c7d8;
			border-left: none;
			padding-left: 30px;
			height: 30px;
		}
		
		#primary li ul li a:hover {
			border-left: 20px solid #fcb53e;
			padding-left: 10px;
			color: #00aeff;
		}
		
#above-footer {
	margin: auto;
	position: relative;
	height: 220px;
	width: 960px;
	padding: 0;
	background-color: #2f476d;
	background-image: url('images/footer-bg.jpg');
	color: white;
	font-size: 12px;
}
	#quicklinks {
		position: absolute;
		left: 150px;
		top: 30px;
		width: 450px;
	}
		#quicklinks h3 {
			font-size: 18px;
			margin: 0;
			padding: 0;	
		}
		#quicklinks ul {
			margin: 0;
		}
			#quicklinks li {
				list-style: none;
				display: inline;
			}
			
				#quicklinks a {
					display: block;
					float: left;
					width: 130px;
					padding: 3px 10px;
					color: white;
					text-decoration: none;
				}
				
				#quicklinks a:hover {
					background-color: #4a9aff;
				}
	#contact-info {
		position: absolute;
		left: 728px;
		top: 105px;
		line-height: 18px;
	}
		#contact-info a {
			color: white;
		}
				
#footer {
	border: none;
	width: 960px;
	margin: auto;
	text-align: right;
}


				
/* Typography */

#main a {
	color: #1562c4;
}

#main a:hover {
	text-decoration: none;
}

/* Collapsible FAQ */

.collapsible-header {
	text-decoration: underline;
	cursor: pointer;
	color: #1562C4;
}

.collapsible-header.hover {
	text-decoration: none;
}

/* jQuery Cycle Slideshow */
.slideshow {
	display:block;
	margin: 0 auto;
	width: 502px;
	padding-bottom: 20px;
	height: 377px;
}
.slideshow img {
	border:1px solid #01172c;
}

/* WPListCal Events Plugin */

.wplc_event_list {
	margin-left: 0;
}

.wplc_event_list li {
	list-style: none;
	padding:0 10px 20px 10px;
	border-bottom:1px solid #d0dff3;
}

.wplc_event_list li h2 {
	padding-top:20px;
}

.wplc_event_list li li {
	list-style: disc;
	border:none;
	padding-bottom:5px;
}

.event-date-location {
	font-weight: normal;
	font-size: 16px;
}