/* Newland St. John's Primary School website CSS file. Built by Definition Web Design
http://www.definitiondesign.co.uk 2009 */

/* @group Defaults */
/* @group Links defaults */
a {font-weight: bold; text-decoration: none;}
a:link {color: #439CD4;}
a:visited {color: #439CD4;}
a:hover {color: #439CD4;text-decoration: underline;}
a:active {color: #439CD4;text-decoration: underline;}
/* @end */

/* @group Images defaults */
a img,img{border:none;display:block;}
#content img {float: left; padding: 2px; border:1px solid #949494; margin:0 10px 10px 0;}
p.bodyimg {clear: left; float: left;}
/* @end */
p#skip {position: absolute; left: -5000px;}
/* @end */

/* @group General */
body {
	background: #FDFEFF url(../images/bg3.jpg) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
/* @end */

/* @group Layout structure */
#outer {
	width: 770px; text-align: left;
	margin: 0 auto; position: relative;
}
#header {
	padding-top: 60px;
	height: 160px;
	background: url(../images/logo.gif) 0 80px no-repeat;
}
#header h1, #header h2 {
	color: #fff;
	font-size: 24px;
	letter-spacing: -0.03em;
	line-height: .9em;
	padding-top: 25px;
	margin-bottom: 0.2em;
	width: 230px;
	margin-left: 125px;
}
#header h1 span, #header h2 span {
	font-size: 17px;
	letter-spacing: .01em;
}
#header p {
	color: #77BCFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-left: 125px;
	margin-top: 10px;
	margin-bottom: 0;
}
#header a {color:#E5E34D;text-decoration: underline;display:block;margin-top:5px;font-weight: bold;} 
#polaroid {position:absolute; top: 46px; right: -11px; z-index: 100; clear: both;}
#polaroid li {float:left;}
#polaroid li.first {margin-right: 5px;}
/*
#polaroid li.first {position: relative; left: 30px;}
#polaroid li.second {margin-left: 10px;}
*/
#polaroid img {
	border: 5px solid #ddd;
}
form#search-box {
	margin: 13px 0 24px;
	background: url(../images/search.jpg) 0 0 no-repeat;
	padding-left: 33px; padding-top: 3px;
	min-height: 27px;
	font-size: 14px;
}
form#search-box input#search {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	padding: 2px;
	font-size: 14px; color: #444;
}
form#search-box input#search:focus {
	background-color: #ffc;
}
form#search-box label {
	position: absolute; left: -5000px;
}
form#search-box input.submit {
	font-size: 14px; padding: 2px;
}
#main-content {
	background: #fff;
	float: left;
	width: 770px;
	margin-bottom: 50px;
	padding-top: 25px;
	margin-top: 20px;
}
#content {
	float: right;
	width: 510px;
	margin-right: 25px;
	line-height: 1.5em;
	font-size: 13px;
	display: inline;
}
#content ul {list-style: square; margin-left: 15px;}
#content ol {list-style: decimal; margin-left: 25px;margin-bottom: 1.5em;}
#content ol li {padding-bottom: .5em;}
#content h2#main-head, #content h1 {
	color: #368FEB; font-size: 30px;
	margin: 13px 0 .5em 0;
	width: 500px;line-height: 1em;
	font-weight: normal;
}
p#welcome {font-size: 13px;}	
#news-list {margin-top: 2.5em;}
#news-list ul, #content ul.staff-list {margin-top: 1.5em;list-style: none;margin-left: 0;}
#news-list li, ul.staff-list li {
	float: left; width: 510px;
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 1em; margin-bottom: 2em;
}
ul.staff-list li {padding-bottom: 0;}
#news-list h3, #news-list li p,
/*
ul.staff-list h3, ul.staff-list li p {
	float: right; width: 320px;
}
*/
ul.staff-list h3 {margin-bottom: .4em;}
#news-list li.noimg h3, #news-list li.noimg p {float: none;width: auto;}
/*
ul.staff-list h3, ul.staff-list li p {
	width: 340px;
}
*/
#content ul.staff-list li img {float: right; margin: 0 0 15px 10px;}
#news-list h2, #content h2 {
	font-size: 16px; color: #444;
}
#content h2 {margin-bottom: .5em;margin-top: 1em;}
#news-list h3, ul.staff-list h3 {
	color: #1683C6; font-size: 16px;
}
ul.staff-list h3 span {
	display: block;
	color: #777;
	font-size: 13px;
}
#news-list h3, #news-list li p,
#content #news-list h2,
ul.staff-list h2 {
	float: right; width: 320px;
	margin:0 0 .5em;
}  
#content #news-list li.noimg h2 {float: none;width: auto;}
body#home #news-list h2 {
	float: none; width: auto;
}
#news-list h3 a {
	color: #1683C6;
}
#news-list li#paginate {
	border:none;
}
#news-list li#paginate p {
	float:none;clear:both;
	width:auto; 
}
li#paginate {font-weight:bold;}
li#paginate a {
	padding:2px;
}  
li#paginate strong {
	padding:2px 4px;
	color:#fff;      
	margin-right:3px;  
	color:#1C62BB;
	border:1px solid #5896E5;
}
p.more {text-align:left}
#content p.more a {
	color: #D82626;
}
p.read-all {font-size: 18px;text-align:right;}
#secondary-content {
	float: left;
	width: 190px;
	background-color: #eee;
	margin: 0 0 30px 15px;
	display: inline;
}
#secondary-content h2 {
	text-transform: uppercase;
	font-size: 15px;
	color: #454545;
	margin-bottom: .5em;
}
#secondary-content .testimonial h2 {
	text-transform: none; font-size: 16px;
}
.download, .testimonial {
	padding: 30px 7px 10px;
	margin: -13px 7px 0 7px;
	background: url(../images/download-bg.jpg) 50% 100% repeat-x;
}
.download p.link {
	background: url(../images/pdf.jpg) 0 0 no-repeat;
	min-height: 45px; padding: 5px 0 0 51px;
}
.download p a {display:block;font-size:14px;}
.download h2 {
	margin-bottom: 0;
}
.testimonial {
	background-image: none;
	padding-bottom: 60px;
	margin-top: 0;
}
.testimonial blockquote {margin-bottom:.5em;}
.testimonial p {margin-bottom: .5em;}
cite {font-style:normal;}
.testimonial cite {text-transform: uppercase;font-size: 12px;font-weight:bold;}
h2#newsletter-head, h2#dates-head {
	padding: 5px 48px 0 0;
	min-height: 45px;
}
h2#newsletter-head {
	background: url(../images/newsletter-head.jpg) 100% 0 no-repeat;
}
h2#dates-head {
	background: url(../images/dates-head.jpg) 100% 0 no-repeat;
}
#footer {
	clear: both; text-align: left;
	background: #323031 url(../images/footer-bg.jpg) 50% 0 repeat-x;
	padding: 20px 0; 
}
#footer-content {
	width: 770px; margin: 0 auto; color: #fff;
	min-height: 191px;
}
#footer h2 {
	font-size: 28px;
	text-transform: none;
	color: #51ACFE;font-weight: normal;
	border-bottom: 1px solid #51ACFE;
	line-height: .9em;
	margin-bottom: .5em;
}
h2#contact-head {color: #fcff02;}
h2#quick-head {color: #009cff;}
#footer-contact {
	float: left; width: 210px; margin: 0 23px 0 20px; padding-right: 15px;
	background: url(../images/footer-line.gif) 100% 50% no-repeat;display: inline;
}
#footer-quick {
	float: left; width: 220px;
}
#footer-gallery {
	float: left; width: 490px;
} 
#footer-gallery ul li a {border:6px solid #fff;margin-bottom:10px;display:block;}
#footer-gallery ul li a:hover {border:6px solid #4AA1F1}
#footer ul {list-style:square;margin-left:16px}
#footer ul li {padding-bottom:.3em}
#footer-gallery ul li a:hover {border:6px solid #4AA1F1} 
#footer ul {list-style:square;margin-left:16px}
#footer ul li {padding-bottom:.3em} 
#footer #footer-gallery ul {list-style:none;margin-left:0;}
#footer ul li {float:left;margin-right:10px;}
#footer h3 {color: #fff;}
.tel {font-weight:bold;}
#footer p.how-find a, #footer p.see-gallery a {color: #FFF440;}
#footer p.see-gallery {font-size:15px;}
.tel {font-weight:bold;}
p#credits {clear:both;margin: 10px 0 50px;font-size:11px}
/* @end */

