/*
THEME NAME: Eastside Montessori
THEME URI: http://nalodesign.com
DESCRIPTION: Specialty theme for Eastside Montessori
VERSION: 1.0
AUTHOR: HD-Creative
AUTHOR URI: http://hd-creative.com/
TAGS: green, specialty
.
Theme is copyright HD-Creative and Nalo Design
.
*/

/* -------------------------------------------------------------- 

Color Palette:
BG Green: #23b1a5
BG Stripes: #38b8ae
Main Green: #0f968b
Yellow Green: #d6d150
Dark Yellow Green: #bfba44
Brown: #653600
White: #ffffff

-------------------------------------------------------------- */

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
text-decoration:none;
color:#0f968b;
}

a:hover {
color:#23b1a5;
text-decoration:underline;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* -------------------------------------------------------------- 

The Basics

-------------------------------------------------------------- */
html, body {
	width:100%;
	height:100%;
position:relative;
}

body {
	background:#23b1a5 url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/bg-body.png) left top repeat;
	color:#653600;
font-family: Helvetica, Arial, "Myriad Pro", sans-serif;
font-size:62.5%;
}

article h2 {
margin-top:24px;
margin-bottom:-8px;
line-height:1.4em;
}

article h2.blue {
	color:#0F968B;
	font-family:"georgia", "times new roman", serif;
	font-weight:normal;
}

h1+h2 {
margin-top:4px;
}

#wrapper {
	background:#0f968b;
	width:940px;
	margin:110px auto 50px;
padding:8px 8px 1px;
}

#wrapper {
margin-top:110px;
}

.home #wrapper {
margin-top:30px;
}

/* -------------------------------------------------------------- 

Header/Navigation

-------------------------------------------------------------- */

header, nav, nav ul {
width:940px;
position:relative;
}

header {
padding-top:50px;
}

.home header {
padding-top:0px;
}

header img#logo {
position:absolute;
top:-90px;
left:10px;
}

.home header img#logo {
position:absolute;
left:20px;
top:415px;
z-index:999;
}

header img#slogan {
position:absolute;
right:20px;
top:-60px;
}

.home header img#slogan {
display:none;
}

.home header div#header-calendar-link {
display:none;
}

header div#header-calendar-link {
position:absolute;
right:60px;
top:4px;
width:150px;
}

header div#header-calendar-link a {
text-decoration:none;
color:#fff;
font-size:12px;
}

header div#header-calendar-link img {
width:35px;
height:30px;
float:left;
}

header div#header-calendar-link p {
color:#fff;
font-size:12px;
width:100px;
float:left;
margin:3px 0 0 7px;
}

header div#social-media {
position:absolute;
right:20px;
top:10px;
}

.home header div#social-media {
position:absolute;
right:20px;
top:735px;
z-index:100;
}

header div#social-media div.ami {
display:none;
}

.home header div#social-media div.ami {
display:block;
float:left;
margin-right:5px;
}

nav ul {
border-bottom:2px solid #653600;
background:#d6d150;
height:45px;
}

nav>ul>li {
display:inline;
list-style-type:none;
background:#d6d150;
border-left:1px solid #fff;
padding:0;
top:0px;
position:absolute;
overflow:hidden;
text-indent:-9999px;
height:45px;
}

nav>ul>li>a {
color:#653600;
text-decoration:none;
text-transform:uppercase;
font-size:16px;
padding:0;
margin:0;
height:45px;
position:absolute;
left:0;
top:0;
z-index:999;
background:url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/navbar.png) 0 0 no-repeat;
}

nav>ul>li.page-item-4 {
left:0;
width:85px;
}

nav>ul>li.page-item-4 a {
width:85px;
}

nav>ul>li.page-item-4.current_page_item a, nav>ul>li.page-item-4.current_page_item a:hover {
background-position:0 -90px;
}

nav>ul>li.page-item-4 a:hover {
background-position:0 -45px;
}

nav>ul>li.page-item-5 {
left:86px;
width:191px;
}

nav>ul>li.page-item-5 a {
width:191px;
background-position:-86px 0;
}

