/*
Theme Name: The Firs Theme
Theme URI: http://firsschool.net
Description: A WordPress theme developed for The Firs Primary School by <a href="mailto: youngestlinton@gmail.com">Anthony Linton</a>
Author: Anthony Linton
Author URI: youngestlinton@gmail.com

	The XHTML, CSS, Javascript, design and content is all under Copyright and MUST NOT be copied.


Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

YUI CSS Reset neutralizes browser CSS styles for HTML
elements, creating a normalized platform. YUI CSS Base then
rebuilds a consistent style foundation for common HTML elements.

The foundational YUI Fonts CSS file offers cross-browser
typographical normalization and control.

See cheat sheet at http://yuiblog.com/assets/pdf/cheatsheets/css.pdf

RESET CSS - http://developer.yahoo.com/yui/reset/
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
BASE - http://developer.yahoo.com/yui/base/
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
/*
FONTS - http://developer.yahoo.com/yui/fonts/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
This CSS document runs after yui-reset-base-fonts.css and
includes the core firs school styles and layout.

Referred to http://yuiblog.com/assets/pdf/cheatsheets/css.pdf
for pixel to em conversion. Using ems allows users to zoom their
font sizes. Arial 13px by default.

Various browser specific hacks / workarounds are included here
but have only been used where absolutely necessary.

All A-grade browsers are supported and have been fully tested.
As of May 2009.
See http://developer.yahoo.com/yui/articles/gbs/ for info.
*/
body {
	padding: 0;
	margin: 0;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #18481C;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background-image: url(images/trees.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 40px;
}
p {
	line-height: 20px;	
}
a:link, a:active, a:visited, a:hover, a:focus {
	color: #18481C;
	outline: none;
}
.border th, .border td, .ics-calendar-table th, .ics-calendar-table td {
	border:1px solid #000;
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	height: 100px;
	width: 100%;
	background-color: #FFD90E;
	background-image: url(images/header.png);
}
#contact {
	padding-left: 180px;
	padding-top: 18px;
}
#logo {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 6;
}
#sampleFir {
	position: absolute;
	z-index: 5;
	left: 500px;
	top: 0;
	background-image: url(images/sampleFir.png);
	width: 98px;
	height: 100px;
}
#headTree {
	position: absolute;
	top: 11px;
	right: 0;
	z-index: 2;
	background-image: url(images/headTree2.png);
	height: 90px;
	width: 140px;
}
#nav-left {
	width: 135px;
	z-index: 2;
	background-color: #FFD90E;
	background-image: url(images/header.png);
	background-position: 0px 130px;
	background-repeat: repeat-x;
	border-bottom: solid #18481C 1px;
	border-right: solid #18481C 1px;
	position: relative;
	padding-bottom: 10px;
	padding-top: 160px;
}
#nav-left-corner {
	position: absolute;
	z-index: 8;
	bottom: -1px;
	_bottom: -2px;
	right: -1px;
	_right: -2px;
	width: 12px;
	height: 12px;
	background-image: url(images/nav-left-corner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.rightArrow {
	margin-left: 5px;
	width: 8px;
	height: 8px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background-image: url(images/rightArrow.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	_background-position: 0px 5px;
	_margin-top: 5px;
	_margin-bottom: 4px;
}
#nav-left .opens {
	background-image: url(images/downArrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}
#nav-left a:link, #nav-left a:active, #nav-left a:visited {
	font-size: 13px;
	color: #18481C;
	font-weight: bold;
	text-decoration: none;
	outline: none;	
}
#nav-left ul, #nav-top ul {
	margin: 0;
	margin-left: 0.3em;
}
#nav-left ul li, #nav-top ul li {
	list-style: none;
	line-height: 15px;
	margin: 10px 0;
}
.nav-indent {
	margin-left: 1em;
}
#top {
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 5;
	background-image: url(images/nav-top-thin.png);
	height: 37px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	width: 100%;
}
#nav-top {
	background-image: url(images/nav-top.png);
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height: 37px;
}
#quote {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height: 35px;
	padding-top: 5px;
	margin-left: 175px;
	padding-right: 50px;
	background-image: url(images/nav-top-join.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#nav-top ul {
	padding-left: 150px;
}
#nav-top a:active, #nav-top a:visited, #nav-top a:hover, #nav-top a:focus {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
#nav-top a:hover, #nav-left a:hover {
	text-decoration: underline;
}
#nav-top li {
	display: inline;
}
#content {
	position: absolute;
	top: 141px;
	left: 160px;
	width: 600px;
}
#right {
	position: relative;
	position: absolute;
	top: 160px;
	left: 785px;
	width: 200px;
}
#right h1 {
	font-size: 18px;
	padding: 0;
	padding-top: 6px;
	padding-left: 8px;
	width: 192px;
	margin: 0;
	background-image: url(images/rounded-right.gif);
	background-position: top;
	height: 37px;
}
#right p {
	padding-left: 15px;
	padding-bottom: 5px;
	margin: 0;
	width: 185px;
	background-image: url(images/rounded-right-white.gif);
}
#right .bottom {
	background-image: url(images/rounded-right.gif);
	background-position: bottom;
	width: 200px;
	height: 19px;
}
#photoHolder {
	width: inherit;
	height: 334px;
	overflow: hidden;
	/*
	In opera, when image is inserted overflow is ignored.
	The following fixes that.
	*/
	max-width: inherit;
	max-height: 334px;
	padding: 73px 0;
	text-align: center;
}
#photo {
	margin: 0 auto;
}
#footer {
	width: 100%;
	font-size: 10px;
	color: #666;
	text-align: center;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #333;
	outline: none;	
}
.bar {
	margin: 15px 0;
	width: 100%;
	height: 3px;
	background-image: url(images/footer.gif);
}
#isa {
	margin-top: 15px;
	width: 126px;
	height: 94px;
	background-image: url(images/memberof.gif);
	background-position: top;
	margin-left: 35px;
	display: block;
}
#isc {
	width: 126px;
	height: 67px;
	background-image: url(images/memberof.gif);
	background-position: bottom;
	margin-left: 35px;
	margin-bottom: 15px;
	display: block;
}
#smalls {
	position: absolute;
	top: 15px;
	left: 400px;
	height: 90px;
	max-height: 90px;
	overflow: hidden;
	width: 700px;
	opacity: 0;
	filter: alpha(opacity = 0);
	*padding-left: 10px;
}
#smalls img {
	border: solid 2px #18481C;
	*margin-left: -10px;
}
#smalls canvas:first-child {
	padding-left: 10px;	
}
#smalls canvas {
	margin-left: -10px;
}
#thumbnails {
	margin: 0 auto;
	margin-top: 15px;
	padding-left: 2px;
	width: 450px;
	height: 200px;
	overflow: hidden;
	/*
	In opera, when image is inserted overflow is ignored.
	The following fixes that.
	*/
	max-width: 450px;
	max-height: 200px;
}
#thumbnails img {
	padding: 3px;
	padding-bottom: 15px;
	margin: 4px;
	background-color: #18481C;
	cursor: pointer;
	opacity: 0.85;
	filter: alpha(opacity = 85); /*IE opacity fix*/
}
#more {
	font-size: 18px;
	color: #FFF;
	background-image: url(images/nav-top.png);
	background-color: #FFF; /*Fix for IE6, can't click entire button*/
	padding: 3px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 450px;
	height: 25px;
	cursor: pointer;
}

