/*  
Theme Name: Pippin Live
Theme URI: http://pippinpre-school.org/
Description: The default theme for Pippin Pre-School.
Version: 1.0
Author: MLS
Author URI: http://pippinpre-school.org/

*/



/* Begin Typography & Colors */
body
{
margin: 0;
padding: 0;
background: #fff;
color: #000;
font-family: arial, helvetica, sans-serif;
font-size: 90%;
}

#page
{
background: url(img/bg.sidebar.gif) top left repeat-y;
margin: 0 auto;
border: 1px solid #000;
width: 780px;
margin-bottom: 2em;
}

#masthead
{
margin: 0;
padding: 0;
background: url(img/bg.masthead.kids.jpg) top right no-repeat #FEFA01;
}

#masthead img
{
display: block;
}

#charitynotice
{
margin-left: 2.3em;
float: left;
font-size: 60%;
margin-top: 2px;
}

#navmain
{
margin: 0;
background: #837302;
color: #fff;
padding: .2em 0;
}

#navmain ul
{
margin: 0;
padding: 0;
list-style: none;
font-size: 90%;
font-weight: bold;
text-align: right;
}

#navmain ul li
{
margin: 0;
padding: 0;
list-style: none;
display: inline;
padding: 0 1em;
}

#navmain a
{
}

#contentholder
{
padding-right: 15px;
padding-top: 25px;
position: relative;
}

#content
{
padding-left: 225px;
font-family: verdana, sans-serif;
}

#content h1
{
margin: 0;
height: 55px;
line-height: 55px;
font-family: verdana;
font-size: 110%;
text-align: right;
padding-right: 45px;
background: url(img/bg.h1.gif) bottom right;
}

#content h2
{
margin: 0;
font-family: verdana;
font-size: 90%;
}

#content h1#article-title, #content h2#article-title
{
margin: 0;
padding: 0;
height: auto;
line-height: 1;
text-align: left;
}

#content h2#article-meta, #content h3#article-meta
{
margin: 0;
padding: 0;
text-align: left;
font-weight: normal;
font-size: 90%;
font-style: italic;
margin-top: .2em;
margin-bottom: 1em;
}

#content #article-image
{
width: 200px;
float: right;
background: #b7d0b3;
border: 1px solid #116503;
margin-left: 1em;
padding: .5em 0;
}

#content #article-image img
{
display: block;
margin: .5em auto .2em auto;
width: 175px;
}

#content #article-image p.caption
{
width: 175px;
font-size: xx-small;
margin: .1em auto;
}

#content ol.article-demo
{
font-size: 90%;
}

#content ol.article-demo li
{
margin-bottom: .5em;
}

#content h1.him
{
padding-right: 90px;
background: url(img/bg.h1.him.gif) bottom right no-repeat;
}

#content h1.her
{
padding-right: 90px;
background: url(img/bg.h1.her.gif) bottom right no-repeat;
}

.infobox
{
width: 90%;
margin: 5px auto 0 auto;
margin-bottom: 10px;
border: 1px solid #837302;
color: #540302;
font-family: arial;
}

#latestnews h3
{
margin: 3px 7px;
line-height: 2;
padding: 0;
color: #837302;
font-size: 90%;
}

#latestevents h3
{
margin: 0;
line-height: 1.5;
text-align: center;
color: #fff;
background-color: #837302;
}

.infobox h4
{
margin: 3px 7px;
padding: 0;
font-size: 83%;
}

.infobox a.more-link
{
display: block;
margin-top: .5em;
}

#latestevents p
{
margin-bottom: 1.5em;
}

#latestevents div.eventinfobox
{
border-bottom: 1px dotted #837302;
font-size: small;
}

#content #latestnews p, #latestevents p
{
font-size: 80%;
font-weight: bold;
margin: 3px 7px;
}


#content p, #content ul, #content dl
{
margin-top: 0;
font-size: 90%;
}

#content div.sign
{
background: url(img/s.gif) left top no-repeat;
padding-top: 50px;
}

#content div.sign p
{
border-top: 1px solid #000;
width: 200px;
font-variant: small-caps;
}