/* @group Navigation */
div#nav {
	width: 770px; float: left;
	position: absolute;
	top: 0; left: 0;
}
div#nav ul {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	width: 770px; float: left;
	margin-top: 15px;
	text-align: center;
}
div#nav ul li {
	display: inline;
	padding-bottom: 5px;
	font-weight: bold;
	margin-right: 25px;
	text-align: center;
	position: relative;
}
div#nav ul li.last {
	margin-right: 0;
}
/*
body#home div#nav ul li.home,
body#home div#nav ul li.home,
body#latest div#nav ul li.latest a,
body#about div#nav ul li.about a,
body#documents div#nav ul li.documents a,
body#family div#nav ul li.family a,
body#gallery div#nav ul li.gallery a,
body#contact div#nav ul li.contact a,
*/
div#nav ul li.current  {
	border-bottom: 4px solid #FFF000;
}  
div#nav ul li a {
	color: #fff;
}
div#nav ul li a:hover {
	color: #FFF999; text-decoration: none;
}
/* @end */
/* @group Latest news detail page */ 
p#summary {
	font-size: 16px;   
	color:#888; margin: -10px 0 1.5em; 
	font-weight:bold;                  
	line-height:1.3em;
}  
p#summary span { /*Date under summary*/
	display:block; 
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;   
	color: #444; margin-top:15px;
}   
#subnav li a {
	border-bottom:1px solid #DDDDDD;
	color:#0270B1;
	display:block;
	height:1%;
	margin:0;
	padding:10px 3px 10px 16px;
	text-decoration:none;
} 
#subnav li.current a {color:#D82626;} 
#subnav li.last a {border:none;}
#subnav li a:link, #subnav li a:hover, #subnav li a:active {
	background: url(../images/dot.gif) 0 10px no-repeat;
}
#subnav li a:visited {
	background: url(../images/tick.gif) 0 10px no-repeat;
}
#subnav li a:hover {
	color: #0084d2;
}
.download p.more {
	background-image:none;  
	padding-left: 0; 
}        
.download p.more a {
	display:inline;
}       
p.pdf {
	padding: 10px 10px 5px 32px;
	background:url(../images/pdf.gif) no-repeat 0 50%;   
	margin:.2em 0;
} 
p#back {font-size: 14px;clear:both;border-top:1px solid #ddd; padding-top:.5em;margin-top:1.5em;}
p#back a {color:#0873B2;}  
p#breadcrumbs {font-size:11px;margin-bottom: 1.5em;}
p#welcome {font-size: 13px;font-weight:bold;}
/* @end */        

