/*   
Theme Name: conker
Theme URI: http://www.farleynurseryschool.co.uk/
Description: A wordpress theme.
Version: 1.1
Author: Alexander Stott
Author URI: http://www.addisondesign.co.uk/
*/

html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
font-family:Trebuchet MS, Arial, Sans-Serif;
font-size:11px;
margin:0;
padding:0;
text-align:center;
}

html {
height:101%;
}

body {
background-image:url(images/bg.jpg);
background-position:middle center;
font-size:62.5%;
text-align:center;
height:101%;
}

li {
text-align:left;	
}

#container {
margin:0 auto;
width:900px;
}

#header {
height:179px;
margin-top:15px;
width:900px;
_display:inline;
}
#curvetop {
background-image:url(images/curvetop.png);
height:20px;
width:900px;
}
#titleblock {
background-image:url(images/titlebar.png);
float:left;
height:83px;
width:740px;
}
#search {
background-color:#ffffff;
float:left;
height:25px;
width:740px;
}
#nav {
background-color:white;
float:left;
height:76px;
padding-left:0;
width:740px;
}
#nav ul {
}
#nav li a:link, #nav li a:visited {
_display:inline;
}
/*#nav li {
background-color:#94BD3C;
display:block;
float:left;
font-family:Trebuchet MS,Arial,Sans-Serif;
font-size:1.1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:90px;
}
#nav li a:link, #nav li a:visited {
background-color:#94BD3C;
/*background-image:url(images/gradbg.png);*/
color:#FFFFFF;
display:block;
padding:15px 0 15px;
text-align:center;
text-decoration:none;
width:90px;
}
#nav li a:hover {*/
/*background-image:none;*/
}
#logo {
background-color:#ffffff;
background-image:url(images/logo.png);
background-repeat:no-repeat;
float:left;
height:159px;
padding-right:10px;
width:150px;
}
.main {
background-color:#FFFFFF;
float:left;
height:100%;
width:900px;
}

.greenbox {
background-color:#94BD3C;
background-image:url(images/green_bar.png);
float:left;
margin:0 20px;
width:820px;
padding:20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
overflow:hidden;
display:inline;
height:250px;
}

.slideshow {

}

.post {
clear:both;
float:left;
width:100%;
}

.post img {
border:0;
}

.post h3 {
font-size:1.8em;
color:#009933;
}

.post p {
line-height:19px!important;
padding-bottom:15px!important;
}

.greenbox h1 {
color:#FFFFFF;
font-family:Trebuchet MS,Arial,Sans Serif;
font-size:2.2em;
padding:10px;
text-align:left;
}
.greenbox p {
text-align:left;
font-family:Trebuchet MS, Arial, Sans-Serif;
color:#ffffff;
font-size:1.2em;
_line-height:17px!important;
padding:0 10px 10px 10px!important;
}

#frontnews {
width:400px;
float:right;
margin-right:20px;
/*background-color:#f7fee9;*/
display:inline;
overflow-x:hidden;
overflow-y:auto;
height:300px;
}

#frontnews h2 {
font-family:Trebuchet MS, Arial, Sans-Serif;
text-align:left;
/*color:#419638;*/
color:#333333;
font-size:2.1em;
font-weight:700;
padding:15px 10px 7px 0;
/*background-image:url(images/newsgrad.png);*/
background-repeat:repeat-x;
background-position:bottom;
}

.newsstory {
/*background-color:#f7feea;*/
/*background-image:url(images/newsgrad.png);*/
background-repeat:repeat-x;
background-position:bottom;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding-bottom:5px;
margin-right:5px;
background-repeat:repeat-x;
background-position:top;
margin-bottom:10px;
}

.newsstory h3 {
text-align:left;
font-family:Trebuchet MS, Arial, Sans-Serif;
padding:10px 10px 0 15px;
font-size:1.6em;
text-shadow:0 1px 5px #333;
}

.newsstory h3 span {
font-weight:400;
font-size:.8em;
}

.newsstory h3 a:link, .newsstory h3 a:visited {
text-decoration:none;
/*color:#91ba3a;*/
color:#ffffff;
}

.newsstory p {
font-family:Trebuchet MS, Arial, Sans-Serif;
/*color:#333333;*/
color:#ffffff;
text-align:left;
font-size:1.2em; 
padding:15px;
padding-top:10px;
padding-bottom:5px;
}

.newsstory h4 {
font-family:Trebuchet MS, Arial, Sans-Serif;
text-align:left;
font-size:1.2em; 
margin:0;
padding:0 0 10px 15px;
}

