/*
Theme Name: East Side Early Learning Center - Custom
Theme URI: http://eastsidelearning.org
Description: Custom template designed by <a href="http://adjustafresh.com">Scott Kiekbusch at adjustafresh</a>.
Version: 1.0
Author: Scott Kiekbusch
Author URI: http://adjustafresh.com/
*/

body {
  background: url(images/body-bg.gif) repeat-x #FFF;
  font-size: 1em;
  text-align: center;
  color: #312E29; /* DK BROWN */
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans-Serif;
}

* {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
}

a {
  color: #6E8FB2; /* BLUE */
  outline: none;
}

a:visited {
  color: #312E29; /* DK BROWN */
}

a:hover {
  color: #B2BE8C; /* DK GREEN */
}

a img {
  border: none;
}

table {
  border-collapse: collapse;
}

/*
CLASSES
*/

.hide {
  display: none;
}

.clear {
  width: 100%;
  clear: both;
}

.center {
  text-align: center;
}

/*
CONTAINER
*/

#container {
  min-width: 950px;
  max-width: 1190px;
  margin: 0 auto;
  position: relative;
}

/*
HEADER
*/

#header {
  position: relative;
  height: 125px;
}

#header h1 {
  background: url(images/h1-bg.jpg) no-repeat;
  width: 628px;
  height: 225px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#header h1 a {
  display: block;
  width: 185px;
  height: 160px;
  position: absolute;
  top: 5px;
  left: 21px;
  text-indent: -5000em;
  text-decoration: none;
}

#header h2 {
  background: url(images/h2-bg.gif) no-repeat;
  width: 196px;
  height: 44px;
  text-indent: -5000em;
  position: absolute;
  top: 89px;
  right: 30px;
  z-index: 3;
}

#header #search {
  position: absolute;
  top: 29px;
  right: 30px;
  width: 195px;
  z-index: 2;
}

#search p label {
  display: block;
  height: 1px;
  text-indent: -5000em;
}

#search input#search-input {
  background: url(images/input-bg.gif) 2px 2px no-repeat #ECF3D5;
  padding: 2px;
  width: 153px;
  border: 1px solid #B2BE8C;
}

#search input#search-input:focus {
  background-image: none;
}

#search input#search-btn {
  background: url(images/go-btn.gif) 0 0 no-repeat;
  width: 31px;
  height: 21px;
  text-indent: -5000em;
  cursor: pointer;
  border: 0;
}

#search input#search-btn:hover {
  background-position: 0 -21px;
}

/*
MAIN CONTENT
*/

#main {
  margin: 25px 0 4em 245px;
  position: relative;
  z-index: 10;
  width: 52%;
  font-size: .85em;
  line-height: 1.4;
}

#main strong {
  color: #B2BE8C; /* DK GREEN */
}

#main h2 {
  font: bold 1.4em/1.4 Georgia, "Times New Roman", Times, Serif;
  color: #B2BE8C; /* DK GREEN */
}

#main h3 {
  font: bold 1.2em/1.4 Georgia, "Times New Roman", Times, Serif;
  color: #B2BE8C; /* DK GREEN */
}

#main p {
  margin: .8em 0;
}

#main p img {
  display: block;
  clear: both;
  margin: 0 auto;
}

#main ul,
#main ol {
  margin: .6em 0 .6em 1em;
}

#main li {
  background: url(images/main-bullet.gif) no-repeat 0 6px;
  padding: 2px 0 2px 20px;
}

#main li p {
  margin: 0;
}

#main .post {
  margin: 1em 0 3em;
}

#main .post .postmetadata {
  font-size: .8em;
}

/*
TUITION TABLE
*/

#main #tuition {
  font-size: .9em;
  width: 100%;
}

#tuition th {
  background: #312E29; /* DK BROWN */
  color: #ECF3D5; /* LT GREEN */
}

#tuition td,
#tuition th {
  padding: .4em .5em;
}

#tuition .even{
  background: #ECF3D5; /* LT GREEN */
}

/*
CONTACT FORM
*/

#contact-info address {
  font-style: normal;
  font-size: 1.2em;
}

#gb_form_div h2 {
  display: none;
}

#gb_form fieldset {
  padding: 1em 0;
  border: none;
}

#gb_form_div #mainlegend {
  display: none;
}

#gb_form_div legend {
  font-weight: bold;
  margin-bottom: -.5em;
}

#gb_form_div input,
#gb_form_div textarea {
  background: #F2F2F2;
  padding: 2px;
  border: solid 1px #B2BE8C;
}

/*
NAVIGATION
*/