/* @group Gallery */
#content ul.gallery-intro {list-style: none;margin-left: 0;}  
#content ul.gallery-intro li {float:left; margin:0 15px 15px 0;}
#content ul.gallery-intro li img {float:none;margin:0;}   
body#gallery #content h2 a {color:#0873B2;font-size:15px;} 
body#gallery #content div.gallery-cat h2 span a {color:#D82626; font-size:11px;}
body#gallery #content div.gallery-cat h2 {color: #777;}
div.gallery-cat {padding-bottom:0; border-bottom:1px solid #ddd;} 
/* @end */ 
    
/* @group Contact */ 
.contact-details {float:left; width:200px;margin-bottom: 2em;}  
.address {float:right;width:200px;margin-right: 20px;background-color:#eee;padding:10px;margin-bottom: 2em;}
p#vcard {
	background:transparent url(/images/vcard.gif) no-repeat scroll 0 3px;
	clear:both;
	display:block;
	font-size:11px;
	min-height:18px;
	padding-left:35px;
	padding-top:3px; 
	vertical-align:middle;
}       
span.fn, span.url {display:none;}   
span.org {font-weight:bold;}
h2#how-to-find {margin-top:2em;clear:both;}         
form#directions {
	background-color:#FEF8BE;
	margin:1em 20px 1em 0;
	padding:5px 10px; 
}
form#directions input.text {padding:3px;font-size:12px;}
form#directions input.text#saddr {
	width: 8em;
}
div#themap {
	background:#E5E3DF none repeat scroll 0 50%;
	border:1px solid #000000;
	height:350px;
	margin:0 0 2em;
	width:485px;
}    
.bubble {width: 300px;}
.bubble .geo, .geo {display: none;}          
.vcard .tel {display:block;}
/* @end */  

/* @group Testimonials */  
ul#testimonials li {padding-bottom:2em;}
ul#testimonials blockquote p {font-size:14px;}
ul#testimonials cite {font-weight:bold;}
/* @end */  

/* @group FAQ */  
dl#faq, ul#search-results {margin-top:2em;}
dl#faq dt {font-weight:bold; font-size:14px;padding-bottom:.2em;color:#0873B2;}
dl#faq dd {margin-bottom:2em;border-bottom:1px solid #ddd;padding-bottom:1em;}
/* @end */    

/* @group Resources */ 
#content ul#resources-list {margin-top:2em;list-style: none;margin-left: 0;} 
li.odd {background-color:#eee;padding:10px;}
li.even {background-color:#fff;padding:10px;}
#content ul#resources-list li,
#content ul#documents-list li {margin-bottom:1em;float:left;width:90%;padding-left:15px;}
#content ul#documents-list li {padding-left:65px;}
#content ul#documents-list li.odd {background:#eee url(../images/pdf.jpg) 10px 10px no-repeat;} 
#content ul#documents-list li.even {background:#fff url(../images/pdf.jpg) 10px 10px no-repeat;} 
#content ul#resources-list li h2,
#content ul#documents-list li h2,
#content ul#search-results li h2 {margin-top:0;font-size:16px;margin-bottom: .5em;} 
#content p.posted {font-size:11px;margin:-.2em 0 1em;}
ul#resources-list li h3 {color:#333;text-transform:uppercase; margin:1.5em 0 .5em;}
/* @end */    

/* @group Documents */  
ul#documents-list h2 a {color:#0873B2;}      
/* @end */
ul#newsletter-archive li {
	margin-bottom: 1.5em;
}
ul#newsletter-archive li p {
	margin-bottom: .3em;
}
ul#newsletter-archive li a {
	font-size: 15px;
}