/*Extra theme stuff required*/
#subBox {
	position: absolute;
	z-index: 9;
	top: 200px;
	left: 115px;
	_left: 40px;
	display: none;
	border: 1px solid #18481C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 130px;
	height: auto;
	background-color: #FFD90E;
}
#subBox h1 {
	margin: 0.1em;
	display: block;
	font-size: 18px;
}
#subBox ul ul {
	display: none!important;
}
#content h1 {
	margin-bottom: 0;
}
#nav-left ul ul {
	display: none;
}

#nav-left .realSub {
	display: block;
}
#subBox .realSub {
	display: none;
}
.current_page_item a, .current-cat a {
	font-size: 15px!important;	
	text-decoration: underline!important;
}
.current_page_item ul ul {
	display: none!important;
}
.current_page_item ul a, .current-cat ul a {
	font-size: 13px!important;	
}
.side-widget {
	background-image: url(images/rounded-right-white.gif);
}
.side-widget ul {
	width: 185px;
}
.side-widget ul {
	margin: 0;
	margin-left: 1em;	
	margin-bottom: 0.5em;
}
.widget-recent_entries {
	font-size: 10px;
}
.widget-recent_entries div a {
	padding-left: 1.5em;
}
.widget-recent_entries .small {
	padding-left: 3em;
	margin-bottom: 0.75em;
}
.side-widget li {
	list-style: none;
}
.side-rss {
	margin-top: 15px;
	text-align: center;	
}
img#wpstats {
	display: none;
}
#searchform {
	margin-left: 1em;	
	margin-bottom: 0.5em;	
}
.entry ul {
	margin-left: 0;
}
#ics-calendar-widget {
	font-size: 10px;
}
#ics-calendar-widget li {
	padding-left: 5px;
}
#ics-calendar-widget strong {
	padding-right: 5px;	
}
#ics-calendar-widget-prev {
	margin-left: 1em;
}
#cal-print {
	background-image: url(images/printer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 36px;
}

/*News*/

.news-heading {
	margin: 0;	
}
.under-heading {
	font-size: 10px;	
	color: #333;
}
.feedback {
	font-size: 12px;
}
.wp-caption {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FF9;
	border:1px solid #FFD90E;
	margin: 15px 0;
	padding-top: 4px;
	text-align:center;
}
.wp-caption object {
	margin-bottom: 3px;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	margin-top: 0 !important;
	padding:0 4px 0px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.prev-next {
	margin: 15px 0;
	font-size: 16px;
}
.post ul {
	margin-left: 25px;
}
.single {
	padding-top: 20px;	

}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
ul.addtoany_list a img {
	opacity: .3;
	filter: alpha(opacity=30);
}

#content input, #content textarea, #searchform input {
	border: 1px solid #18481C;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
}
input[type="submit"] {
	background-color: #18481C;
	background-image: url(images/nav-top.png);
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}
input[type="submit"]:hover, #searchsubmit:hover {
	background-image: none;
	background-color: #063D03;
}
#searchsubmit {
	margin-top: 5px;
	width: 93%;
	background-color: #18481C;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}
#s {
	width: 90%;
	height: 21px;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	background-image: url(images/trees.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#searchform label {
	display: none;
}
#content p {
	margin-top: 1em;	
}
/* Comments */
#comment_list {
	width: 450px;
	margin-left: 0;
	margin-right: 0;
	border: 1px solid #FF0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FF9;
}
#comment_list li {
	list-style: none;	
	padding: 5px;
}
#comment_list .meta {
	font-size: 11px;
	color: #666;
	border-bottom: 1px solid #18481C;
}
.alt {
	background-color: #FFC;
}
#comments-count {
	border-bottom: 1px solid #18481C;
	width: 450px;
}