/*
Theme Name: The Acorn School - May 2009 Development
Theme URI: http://www.theacornschool.co.uk
Description: Developed under the comission of The Acorn School
Version: 1.0
Author: Benjamin Ayres & Cutpastecreate
Author URI: http://www.cutpastecreate.com
*/

/* Master Resets */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6, p {font-size:100%; font-weight: normal;} 
abbr,acronym {border:0;} 
a {outline: none; text-decoration: none;}

/* Structure */

body { font-family: 'sans-serif', Arial; text-align: center; min-width: 960px; background-color: #fff; color: #292F30; line-height: 18px; 
/*background-image: url(images/body-bg.png); background-repeat: no-repeat; background-position: top left;*/ }

div#wrap { width: 960px; text-align: left; margin: 0 auto; position: relative; overflow: hidden;}

	div#head { padding: 5px 0 0 0; /*border-bottom: 2px solid #6f7f7d;*/}
		div#head a img.title { margin: 15px 0 0 20px;}
		div#head a img.logo { float: right; margin: 10px 15px 0 0;}
		
		div#head ul { padding: 0 11px; clear: both; padding: 12px 0 6px 15px; background-image: url(images/nav-bg.png); background-repeat: no-repeat; background-position: top left;}
		div#head ul li { display: inline; padding: 4px 10px;}
			div#head ul li a {font-size: 14px; color: #292F30; letter-spacing: 1px;}
			div#head ul li a:hover { color: #292F30;}
			
			div#head ul li.current_page_item, div#head ul li.current_page_parent { font-weight: bold;}
				div#head ul li.current_page_item a, div#head ul li.current_page_parent a {color: #292F30; font-weight: bold;}
				
	div#main { overflow: hidden; background-image: url(images/main-bg.png); background-repeat: none; background-position: top left; /*border-left: 1px solid #ccc; border-right: 1px solid #ccc; */background-repeat: repeat-y; }
		
		
		div#sub{ position: relative; float: left; left: 0px;  width: 159px; padding: 5px 5px 5px 15px;}
			div#sub ul { margin: 10px 0;}
				div#sub ul li { padding: 4px 6px; overflow: hidden;}
					div#sub ul li a{ color: #fff; font-size: 14px; padding: 3px 6px 1px 2px;}

					div#sub ul li.current-page-item a{ background-color:#FFF;}

				div#sub ul li.ofstead-quote { padding: 35px 0 0 10px;}
				div#sub ul li.ofstead-quote p strong { color: #fff; display:inline; font-size:16px; padding:0px; font-weight: normal;}
					div#sub ul li.ofstead-quote p span { color: #fff; display:inline; font-size:14px; padding:4px 2px; display: block;}


		div.content{ position: relative; float: left; left: 0px; width: 450px; padding: 20px 15px 10px;}
		
		div.content .alignleft { float: left;}
		div.content .alignright { float: right;}
		div.content .aligncenter { text-align: center;}
		
			div.content a, #sidebar a { color: #292F30;}
				#sidebar a, #sidebar a:link, div.content a, div.content a:link { text-decoration: underline; font-weight: bold;}
				#sidebar a:hover, div.content a:hover {color: #3BAFAB;}
			
				div.content p { margin: 12px 0 8px 0; }
				div.content em { font-style: italic; }
				
				div.content ul{ list-style: disc; margin: 5px 0; list-style-position: inside; }
				div.content ol { list-style: decimal ; margin: 5px 0; list-style-position: inside; }
					div.content ul li, div.content ol li { margin-left: 5px; font-size: 12px;}
				
			ul.recent-news { padding: 5px 0 0 0;clear:both;}
				ul.recent-news li.title { list-style: none;}
					ul.recent-news li.title h2 {}

				ul.recent-news li.post { padding-top: 5px; list-style: none;}
					ul.recent-news li.post h3 {display: inline; border-bottom: 1px solid #eee; margin-bottom: 5px;}
					ul.recent-news li.post h3 a{ font-family: sans-serif; color: #292F30; font-size: 14px; padding: 3px 6px 1px 2px; text-decoration: none;}
					ul.recent-news li.post p{ margin: 5px 0;}
			
			div.posts {}
				div.new-post {}
				h2.news-title, h2.news-title a, h2.news-title a:link { font-size: 19px; font-family:sans-serif; line-height:24px; text-decoration: none; font-weight: normal;}
				small.date { display: block; padding: 0 5px;}
				p.postmetadata { margin-top: 5px;}
		
		form#contactform { background:#FFFFFF none repeat scroll 0 0;padding:10px 0;}
			form#contactform h3 {clear:left;color:#000000;padding:5px 0 5px 100px; margin: 0;}
			form#contactform h3 label {float:left;font-size:16px;line-height:25px;margin-left:-150px;width:400px;}
			form#contactform p {border-top:1px solid #EEEEEE;clear:left;color:#000000;font-size:12px;padding:5px 0 5px 150px; margin: 0;}
			form#contactform p label {float:left;font-weight:bold;margin:4px 0 0 -150px;width:140px;}
			form#contactform p input[type="text"] {font-size:12px;line-height:12px;margin:0;padding:2px;width:95%;}
			form#contactform p input.short[type="text"] {font-size:12px;line-height:12px;margin:0 10px 0 0;padding:2px;width:145px;}
			form#contactform p textarea {font-size:12px;height:100px;line-height:12px;padding:2px;width:95%;}
			form#contactform p.terms {font-size:12px;line-height:15px;padding:10px 10px 10px 150px;}
			form#contactform p.nolabel {padding:8px 0 5px 305px;}
			form#contactform div#submit {clear:left;padding:5px 0 5px 150px;}
			input#contact_submit, input#contact_reset {border-width:0;float:right;font-size:14px;margin:0 3px;padding:4px 6px;text-transform:uppercase;}
			label.error {clear:left;color:black;float:none;margin:5px 0 0 10px;padding:5px 20px 5px 150px;vertical-align:top;width:400px !important;}
			
			
			label.success {border-bottom:1px dashed #A3B8BC;float:none;font-weight:normal;margin-left:0;vertical-align:top;}
			p.error {}
			div#topstatus {background:#FFFFFF none repeat scroll 0 0;margin:0 0;}
			form#contactform div.status p {background:#FAFAFA none repeat scroll 0 0;font-size:14px;font-weight:bold;margin:5px 0;}
			div.success p {color:#A3B8BC;padding:10px;}
			div.fail p {color:#CC4B40;font-weight:bold;padding:10px;}
			div.load p {color:#95666B;padding:10px;}
			div.load p img {padding:0 5px;}
			.fail ol {color:red;font-size:14px;line-height:14px;margin:10px 0 0;}
			.fail ol li {color:red;line-height:12px;}
			.fail ol li a {border-bottom:1px dashed #B87B79;color:red;font-size:14px;text-decoration:none;}
			form#checkout p label.error {clear:left;color:black;font-size:12px;font-weight:bold;margin:4px 0 0;padding:5px 20px 5px 0;vertical-align:top;width:400px !important;}
			form#checkout div#submit { clear:left; padding:5px 0 5px 110px;}
		
		ul#sidebar{ position: relative; float: right; right: 0px; padding: 10px; width: 279px;}
			ul#sidebar li { padding: 0 5px 10px 0; background: #fff; margin: 0 0 5px 0;}
			ul#sidebar li p {margin-top: 5px;}
				ul#sidebar li.video { background-image: url(images/video-temp.png); background-repeat: no-repeat; height: 170px;}		
						
				ul#sidebar li.single { background-repeat: no-repeat; height: 170px;}		
				
				ul#sidebar li.single.activities {background-image: url(images/cycle-2.jpg);}
				ul#sidebar li.single.admissions {background-image: url(images/cycle-3.jpg);}
				ul#sidebar li.single.community {background-image: url(images/cycle-4.jpg);}
				ul#sidebar li.single.education {background-image: url(images/cycle-5.jpg);}
				
				div#sub ul li.quote { padding: 35px 0 0 10px;}
				div#sub ul li.quote p strong { display:inline; font-size:16px; padding:0px 6px; font-weight: normal;}
					div#sub ul li.quote p span { display:inline; font-size:14px; padding:4px 2px; display: block;}

				ul#sidebar li.listen-up {}
				ul#sidebar li.cycle { height: 210px; overflow: hidden;}
					ul#sidebar li.cycle ul { margin: 0; padding: 0;}
						ul#sidebar li.cycle ul li { margin: 0; padding: 0;}
				
				ul#sidebar li.mailinglist {}

				ul#sidebar li.flickr div#wfm-recent-widget a.flickr-image img.flickr-large { width: 85px; height: 85px; margin: 1px; border: 1px solid #A9D4D9;}

				ul#sidebar li.news-widget {}
					ul#sidebar li.news-widget h3 { border-bottom: 1px solid #eee; margin-bottom: 5px;}
						ul#sidebar li.news-widget ul {}
							ul#sidebar li.news-widget ul li { margin: 4px 0; padding: 0;}
								ul#sidebar li.news-widget ul li a{ color: #292F30; font-size: 14px; padding: 3px 6px 1px 2px; text-decoration: none; font-weight: normal;}
				
				ul#sidebar li.mailing-list h3 {}
				ul#sidebar li.mailing-list p {line-height:18px;margin:5px 0;padding:0;}
				ul#sidebar li.mailing-list div.status {background:#FFFFFF;margin:0;padding:0;}
				ul#sidebar li.mailing-list div.status p {color:#172322;font-family:Arial,Verdana,"Lucida Grande",sans-serif;font-size:14px;font-weight:bold;padding:8px 10px 50px;}
				ul#sidebar li.mailing-list div.loading {background:#FFFFFF;display:none;}
				ul#sidebar li.mailing-list div.loading p {color:#172322;font-family:Arial,Verdana,"Lucida Grande",sans-serif;font-size:14px;font-weight:bold;padding:10px 10px 0;}
				ul#sidebar li.mailing-list div.loading img {margin:0;padding:5px 0 20px 120px;}
				ul#sidebar li.mailing-list .subscribe {}
				ul#sidebar li.mailing-list .subscribe p {border-top:1px solid #EEEEEE;clear:left;color:#172322;height:1%;margin:0;padding:8px 0 5px 70px;}
				ul#sidebar li.mailing-list .subscribe label {float:left;font-weight:bold;margin-left:-70px;width:70px;}
				ul#sidebar li.mailing-list .subscribe input[type="text"] {font-size:12px;line-height:12px;margin:0;padding:2px;width:92%;}
				ul#sidebar li.mailing-list .subscribe select {margin-right:130px;}
				

				ul#sidebar li.directions {}
				ul#sidebar li.directions div.postcode p {border-top:1px solid #EEEEEE;clear:left;color:#172322;height:1%;margin:0;padding:8px 0 5px 70px; line-height: 12px;}
				ul#sidebar li.directions div.postcode label {float:left;font-weight:bold;margin-left:-70px;width:70px;}
				ul#sidebar li.directions div.postcode input[type="text"] {font-size:12px;line-height:12px;margin:0;padding:2px;width:92%;}
				ul#sidebar li.directions div.postcode select {margin-right:130px;}

	div#footer { overflow: hidden; background-image: url(images/foot-bg.png); background-repeat: repeat-x; padding: 0 0 15px 0;}	
	div#footer ul { padding: 5px 15px 5px; color: #292F30; float: right; font-size: 12px;}
	div#footer ul li { display: inline;}
		div#footer ul li a {  color:#292F30; padding: 0px 4px;}
		div#footer ul li a:hover {  color: #000;}
	
	/* Fonts */

h1, h2, h3, h4, h5, h6 p { margin: 12px 0 8px 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}

p, td { font-size: 12px;}



	
/* Cleaner gallery */

.gallery {
	display: block;
	clear: left;
	overflow: hidden;
	margin: auto;
}
gallery-item {
	float: left;
	margin: 0;
}
.gallery-icon, .gallery-icon a {padding: 0; margin: 0;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { width: 88px; height: 88px; margin: 1px;/* border: 1px solid #A9D4D9;*/ float: left;}
.gallery div.clear { width: 0px; height: 0px; }


div.content img.alignright { float: right; margin: 5px 5px 5px 15px;}
		div.content img.alignleft { float: left; margin: 5px 15px 5px 5px;}
			div.content img.center { display:block; margin-left:auto;margin-right:auto;}
			
/*Audio Player */
div#audio_player, div#activity_player, div#radio_clip {width: 279px; overflow: hidden; padding: 10px 0 5px;}
#audioPlayer {}