nav>ul>li.page-item-5.current_page_item a, nav>ul>li.page-item-5.current_page_item a:hover {
background-position:-86px -90px;
}

nav>ul>li.page-item-5 a:hover {
background-position:-86px -45px;
}

nav>ul>li.page-item-15 {
left:279px;
width:208px;
}

nav>ul>li.page-item-15 a {
width:208px;
background-position:-279px 0;
}

nav>ul>li.page-item-15.current_page_item a, nav>ul>li.page-item-15.current_page_item a:hover {
background-position:-279px -90px;
}

nav>ul>li.page-item-15 a:hover {
background-position:-279px -45px;
}

nav>ul>li.page-item-17 {
left:489px;
width:67px;
}

nav>ul>li.page-item-17 a {
width:67px;
background-position:-489px 0;
}

nav>ul>li.page-item-17.current_page_item a, nav>ul>li.page-item-17.current_page_item a:hover {
background-position:-489px -90px;
}

nav>ul>li.page-item-17 a:hover {
background-position:-489px -45px;
}

nav>ul>li.page-item-19 {
left:559px;
width:123px;
}

nav>ul>li.page-item-19 a {
width:123px;
background-position:-559px 0;
}

nav>ul>li.page-item-19.current_page_item a, nav>ul>li.page-item-19.current_page_item a:hover {
background-position:-559px -90px;
}

nav>ul>li.page-item-19 a:hover {
background-position:-559px -45px;
}

nav>ul>li.page-item-21 {
left:683px;
width:144px;
}

nav>ul>li.page-item-21 a {
width:144px;
background-position:-683px 0;
}

nav>ul>li.page-item-21.current_page_item a, nav>ul>li.page-item-21.current_page_item a:hover {
background-position:-683px -90px;
}

nav>ul>li.page-item-21 a:hover {
background-position:-683px -45px;
}

nav>ul>li.page-item-23 {
left:830px;
width:107px;
}

nav>ul>li.page-item-23 a {
width:107px;
background-position:-830px 0;
}

nav>ul>li.page-item-23.current_page_item a, nav>ul>li.page-item-23.current_page_item a:hover {
background-position:-830px -90px;
}

nav>ul>li.page-item-23 a:hover {
background-position:-830px -45px;
}

nav ul>li:first-child {
border:0;
}

nav ul>ul {
width:171px;
height:160px;
padding:0 10px;
position:absolute;
left:87px;
top:47px;
display:none;
z-index:999;
background:#d6d150 url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/bg-nav-dropdown.png) 120px 10px no-repeat;
border:0;
}

nav ul>ul>li {
display:block;
height:20px;
border-top:1px solid #fff;
height:30px;
//text-indent:-9999px;
}

nav ul>ul>li:first-child {
border:0;
}

nav ul>ul>li a {
text-decoration:none;
color:#653600;
display:block;
position:relative;
top:7px;
left:5px;
font-size:16px;
width:166px;
}

nav ul>ul>li a:hover {
font-weight:bold;
text-decoration:none;
color:#653600;
}

/* -------------------------------------------------------------- 

div#content

-------------------------------------------------------------- */

div#content {
background:#fff;
position:relative;
width:940px;
}

/* -------------------------------------------------------------- 

Article

-------------------------------------------------------------- */
article {
background:#ffffff;
min-height:750px;
padding:30px;
font-size:14px;
}

.home article {
width:880px;
min-height:300px;
}

article {
width:500px;
}

.blog article, .archive article, .category article, .single article {
	width:570px;
}

.home article {
width:580px;
padding-right:330px;
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/home-child.jpg) right top no-repeat;
min-height:389px;
height:389px;
overflow:hidden;
}

.page-id-5 article {
min-height:780px;
}

.page-id-21 article {
min-height:800px;
}

.page-id-23 article {
min-height:900px;
}

article h1 {
font-size:32px;
font-weight:normal;

padding-bottom:16px;
width:510px;

overflow:hidden;
}

article div.entry-content {
	padding-bottom:15px;
}

