/*   
Theme Name: Sterling Montessori
Theme URI: 
Description: Website for Sterling Montessori Academy and Charter School.
Author: Christina Reeser
Author URI: http://www.iostudio.net
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body {
/*background: #DED6C8 url(images/bg.gif) repeat-x;*/
background: #FAE6B4;
background: #f93;
min-width: 960px;
}

#content a { color: #060; }

.hentry, #subsidiary, #siteinfo  {
    width:auto;
    border:0;
}
.main-aside, #subsidiary .aside {
    width:290px;
}

#wrapper { 
width: 960px;
margin: 0 auto;
padding: 0;
background: url(images/wrapper.png);}

#bottom-shadow{ 
width: 960px;
height: 20px;
margin: 0 auto;
padding: 0;
background: url(images/footer.png);}

#branding {
    width:400px;
    float: left;
    margin: 0; padding: 0
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#header_box {
    clear:both;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:900px;
    height: 110px;
    padding: 5px 20px 10px;
    margin:0 auto;
    background: url(images/branding.gif) center bottom no-repeat;
}


/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    margin: 0; padding: 0 !important;
    font: 12px "Georgia" !important; 
text-align: right;
}
#header-aside form { }
#header-aside .aside { margin: 0; padding: 0; }
#header-aside h3.widgettitle { width: 70px; float: left; padding-right: 10px; text-align: right; font-size: 16px !important;}
#header-aside p { width: 250px; float: right;}

#searchform { width: 220px; float: right;}
#blog-title { width: 400px;}

#blog-title span {
	display: block;
	height:104px; /* height of logo */
	width:377px; /* width of logo */
	background: url(images/sterlingmontessori_logo.gif) top left no-repeat;
	text-indent:-9000px;
	position: relative;

}

#blog-title span a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	color: #fff;
	}

#blog-description {display: none; }

#access { border: 0;}

#main { width: 920px; padding: 0; border-bottom: 10px solid #E8DDBD; border-top: 3px solid #D4D2BD;  background: url(images/container.png);}

#container { width: 920px; }

#content { width: 590px; font-family: "Arial"; padding-top: 5px; padding-top: 20px;}

#footer { width: 925px; margin: 0 auto; background-color: #E8DDBD; border-top: 3px solid #D4D2BD;}

#page-top { }

.aside {  border: 0; color: #666; font-family: "Arial"; }


#content h1, #content h2, #content h3, #content h4 {width: auto; }

#content h1, #featured_content h1 { color: #060;
	font-family: "Georgia"; 
	font-size: 26px;
	font-weight: normal;
	}
	
#content h2 { color: #060;
	font-family: "Georgia"; 
	font-size: 18px;
	font-weight: normal;
	margin: 0; padding: 0;
	}
	
h3.widgettitle  { 
	font: normal normal 18px "Georgia" !important; 
}	

#page-top, #page-bottom { border: 1px solid #D4D2BD; background-color: #fff; padding-bottom: 5px !important;}
#primary { border: 0;}

.entry-content { width: auto; padding: 15px;}

#featured_content, #featured_images {border-bottom: 7px solid #ECE3CC;}
#featured_content { font-family: "Arial"; float: left; background-color: #FDF7E9; width: 263px; height: 171px; padding: 20px; overflow: hidden; }
#featured_images, #vslider, #sliderbody { float: right; z-index: 1 !important; width: 611px; overflow: hidden; }
#featured_images, #vslider, #sliderbody { z-index: 1 !important; }

.clear { clear: both; background: none; }


#upcoming-events li { list-style-type: none;  color: #333; }
#upcoming-events li li {list-style-type: square; color: #666; }

.calendar-table { background-color: #fff; }

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    padding:88px 0 44px;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#header_box {
    clear:both;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}


/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    float:right;
    width:300px;
    padding:88px 0 44px;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
    clear:both;
}

a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(images/icon_pdf.gif) no-repeat top left;
}


.menu { 
	width: 915px; 
	padding: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 36px; 
	background-color: #363; 
	font-family: "Georgia"; font-size: 15px;
	clear: both;
	}



/*** Sterling Menu overrides ***/
.sf-menu {
	float:left;
	/*background: #97441F url(images/tick.gif) bottom right no-repeat;*/
	border: 0;
	z-index:100;
}
.sf-menu a {
	border: 0;
	/*background: url(images/tick.gif) bottom right no-repeat;*/
	padding:12px 14px 9px 14px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#000;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}
.sf-menu li {
	background:	#363;
}
.sf-menu li li {
	background:		#030;
	border-bottom: 1px solid #000;
}
.sf-menu li li li {
	background:		#030;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #030;
	outline:		0;
	color: #fc6;
    border-bottom-color:#000;
}
.sf-menu ul {
    /*border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:35px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#030;
	border-bottom:none;
    color: #fc6;
}
.sf-menu ul a:hover {
    color: #fc6;
}

.sf-menu li li:hover {
   background-color: #363;
}
.sf-menu li a:hover {
	/*background: url(images/tick.gif) bottom right no-repeat;*/
}

.sf-menu li li a:hover {
	background: #363;
}

/* CALENDAR STYLE */

.tec-event h2 a, .tec-event h2 { display: block; width: auto;
font-family: "Georgia"; 
font-size: 18px;
font-weight: normal;
color: #060;
}

.tec-cal-title { }
.tec-month-nav { top: 15px !important; left: 200px !important; z-index: 0;}

#tec-content { width: 900px; padding: 20px; margin: 0 auto !important; background-color: #fff; font-family: Arial;}

#tec-content p { padding-bottom: 10px;}

.category-events #tec-content {
width: auto !important;
}
table.tec-calendar {
/*font-size: 12px !important;*/
}
table.tec-calendar, #tec-events-loop, #tec-event-meta {
clear: none !important;
}
.tec-calendar th { background-color: #2B4D5A !important; }

#tec-event-meta { width: 920px !important;}

#tec-content .entry { font: 14px "Arial" !important; }

.eventsListWidget { margin-top: 20px;}

#index-top h1 { color: #f90; font-size: 20px; line-height: 22px;}

.entry-utility { display: none; }

.rightcol { background-color: #FDF7E9; border: 5px solid #E8DDBD; width: 250px; float: right; padding: 20px; margin-left: 20px;  }

.rightcol ul { margin-left: 0; padding-left: 10px;}

#primary .widgetcontainer, #secondary .widgetcontainer { margin-top: 20px;}

.gallery-item {
margin: 5px !important;
width: auto !important;
}