#content ul#postarchives
{
margin-top: 1em;
margin-left: .5em;
padding-left: 0;
}

#content ul#postarchives li
{
background: url(img/pdficon_small.gif) left center no-repeat;
list-style: none;
margin-left: 0;
margin-bottom: 5px;
padding-left: 30px;
line-height: 20px;
}

#content ul.calendarpicker
{
margin: 0;
padding: 0;
margin-top: .5em;
list-style: none;
font-size: 90%;
font-weight: bold;
text-align: left;
display: block;
}

#content ul.calendarpicker li.month
{
background-color: #299484;
margin: 0;
padding: 0;
list-style: none;
float: left;
padding: .2em 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 38px;
text-align: center;
}

#content ul.calendarpicker li.monthactive
{
background-color: #299484;
float: left;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
padding: .2em 0;
width: 70px;
font-size: 125%;
text-align: center;
margin-top: -.2em;
}

li.firstmonth
{
border-left: 1px solid #000;
}

li.lastmonth
{
border-right: 1px solid #000;
}

#content ul.calendarpicker a
{
text-decoration: none;
color: #000;
}

table.diary
{
width: 490px;
border: 1px solid #837302;
border-collapse: collapse;
border-top: 0;
margin: 0;
position: relative;
}

table.diary td
{

width: 25%;
border: 1px solid #837302;
border-top: 0;
border-collapse: collapse;
}

table.diary td div
{
position: relative;
height: 75px;
padding-top: .2em;
padding-left: 2em;
}

#content table.diary td div p
{
font-weight: bold;
font-size: 85%;
margin: 0;
padding: 0;
}

#content table.diary a
{
font-size: x-small;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: .5em;
}

#content table.diary a:hover
{
text-decoration: underline;
}

.diary_date {
position: absolute;
z-index: 1;
top: 0;
left: 0;
color: #299484;
padding-top: 0px;
text-align: left;
font-size: 120%;
font-weight: bold;
}

#content .news-break
{
clear: right;
border-bottom: 1px solid #116503;
margin: .5em 0;
}

#content #news-more
{
width: 95%;
margin: 1em auto;
border: 1px solid #116503;
background: #b7d0b3;
}

#content #news-more h3
{
margin: .2em 0;
padding: 0;
padding-left: 15px;
font-size: 100%;
}

#content #news-more ul
{
margin: 0;
padding: 0;
padding-left: 20px;
font-size: x-small;
}

#content #news-more ul li
{
background: url(img/bg.news.arc.gif) left top no-repeat;
list-style: none;
margin-left: 0;
margin-bottom: .1em;
padding-left: 25px;
}

#news-more #news-foot
{
text-align: center;
margin: 1em 0;
font-size: x-small;
}

#content p.article-courtesy
{
font-size: x-small;
font-style: italic;
}

#navsub img#stotfold-ad
{
border: 1px solid #837302;
margin: 1em auto 0 auto;
display: block;
}

#content #stotfoldarchives
{
padding: .5em;
border: 1px solid #116503;
font-size: 90%;
}

#content #stotfoldarchives h3
{
margin: .2em 0;
padding: 0;
font-size: 100%;
}

#content #stotfoldarchives ul
{
margin: 0;
padding: 0;
}

#content #stotfoldarchives ul li
{
background: url(img/bg.stot.arc.gif) left center no-repeat;
list-style: none;
margin-left: 0;
margin-bottom: 5px;
padding-left: 30px;
line-height: 20px;
}

#content p.eventtimeinfo
{
font-weight: bold;
font-style: italic;
margin: 0;
padding: 0;
}

/* For Thanks and Praise images */

img.thprwide
{
padding: .5em 0;
}

img.thprnarrow
{
padding: .5em 0;
float: left;
}

/* For Committee Positions formatting */

#content dl
{
width: 97%;
margin: 0 0 1em 0;
}

#content dt
{
margin: 0;
padding: 0;
float: left;
width: 44%;
padding: .2em 0;
}