article div.entry-content + div.entry-content {
	background:url(http://eastsidemontessorischool.com/wp-content/uploads/2010/12/post-divider.png) left top no-repeat;
	padding-top:15px;
}

.home article h1 {
text-indent:-9999px;
background:url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/h1-home.png) left top no-repeat;
height:62px;
}

article h1 small {
font-size:26px;
text-indent:-9999px;
}

article h2 {
font-size:22px;
padding-bottom:12px;
}

article h6 {
	font-weight:normal;
	color:#0F968B;
}

article p, article ul li, article ol li {
font-size:16px;
line-height:1.6em;
}

article p, article ul, article ol {
margin-bottom:16px;
}

article ul li, article ol li {
margin-left:25px;
}

article ul.wplc_event_list, article ul.wplc_event_list ul, article ul.wplc_event_list li, article ul.wplc_event_list ul li {
list-style-type:none;
margin-left:0;
padding:0;
}

article ul.wplc_event_list ul.event {
margin-bottom:20px;
}

article ul.wplc_event_list li ul.event li.date {
font-size:12px;
font-weight:normal;
padding:0 5px 1px;
border-bottom:1px solid #653600;
width:180px;
}

article ul.wplc_event_list li ul.event li.title {
font-size:16px;
font-weight:bold;
padding:4px 5px;
}

article ul.wplc_event_list li ul.event li.description {
font-size:14px;
padding:0 5px 4px;
}

article ul.wplc_event_list li ul.event li.full-link {
display:none;
}

body.page-id-17 article p.question {
margin-top:12px;
margin-bottom:-3px;
}

body.page-id-17 article h1+p.question {
margin-top:4px;
}

body.page-id-10 article table {
width:500px;
height:150px;
font-size:13px;
line-height:16px;
text-align:center;
border:1px solid #e6e4e0;
padding:10px 0;
height:200px;
}

body.page-id-10 article table thead {
font-weight:bold;
font-size:15px;
line-height:18px;
color:#23b1a5;
}

body.page-id-10 article table thead tr th {
padding:4px 0;
}

body.page-id-10 article table tbody tr td {
padding:2px;
}

body.page-id-10 article table tbody tr:hover {
background:#23b1a5;
color:#fff;
}

body.page-id-10 article table tbody tr.second-header-top {
font-weight:bold;
}

body.page-id-10 article table tbody tr.second-header-bottom {
font-style:italic;
}

body.page-id-10 article table tbody tr.second-header-top:hover, body.page-id-10 article table tbody tr.second-header-bottom:hover {
color:#653600;
background:#fff;
}

body.page-id-10 article table tbody tr td:first-child {
font-weight:bold;
}

/* -------------------------------------------------------------- 

Aside

-------------------------------------------------------------- */

aside {
float:right;
width:200px;
min-height:280px;
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-about2.jpg) right top no-repeat;
position:absolute;
top:0px;
right:0px;
padding:570px 50px 10px 100px;
font-size:16px;
font-weight:bold;
line-height:1.5em;
}

.home aside {
display:none;
}

.blog aside, .single aside, .archive aside, .category aside {
	background:#fff;
	padding-top:30px;
	min-height:770px;
	padding-left:20px;
	background:#fff url(http://eastsidemontessorischool.com/wp-content/uploads/2010/12/bg-blog-aside.png) right top no-repeat;
}

aside h4 {
	font-size:22px;
	border-bottom:1px solid #BDB83D;
	padding-bottom:4px;
	margin-bottom:4px;
	font-weight:normal;
	margin-top:25px;
}

aside li + h4 {
	margin-top:35px;
}

aside span, aside ul li {
font-weight:normal;
}

.blog aside li, .single aside li, .archive aside li, .category aside li {
	list-style-type:none;
}

aside a {
text-decoration:none;
color:#653600;
}

aside li a:hover {
	text-decoration:none;
}

.page-id-8 aside {
min-height:380px;
}

.page-id-10 aside {
min-height:380px;
}

.page-id-19 aside {
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-admissions.jpg) right top no-repeat;
min-height:350px;
}