.newsstory h4 a:link, .newsstory h4 a:visited {
font-family:Trebuchet MS, Arial, Sans-Serif;
/*color:#333333;*/
color:#ffffff;
}

/* Tabbed section */

#tabs {
background-color:#93bc3b;
float:left;
margin:20px 0 0 20px;
width:440px;
display:inline;
}

#tabs p {
font-family:Trebuchet MS, Arial, Sans-Serif;	
text-align:left;
font-size:1.2em;
color:#ffffff;
line-height:17px;
}

#tabs a:link, #tabs a:visited {
color:#ffffff;
}

#tabs h2 {
font-family:Trebuchet MS, Arial, Sans-Serif;
font-size:1.3em;
text-align:left;
color:#ffffff;
padding:7px 0 10px 0;
text-align:center;
}

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 440px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;

padding: 10px;
padding-left:20px;
padding-right:20px;
visibility: hidden;
width: 400px;
}

.fadecontent p {
padding-bottom:10px;
}

#whatsnew {

}

#whatsnew h2 {
font-size:1.8em;
text-align:left; 
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 440px;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white;
}

#outdoor {
width:137px;
}

#clothing {
background-color:#419638;
width:137px;
}

#team {
background-color:#a2741c;
width:135px;
}

#footer {
background-color:#ffffff;
width:880px;
/*height:30px;*/
/*height:100%;*/
padding:15px 10px 15px 10px;
/*float:left;*/
color:#666666;
border-top:1px solid #eeeeee;
margin:0 auto;
padding-top:10px;
}

#footer span {
padding-right:15px;
}

.insidebox {
float:left;
margin:0 20px;
width:860px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}


.insidebox h1 {
color:#333333;
font-family:Trebuchet MS,Arial,Sans Serif;
font-size:2.2em;
padding:10px;
text-align:left;
}

.insidebox h2 {
color:#333333;
font-family:Trebuchet MS,Arial,Sans Serif;
font-size:1.8em;
padding:10px;
text-align:left;
}

.insidebox p {
text-align:left;
font-family:Trebuchet MS, Arial, Sans-Serif;
color:#666666;
font-size:1.25em;
line-height:20px!important;
padding:0 10px 10px 10px;
}

#cuttings {
float:right;
width:260px;
padding:20px;
margin:0 0 10px 10px;
text-align:center;
background-color:#ECF9FF;
background-image:url(images/newspaper.jpg);
}

#cuttings h2 {
text-align:center;
font-size:1.5em;
padding:10px;
}

#cuttings ul {

}

#ngg-gallery-1-16 { /* Uniform gallery */
width:360px;
float:right;
}

#cuttings li {
list-style:none;
padding:10px 10px 0 10px;
font-size:1.1em;
font-family:Trebuchet MS, Arial, Sans-Serif;
background-position:0 10px!important;
}

#cuttings li a:link, #cuttings li a:visited {
color:#4A8D07;
}

#cuttings li a:hover {
color:#4A8D07;
text-decoration:none;
}

table {
border:1px solid #557913;
margin:15px;
font-size:1.2em;
width:500px;
float:right;
}

thead {
background-color:#E0F4BB;
font-weight:700;
font-size:1.1em;
}

th {
padding:10px;	
}

td {
padding:3px 10px 3px 10px;
font-size:1.1em;
}

tr{
background-color:#EEF9D9;	
}

tr:hover{
background-color:#E0F4BB;
}

h3 {
color:#CC0000;
text-align:left;
padding:10px;
font-size:1.3em;
}

/* Slideshow */

#slideshow {
    position:relative;
    height:208px;
width:378px;
_display:inline;
float:right;
background-color:#000000;

margin:15px;
margin-left:25px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.alignright {float:right;margin:10px;}

.alignleft {
float:left;
margin:5px 10px 5px 0;
border:1px solid #cccccc!important;
padding:6px;
}

.rightfeed {
float:right;
margin:4px 4px 0 0;
}


