/*
Theme Name: Keystone Montessori
Theme URI: http://joeloliveira.com
Description: The Keystone theme was custom written for the Montessori school.
Version: 0.1
Author: Joel Oliveira
Author URI: http://joeloliveira.com
Tags: 2 column, rainbow, arial, blue, orange
*/

/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.alignleft { float:left; }
.alignright { float:right; }

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

body{ font-family:Helvetica,Verdana,Tahoma,Arial,sans-serif; font-size:62.5%; line-height:2.2em; background:#fff; color:#173e62; }

h1 {font-size: 2.4em; font-weight:normal; line-height:1em;  }
h2 {font-size: 1.4em; margin-top:10px; line-height:1em; }
h3 { font-size:1.3em;line-height:1em;margin-top:1em;}
h4 { font-size:1.1em;line-height:1em;margin-top:0.8em; }
h2, h3, h4 { font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; }

a{ color:#0057A1; text-decoration:none;}
a:visited, a:active{ color:#0057A1; }
a:hover{color:#0057A1;  text-decoration:none;}
a img { border:none; }

ul{margin:0px;}
ol{margin:0px;}

blockquote{
margin:10px 0 10px 20px;
padding:10px;
font-size:1.4em;
font-style: italic;
color:#999; }

pre, code{
margin:10px;
font-family:"Courier New", Courier, monospace;}

/* -------------------------------------------------
WRAP
------------------------------------------------- */
#pagewrap {
width: 940px;
margin:0 auto;
}

/* -------------------------------------------------
HEADER
------------------------------------------------- */
#header { padding:0; overflow:auto; background:transparent url(images/splash.jpg) bottom left no-repeat; height:360px; overflow:hidden; margin-bottom:30px; }
#header h1 { float:left;  line-height:22px; background-color:#0057a1; border-right:solid 3px #fff; width:244px; }
#header h1 a{ font-size: 16px; line-height:22px; display:block; padding:10px 10px 5px; color:#fff; font-weight:normal; width:215px; }
#header ul { display:block;height:50px;white-space:nowrap;width:690px; float:left; }
#header ul li { float:left; font-size:14px; line-height:22px; display:block;  border-right:solid 3px #fff; }
#header ul li a { line-height:22px; display:block;  padding:10px 0px 5px;  color:#fff; width:130px; text-align:center; }
#header ul li.page-item-2 { background-color:#20acda; }
#header ul li.page-item-4 { background-color:#00c140; }
#header ul li.page-item-6 { background-color:#349400; }
#header ul li.page-item-8 { background-color:#de5b00; border:none; }
#header ul li.page-item-10 { background-color:#ff9000; }
#header ul li.page-item-4 a,
#header ul li.page-item-6 a { width:130px; }
#header ul li.page-item-8 a { width:178px; }
#header ul li.page-item-10 a { width:110px; }


/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav ul{
clear:both;
margin:10px 0 0 0;
padding:5px 0;
list-style:none;
border-top: solid 1px #ddd;
border-bottom: double 4px #ddd;}

#nav ul li{
display:inline; 
padding:0 15px 0 0;
margin:0;
font-size:1.3em;
font-weight: bold;
font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif;}

#nav ul li a{color:#666;}
#nav ul li a:hover{color:#999;}

/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#contentwrap{ width: 100%; overflow:auto; }
#content { float:right; width:640px; padding:0 0 5px 30px; font-size:1.2em; margin:0px 0px 30px; border-left:dotted 1px #20acda; }
#content p { margin-top:1em; }
#content blockquote { margin:1em 0 0 0; padding:0; }
#content blockquote a { text-align:right; font-size:1.2em; background-color:#20acda; color:#fff; padding:4px; display:block; font-style:normal; text-decoration:none; }
#content ul { margin-top:10px; }
#content ul li {
  background:transparent url(images/hand_print.gif) left top no-repeat;
  display:block;
  line-height:1.4em;
  padding:1em 0 1em 50px;
  white-space:normal;
}

/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */		
.sidebar { float:left; width:240px; margin-bottom:30px;}
.sidebar h2{ color:#0057A1; font-size:2.4em;font-weight:normal;line-height:1em;margin-top:0;padding:0.3em 0.3em 0.1em 0.6em;}
.sidebar p {}
.sidebar a {color:#0057a1;}
.sidebar a:hover {color:#0057a1;}
.sidebar ul{ margin:0; list-style:none;}
.sidebar ul li { margin:0; padding:.6em .2em .2em 1.4em;}
.sidebar ul li a{ display:block; font-size:1.8em; }
.sidebar ul ul {}
.sidebar ul ul li {}
.sidebar h2.active,
.sidebar ul li.current_page_item,
.sidebar ul li.current_page_item a { background-color:#0057A1;color:#FFFFFF; }
.sidebar h2.active a { color:#fff !important; }

/* -------------------------------------------------
HOME
------------------------------------------------- */		

#home #sidebar_home { font-size:11px; width:240px; color:#4d4e4e;}
#home #sidebar_home h1 { color:#de5b00; font-size:24px; font-weight:normal; }
#home #sidebar_home h2 { color:#4e4e4e; font-size:12px; margin-top:12px; padding:0; font-weight:bold; }
#home #sidebar_home ul li { padding:0; }
#home #sidebar_home strong { display:block; font-size:12px; color:#ff6c00; line-height:1.2em; padding-top:.5em; }
#home #sidebar_home a { display:inline; color:#FF6C00; font-size:12px; }
#home #content { color:#173e62; }
#home #content h1 { color:#045098; line-height:1em; font-size:3em; background:transparent url(images/logo.png) right center no-repeat; padding:7px 80px 7px 0; }
#home #content ul { margin:1.2em 0; overflow:auto; }
#home #content ul li {
	display:block; 
	float:left; 
	background:transparent url(images/hand_print.gif) top left no-repeat;
	width:26%;
	padding:0 0 0 7%;
	font-size:26px;
	color:#20acda;
	white-space:normal;
	line-height:26px;
}
#photos { padding:30px 0 10px 30px; background:#ff9000; margin:0; overflow:auto; }
#photos li { float:left; width:273px; margin-right:30px; }
#photos li img { width:273px; }
#photos li span { display:block; color:#fff; font-size:1.2em; line-height:1.2em; padding-top:1em;}

/* -------------------------------------------------
3-6 yr olds
------------------------------------------------- */
body#three_six .sidebar h2,
body#three_six .sidebar a { color:#349400; }
body#three_six .sidebar h2.active,
body#three_six .sidebar ul li.current_page_item,
body#three_six .sidebar ul li.current_page_item a { background-color:#00c140 !important; color:#FFFFFF;  }
body#three_six #content h1 { color:#00c140; }
body#three_six #content blockquote a { background-color:#00c140; }

/* -------------------------------------------------
6-9 yr olds
------------------------------------------------- */	
body#six_nine .sidebar h2,
body#six_nine .sidebar a { color:#349400; }
body#six_nine .sidebar h2.active,
body#six_nine .sidebar ul li.current_page_item,
body#six_nine .sidebar ul li.current_page_item a { background-color:#00c140 !important; color:#FFFFFF;  }
body#six_nine #content h1 { color:#349400; }
body#six_nine #content blockquote a { background-color:#00c140; }	

/* -------------------------------------------------
about
------------------------------------------------- */
body#about .sidebar h2,
body#about .sidebar a { color:#0057a1; }
body#about .sidebar h2.active,
body#about .sidebar ul li.current_page_item,
body#about .sidebar ul li.current_page_item a { background-color:#479ae1 !important; color:#FFFFFF;  }
body#about #content h1 { color:#20acda; }
body#about #content h3 { color:#479ae1; }
body#about #content h4 { color:#173e62; }
body#about #content blockquote a { background-color:#20acda; }
body#about #post-32 h1 { margin-bottom:1em;}
body#about #post-32 h3 { margin-top:2.4em; }
body#about #post-32 h2 a { display:block; margin-top:2.4em; }
body#about #post-32 ul li { background:none; padding:0; margin:0; font-size:1.4em; font-weight:bold; }

/* -------------------------------------------------
contact
------------------------------------------------- */	
body#contact .sidebar h2,
body#contact .sidebar a,
body#contact .sidebar p { color:#de5b00; }
body#contact .sidebar p { font-size:1.5em; padding:16px; }
body#contact .sidebar h2.active,
body#contact .sidebar ul li.current_page_item,
body#contact .sidebar ul li.current_page_item a { background-color:#ff9000 !important; color:#FFFFFF;  }
body#contact #content h1 { color:#ff9000 !important; margin-bottom:20px; }
body#contact #content h3 { color:#479ae1; }
body#contact #content h4 { color:#173e62; }
body#contact #content blockquote a { background-color:#20acda; }	
body#contact form div { display:block; clear:both; padding-bottom:10px; overflow:auto;}
body#contact form div br { display:none; }
body#contact form div label { display:block; float:left; text-align:right; width:200px; padding-right:10px; }
body#contact form div input { display:block; float:left; border:solid 1px #afafaf; width:280px; line-height:1.2em; }
body#contact form div.state_zip input { width:113px;  }
body#contact form div.state_zip label.zip {  width:40px; }
body#contact form #comments { margin:0px; width:260px; padding:10px; }
body#contact form div#submit { border:none; padding-left:210px; }
body#contact form div#submit input { width:auto; float:none; border:none; line-height:auto; background-color:#ff9000; font-size:20px; padding:10px 16px; color:#fff; font-weight:normal; }	

/* -------------------------------------------------
BLOG
------------------------------------------------- */		
#blog {  }
#blog #content { border:medium none; float:left; padding-left:0px; }
#sidebar_blog { float:right; }
#sidebar_blog .intro { background-color:#FF9000; padding:10px 0; margin-bottom:10px; }
#sidebar_blog .intro h2 { color:#fff; }
#sidebar_blog .intro p { color:#fff; padding:4px 14px; font-size:1.2em; line-height:1.1em; }	
#sidebar_blog ul {}
#sidebar_blog ul li { padding:6px 0px 6px 0px; color:#de5b00; }
#sidebar_blog ul li h2 { padding:4px; background-color:#de5b00; color:#fff; margin:18px 0 10px 0; }
#sidebar_blog ul li a { display:block; line-height:28px; color:#de5b00; }
#sidebar_blog ul li.calendar 	  a { padding-left:38px; background:transparent url(images/icon_calendar.gif) -4px center no-repeat; }
#sidebar_blog ul li.RSS 		  a { padding-left:38px; background:transparent url(images/icon_rss.gif) left center no-repeat; }
#sidebar_blog ul li.pdf 		  a { padding-left:38px; background:transparent url(images/icon_pdf.gif) left center no-repeat; }
#sidebar_blog ul li.email_updates a { padding-left:38px; background:transparent url(images/icon_email.gif) left center no-repeat; }
#sidebar_blog .widget_categories  a { display:inline; }

/* archives page */
#blog .archivetitle{font-size:1.2em; border-bottom: solid 1px #ddd;}
#blog ul.archivelist{margin: 0; list-style: none;}
#blog ul.archivelist li{padding:2px 0;}

#blog .post { color:#173e62; overflow:auto; }
#blog h1.archivetitle { font-size:2em; padding-bottom:10px; margin-bottom:20px; }
#blog .post h2 a { color:#de5b00; text-decoration:none; font-size:1.6em; font-weight:normal;}
#blog .post h2 a:hover { color:#ccc; }
#blog .post p { margin:1.2em 1em 1.2em 0; }
#blog .post a{text-decoration:underline;}
#blog .post img{padding:5px 8px;}
#blog .post ul {list-style: square; padding:2px 0;}
#blog .post li {padding:2px 0;}
#blog .post small{font-size: .9em;}

#blog .postmetadata { background-color:#B7EDFF; color:#0057A1; padding:5px 10px; font-size:1em; position:relative;}
#blog .postmetadata small { font-size:1em; position:absolute; right:12px; }
#blog .postmetadata a {text-decoration: underline; color:#0057a1;}

/* single post nav for previous/next entries */
#blog .navigation{padding:10px 0;font-size:.9em;float:left;width:98%;}

#blog .alignleft {float:left;}
#blog .alignright {float:right;}

/* styling for 'continued' page links */
#blog p.continued{padding:5px; background:#f0f0f0;}
#blog p.continued a{padding:5px; font-weight:bold;}


/* -------------------------------------------------
SEARCH
------------------------------------------------- */
#searchform {margin:10px 0;}
#searchform input {border: solid 1px #ddd;}
#searchform #s {width:200px; padding:2px;}
#searchsubmit{font-weight: bold; color:#666; pointer; padding:1px;}

/* -------------------------------------------------
FEATURE LINKS
------------------------------------------------- */
.rss, .archive{
font-size: 1.2em;
font-weight: bold;
line-height: 1.4em;
background: #f0f0f0;
padding-left: 5px !important;
margin-top:10px;}

.rss a{
padding-left:25px;
background: transparent  url(images/feed-icon-16x16.png) left no-repeat;}

.archive a{
padding-left:25px;
background: transparent  url(images/square.png) left no-repeat;}

/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments{margin:10px 10px 10px 0;padding:10px 10px 10px 0;}
ol.commentlist {margin:0; padding:0; overflow: hidden;}
ol.commentlist li{background:#ececec;margin:10px 0;padding:10px;}
ol.commentlist li.alt {}
ol.commentlist a {}
cite {font-style: normal; font-weight: bold;}
small.commentmetadata {}

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#commentform{margin:10px 10px 10px 0;padding:10px 10px 10px 0;}
#commentbox{width:75%;min-width:400px;margin:5px 5px 0 0;}
#author, #email, #url, textarea, #submit{border:solid 1px #ccc; margin:5px 5px 0 0;}
#submit{ cursor:pointer;}

/* -------------------------------------------------
FOOTER
------------------------------------------------- */
#footer{ clear:both; margin:0 0 15px 0; padding:28px 15px 10px; background-color:#ff9000;}
#footer p,
#footer p * { color:#fff; font-size:11px;}
#footer p { float:left; }
#footer p.contact { float:none; text-align:right; }

/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}