.page-id-15 aside, .page-id-245 aside {
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-whatis.jpg) right top no-repeat;
min-height:380px;
}

.page-id-21 aside {
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-testimonials.jpg) right top no-repeat;
min-height:350px;
}

.page-id-17 aside {
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-faqs.jpg) right top no-repeat;
min-height:380px;
}

.page-id-23 aside {
background:#fff url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/aside-contact.jpg) right top no-repeat;
min-height:380px;
}

/* -------------------------------------------------------------- 

Footer

-------------------------------------------------------------- */

footer {
width:880px;
padding:0 30px;
border-top:2px solid #653600;
background:#d6d150;
position:relative;
margin-bottom:8px;
}

.home footer {
min-height:180px;
}

footer #announcement {
width:500px;
font-size:14px;
padding:20px 0;
min-height:80px;
margin:10px 30px 10px 0;
//background:url(http://eastsidemontessorischool.com/wp-content/themes/eastsidemontessori/images/bg-footer-hands.png) right top no-repeat;
}

footer #footer-calendar-link {
position:absolute;
right:100px;
top:40px;
width:200px;
}

.home footer #footer-calendar-link {
display:none;
}

footer #footer-calendar-link img {
float:left;
width:64px;
height:56px;
}

footer #footer-calendar-link p {
float:left;
width:116px;
font-size:18px;
font-weight:bold;
margin:10px 0 0 10px;
}

footer #footer-calendar-link a {
text-decoration:none;
color:#653600;
}

footer #widgets {
background:#c7c22c;
float:right;
width:278px;
height:149px;
padding:5px 3px 3px;
position:absolute;
right:20px;
top:10px;
display:none;
}

.home footer #widgets {
display:block;
}

footer #widgets h2 {
color:#653600;
font-size:18px;
padding:3px 8px 8px;
}

footer #widgets>ul {
list-style-type:none;
background:#d6d150;
padding:12px;
height:96px;
overflow:hidden;
margin-bottom:6px;
}

footer #widgets>ul>li {
font-size:12px;
font-weight:bold;
list-style-type:none;
display:none;
}

footer #widgets>ul.wplc_event_list>li:first-child {
display:block;
}

footer #widgets ul li ul {
list-style-type:none;
}

footer #widgets ul li ul.event:first-child {
display:block;
}

footer #widgets ul li ul.event li {
font-size:12px;
font-weight:normal;
line-height:17px;
}

footer #widgets ul li ul.event li.date {
font-weight:bold;
}

footer #widgets ul li ul.event li.title {
font-size:14px;
font-weight:bold;
}

footer #widgets ul li ul.event li.description {
max-height:34px;
overflow:hidden;
}

footer #widgets ul li ul.event li.full-link, footer #widgets ul li ul.event li.full-link a {
font-weight:bold;
text-decoration:none;
position:absolute;
bottom:8px;
color:#653600;
width:230px;
}

.home footer #announcement {
margin-top:40px;
}

footer #announcement h3 {
font-size:20px;
padding-bottom:10px;
}

footer #announcement p {
line-height:1.4em;
}

#footer-info {
width:900px;
padding:10px 20px;
margin:-40px auto 35px;
color:#fff;
font-size:16px;
word-spacing:.2em;
}

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

#footer-info #footer-left {
float:left;
width:400px;
}

#footer-info #footer-right {
float:right;
width:400px;
text-align:right;
}

#footer-info #copyright {
float:left;
color:#087970;
clear:left;
width:500px;
margin-top:6px;
font-size:12px;
word-spacing:0em;
}

#footer-info #copyright p {
margin-bottom:.4em;
}

#footer-info #copyright a, #footer-info #copyright a:hover {
color:#087970;
}

#footer-info #credits {
float:right;
color:#087970;
clear:right;
width:300px;
margin-top:6px;
text-align:right;
padding-bottom:20px;
font-size:12px;
word-spacing:0em;
}

#footer-info #credits a, #footer-info #credits a:hover {
color:#087970;
}

#footer-info div.ami {
display:block;
}

.home #footer-info div.ami {
display:none;
}