#content dd
{
margin: 0;
padding: 0;
margin-left: 50%;
width: 48%;
padding: .2em 0;
}

#navsub
{
position: absolute;
top: 0;
left: 0;
width: 205px;
}

#navsub ul
{
margin: 0;
margin-bottom: 20px;
padding: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
list-style: none;
font-family: arial, helvetica, sans-serif;
}

#navsub li.page_item
{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: url(img/bg.navsub.gif) repeat-y;
padding-left: 35px;
line-height: 2;
list-style: none;
font-size: 85%;
font-weight: bold;
}

/* colour needs to be set for nav links across top:
   Home (hm), About Us (ab) , Learning Through Play (lr), Contact Us (ct)
	 Defaulting to #000000 for now.
*/
#navsub li.ns-hm, #content h1.ns-hm {background-color: #60702c;}
#navsub li.ns-ab, #content h1.ns-ab {background-color: #8e4779;}
#navsub li.ns-lr, #content h1.ns-lr {background-color: #326f6e;}
#navsub li.ns-ct, #content h1.ns-ct {background-color: #d9a618;}

/* Two letter prefix for each content page:
   wl - A word from the leader
	 pl - Policy
	 nw - Newsletter
	 ev - Events Diary
	 td - Term Dates
	 te - Testimonials
	 st - Staff
	 co - Committee
	 ed - Educational Goals
	 fs - Fees and session times
	 nn - In The News
         lk - Links
         sn - In The Stotfold News
         
*/

#navsub li.ns-wl, #content h1.ns-wl {background-color: #540302;}
#navsub li.ns-pl, #content h1.ns-pl {background-color: #663332;}
#navsub li.ns-nw, #content h1.ns-nw {background-color: #67b2f3;}
#navsub li.ns-ev, #content h1.ns-ev {background-color: #299484;}
#navsub li.ns-td, #content h1.ns-sh {background-color: #cc6601;}
#navsub li.ns-te, #content h1.ns-te {background-color: #003366;}
#navsub li.ns-st, #content h1.ns-st {background-color: #996665;}
#navsub li.ns-co, #content h1.ns-co {background-color: #8d6e13;}
#navsub li.ns-ed, #content h1.ns-ed {background-color: #293a94;}
#navsub li.ns-fs, #content h1.ns-fs {background-color: #ad2702;}
#navsub li.ns-nn, #content h1.ns-nn {background-color: #116503;}
#navsub li.ns-lk, #content h1.ns-lk {background-color: #3366cc;}
#navsub li.ns-sn, #content h1.ns-sn {background-color: #2b6621;}

#footer
{
color: #540302;
text-align: right;
}

#footer p
{
margin: 0;
padding: .2em 0;
font-size: 70%;
}

#navmain a
{
color: #fff;
text-decoration: none;
}

#navsub a
{
color: #000;
text-decoration: none;
}

#navmain a:hover
{
color: #eaea00;
}

#navsub a:hover
{
color: #837302;
}

a img
{
border: none;
text-decoration: none;
}

h6
{
margin: 0;
padding: 0;
}

.padder
{
margin: 25em 0;
}

.spacer
{
clear: left;
}

/* Required for DOM Scroller */

/* position:relative and overflow:hidden are required */
#scroller
{
position:relative;
overflow:hidden;
width:98%;
background:#fff;
border: 1px solid #837302;
}

/* display:none prevents the controls being
shown when JavaScript is not present */
#controls
{
display:none;
text-align:right;
width: 95%;
}

/* add link formatting for the controls */
#controls a
{
font-size: x-small;
text-decoration: none;
}

/* add formatting for the scrolling text */
#tag
{
margin: 0;
padding: .2em 0;
}

/* #testP must also contain all text-sizing properties of #tag */
#testP
{
visibility:hidden;
position:absolute;
white-space:nowrap;
}

/* used as a page top marker and to limit width */
#top
{
width:350px;
margin:auto;
}

/* End Various Tags & Classes*/


/* lisas added styles */

.staffcourses
{
font size: 100%;
color: #837303;
}

.testimonials
{
font size: 100%;
color: #116603;
}