/*Menu styling*/
/*
#home a:link, #home a:visited {
background-image:url(images/bar.png);
}

#home a:hover, #homep #home a:link, #homep #home a:visited {
background-image:url(images/bar.png);
background-position:0 58px;
}

#news a:link, #news a:visited {
background-image:url(images/bar.png);
background-position:-90px 0;
}

#news a:hover, #newsp #news a:link, #newsp #news a:visited {
background-image:url(images/bar.png);
background-position:-90px 58px;
}

#prospectus a:link, #prospectus a:visited {
background-image:url(images/bar.png);
background-position:-180px 0;
}

#prospectus a:hover, #prospectusp #prospectus a:link, #prospectusp #prospectus a:visited {
background-image:url(images/bar.png);
background-position:-180px 58px;
}

#uniform a:link, #uniform a:visited {
background-image:url(images/bar.png);
background-position:-270px 0;
}

#uniform a:hover, #uniformp #uniform a:link, #uniformp #uniform a:visited {
background-image:url(images/bar.png);
background-position:-270px 58px;
}

#gallery a:link, #gallery a:visited {
background-image:url(images/bar.png);
background-position:-360px 0;
}

#gallery a:hover, #galleryp #gallery a:link, #galleryp #gallery a:visited {
background-image:url(images/bar.png);
background-position:-360px 58px;
}

#fees a:link, #fees a:visited {
background-image:url(images/bar.png);
background-position:-450px 0;
}

#fees a:hover, #feesp #fees a:link, #feesp #fees a:visited {
background-image:url(images/bar.png);
background-position:-450px 58px;
}

#ofsted a:link, #ofsted a:visited {
background-image:url(images/bar.png);
background-position:-540px 0;
}

#ofsted a:hover, #ofstedp #ofsted a:link, #ofstedp #ofsted a:visited {
background-image:url(images/bar.png);
background-position:-540px 58px;
}

#contact a:link, #contact a:visited {
background-image:url(images/bar.png);
background-position:-630px 0;
}

#contact a:hover, #contactp #contact a:link, #contactp #contact a:visited {
background-image:url(images/bar.png);
background-position:-630px 58px;
}*/

.fadecontent table {
width:200px;
}

.insidebox ul {
margin-left:35px;
margin-bottom:15px;
}

.insidebox li {
font-size:1.2em;
list-style:none;
background-image:url(images/hand.png);

background-repeat:no-repeat;
padding-left:20px!important;
margin-top:5px;
}

#dleaf {
background-image:url(images/leaf.jpg);
}

#dgreen {
background-color:#419638;
background-image:url(images/trees.jpg);
}


#dbrown {
background-color:#A2741C;
background-image:url(images/earth.jpg);
}


        .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 690px;
            background: url("images/bg.png") no-repeat top;
            padding: 5px 15px;
padding-left:10px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("images/lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
_background:transparent;

                    }
                        .lavaLampWithImage li.back .left {
                            background: url("images/lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
_background:transparent;
                        }
                    .lavaLampWithImage li a {
                        font: 400 1.3em Trebuchet MS, Arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 16px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }



.cat1 { /*farley*/
background-image:url("images/green_bar.png");
}

.cat1 h3 a:link, .cat1 h3 a:visited, .cat5 h3 a:link, .cat5 h3 a:visited, .cat51 h3 a:link, .cat51 h3 a:visited, .cat15 h3 a:link, .cat15 h3 a:visited {
color:#ffffff;
}

.cat5 { /*steeple langford*/
background-image:url("images/red_bar.png");
}

.cat51, .cat15 { /*both schools*/
background-image:url("images/green_bar.png");
}

.cat1:hover, .cat5:hover, .cat15:hover, .cat51:hover {
background-position:0 -25px;
}

#farleynews {
width:400px;
float:left;
padding:10px;
margin-left:20px;
}

#steeplenews {
width:400px;
float:left;
padding:10px;
margin-left:10px;
}

#steeplenews h2, #farleynews h2 {
text-align:left;
font-size:1.5em;
padding-bottom:10px;
}

.footlink {
padding-top:0!important;
}

.footlink a:link, .footlink a:visited {
color:#ffffff;
}

.clear {
clear:both;
}

#newshead {
text-align:left;
font-size:2.4em;
padding:30px;

}

.newsintro {
padding:30px;
font-size:1.2em;
padding-top:0;
text-align:left;
line-height:23px;
color:#333333;
}

.newspost {
padding-left:30px;
padding-right:30px;
width:840px!important;
} 

.newspost h2 {
color:#333333;
font-family:Trebuchet MS,Arial,Sans Serif;
font-size:2.2em;
text-align:left;
padding:20px 0 20px 0;
}

.newspost p {
text-align:left!important;
font-size:1.3em;
color:#333333;
}

.navigation {
float:left;
background-color:#ffffff;
width:840px;
text-align:left;
padding:10px 30px 10px 30px;
font-size:1.2em;
}

.address {
float:left;
padding-right:20px;
}

.address h3 {
font-size:15px;
}