#nav {
  position: absolute;
  top: 235px;
  left: 0;
  width: 216px;
  font-size: .9em;
}

    /*
    ABOUT
    */

    #nav a#about-link {
      background: url(images/nav-about.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#about-link:hover {
      background-position: 0 -39px;
    }

    #about #nav a#about-link,
    #philosophy #nav a#about-link,
    #staff #nav a#about-link,
    #facilities #nav a#about-link {
      background-position: 0 -78px;
    }

    #about #about-top ul.secondary,
    #philosophy #about-top ul.secondary,
    #staff #about-top ul.secondary,
    #facilities #about-top ul.secondary {
      display: block;
    }

    #philosophy #about-top ul.secondary #philosophy-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    #staff #about-top ul.secondary #staff-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    #facilities #about-top ul.secondary #facilities-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    /*
    PROGRAMS
    */

    #nav a#programs-link {
      background: url(images/nav-programs.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#programs-link:hover {
      background-position: 0 -39px;
    }

    #programs #nav a#programs-link,
    #infants #nav a#programs-link,
    #toddlers #nav a#programs-link,
    #preschool #nav a#programs-link {
      background-position: 0 -78px;
    }

    #programs #programs-top ul.secondary,
    #infants #programs-top ul.secondary,
    #toddlers #programs-top ul.secondary,
    #preschool #programs-top ul.secondary {
      display: block;
    }

    #infants #programs-top ul.secondary #infants-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    #toddlers #programs-top ul.secondary #toddlers-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    #preschool #programs-top ul.secondary #preschool-link {
      background: url(images/active-subnav.gif) no-repeat right 3px;
      padding-right: 30px;
      margin-right: -30px;
      color: #312E29; /* DK BROWN */
    }

    /*
    RESOURCES
    */

    #nav a#resources-link {
      background: url(images/nav-resources.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#resources-link:hover {
      background-position: 0 -39px;
    }

    #resources #nav a#resources-link {
      background-position: 0 -78px;
    }

    #resources #resources-top ul.secondary {
      display: block;
    }

    /*
    ADMISSIONS
    */

    #nav a#admissions-link {
      background: url(images/nav-admissions.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#admissions-link:hover {
      background-position: 0 -39px;
    }

    #admissions #nav a#admissions-link {
      background-position: 0 -78px;
    }

    #admissions #admissions-top ul.secondary {
      display: block;
    }

    /*
    NEWS
    */

    #nav a#news-link {
      background: url(images/nav-news.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#news-link:hover {
      background-position: 0 -39px;
    }

    #News #nav a#news-link {
      background-position: 0 -78px;
    }

    #News #news-top ul.secondary {
      display: block;
    }

    /*
    CONTACT
    */

    #nav a#contact-link {
      background: url(images/nav-contact.gif) 0 0 no-repeat;
      display: block;
      width: 216px;
      height: 34px;
      text-indent: -5000em;
      text-decoration: none;
    }

    #nav a#contact-link:hover {
      background-position: 0 -39px;
    }

    #contact #nav a#contact-link {
      background-position: 0 -78px;
    }

    #contact #contact-top ul.secondary {
      display: block;
    }

#nav ul.secondary {
  margin: -5px 0 .8em;
  display: none;
}

#nav ul.secondary li {
  text-align: right;
  padding: 0 24px 2px 0;
}

#nav ul.secondary a {
  color: #B2BE8C; /* DK GREEN */
}

#nav ul.secondary a:hover {
  color: #6E8FB2; /* BLUE */
}

/*
SIDEBAR
*/

#sidebar-container {
  position: absolute;
  top: 155px;
  right: 30px;
}

#sidebar {
  background: url(images/sidebar-bg.jpg) no-repeat #D9E7AC;
  width: 194px;
  font-size: .7em;
}

#sidebar h3 {
  font: bold 1.2em/1.4 Georgia, "Times New Roman", Times, Serif;
  padding: .5em;
}

#sidebar p {
  padding: .5em;
}

#sidebar ul {
  padding: 0 1em .5em;
}

#sidebar li {
  background: url(images/sidebar-bullet.gif) no-repeat 0 6px;
  padding: 2px 0 2px 20px;
  font-weight: bold;
}

#sidebar li a {
  display: block;
  font-weight: normal;
}

#sidebar a:hover {
  color: #312E29; /* DK BROWN */
}

#sidebar-bottom {
  background: url(images/sidebar-bottom.gif) no-repeat;
  width: 194px;
  height: 4px;
}

/*
FOOTER
*/

#footer {
  background: url(images/footer-bg.png) no-repeat right top;
  clear: both;
  width: 52%;
  font-size: .7em;
  padding-top: 25px;
  margin: .5em 0 6em 245px;
  position: relative;
}

#footer p {
  padding-top: 5px;
  margin: -6px 24px 0 0;
  border-top: solid 1px #B2BE8C; /* DK GREEN */
}

#footer address {
  font-style: normal;
  text-align: right;
  position: absolute;
  top: 25px;
  right: 24px;
}

#credits {
  color: #999;
  text-align: center;
  font-size: .9em;
  margin-top: 4em;
}

#credits a {
  color: #999;
}