/*   
Theme Name: Exploris Middle School
Theme URI: 
Description: A Custom Theme for Exploris Middle School
Author: Jeff Foxx
Author URI: http://www.anonymousorobot.com/
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-r-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');

@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,700');

/* Additional theme for buttons */
@import url('http://yui.yahooapis.com/pure/0.6.0/pure-min.css');


body { background: url(images/body-bg.png) repeat-x left -300px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

#arcredit { visibility: hidden; }

body.home { background-position: left top; }

a, a:link, a:visited { color: #663f95; }

a:hover { color: #009C7F; }

#wrapper { position: relative;}

#header { background: white url(images/header-bg2.jpg) no-repeat center top; z-index: 5; }

#headerwrapper { width: 960px; margin: 0 auto; position: relative;}

#header-aside {z-index: 2; position: absolute; top: 5px; right: 0; width: 500px;}
#header-aside .xoxo { margin: 0; padding; 0; list-style: none; float: right;}
#header-aside .xoxo li { float: left; }
#header-aside .xoxo .menu { width: auto; margin: 0; padding: 0; list-style: none;}
#header-aside .xoxo .menu li
{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px #362155 solid;
	position: relative;
	background: none;
}
#header-aside li.login a, #header-aside .xoxo .menu li a { line-height: 20px; font-family: 'Montserrat', sans-serif; color: #008F74; text-decoration: none; }
#header-aside .xoxo .menu li ul { margin: 0; padding: 0; position: absolute; top: 20px; left: 10px; display: none; }
#header-aside .xoxo .menu li:hover ul { display: block;}
#header-aside .xoxo .menu li ul li { float: none; list-style: none; margin: 0; padding: 0; border: none; }

#header-aside .widget_search { padding-left: 30px;}
#header-aside .widget_search h3 { display: none; }
#header-aside input#s { color: #999; }
#header-aside input#s:focus { color: #333; }
#header-aside #searchsubmit {display: inline-block; 
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: white;
	border-radius: 5px;
	border: 1px solid #6ccdbf;
	background-color: #008F74;
	padding: 0 5px;
	cursor: pointer;
	text-shadow: -1px -1px 1px #016c5b;
	text-transform: uppercase;
	font-weight: bold;

}


#branding { padding: 10px 0 25px 0; }

#branding a
{
	width: 247px;
	height: 68px;
	$background: url(images/exploris-middle-school.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#blog-description
{
	color: #666;
	font-size: 12px;
	font-style: normal;
	visibility: hidden;
}


#access { margin-top: -32px; border: none;}
.sf-menu { float: right; border: none;}

.sf-menu li { margin-right: 2px; border: none; background: none; }
.sf-menu li a
{
	border-top: 1px #CECECE solid;
	border-right: 1px #CECECE solid;
	border-bottom: none;
	border-left: 1px #CECECE solid;
	color: #008F74;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	background: white;
}

.sf-menu li a:visited { color: #008F74; }


.sf-menu ul li a { border-radius: 0; background: white;}

.sf-menu li.current_page_item a, .sf-menu li.current_page_ancestor a, .sf-menu li.current_page_parent a 
.sf-menu li.current_page_ancestor li.current_page_item a, .sf-menu li.current_page_parent li.current_page_item a
{ background: #663e96; color: white; }

body.home .sf-menu li.current_page_item a { background: #472b67; color: white; }

.sf-menu li li a,.sf-menu li.current_page_item li a, .sf-menu li.current_page_ancestor li a, .sf-menu li.current_page_parent li a { background: white; color: #008F74; }
.sf-menu li li a:hover, .sf-menu li.current_page_item li a:hover, .sf-menu li.current_page_ancestor li a:hover, .sf-menu li.current_page_parent li a:hover { background: #472b67; color: white; }



#sectionhead { visibility: hidden; }
#sectionhead h1 { color: white; font-size: 30px; text-transform: uppercase; opacity: 0.5;}

#main { 
width: 980px;
padding: 20px 10px 0 10px;
}

#homewrapper { width: 980px; margin: 0 auto; position: relative; padding-top: 260px; }

#homecontent
{
	padding: 30px 20px 20px 20px;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

#topcontent { width:280px; float: left; }

#topcontent .xoxo { list-style: none; margin: 0; padding: 0; color: white;}

#topcontent .xoxo li { margin-bottom: 20px;}

#topcontent .xoxo li p {}

#topcontent .xoxo .menu { list-style: none; margin: 0; padding: 0; width: 260px; }

#topcontent .xoxo .menu li
{
	margin-bottom: 10px;
	background-color: #5F4880;
}

#topcontent .xoxo .menu li a
{
	display: block;
	background: url(images/boxarrow.png) no-repeat 99% center;
	line-height: 32px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 10px;
}

#topcontent .xoxo .menu li a:hover { background-color: #322644; }

#topcontent button
{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #362157;
	border-radius: 15px;
	background-color: white;
	padding: 0 15px;
	border: none;
	box-shadow: 1px 1px 8px #333;
	cursor: pointer;
background-image: linear-gradient(bottom, rgb(209,209,209) 4%, rgb(255,255,255) 47%, rgb(247,247,247) 74%);
background-image: -o-linear-gradient(bottom, rgb(209,209,209) 4%, rgb(255,255,255) 47%, rgb(247,247,247) 74%);
background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 4%, rgb(255,255,255) 47%, rgb(247,247,247) 74%);
background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 4%, rgb(255,255,255) 47%, rgb(247,247,247) 74%);
background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 4%, rgb(255,255,255) 47%, rgb(247,247,247) 74%);
}

#topcontent button:hover { 

background-image: linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -o-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);

}

#homefeature { float: right; margin-left: 8px;}
#slider { border: 1px transparent solid; }

#homecontent .nivo-caption
{
	width: 100%;
	z-index: 8;
	padding-bottom: 30px;
	opacity: 1 !important;
	background: rgba(0, 0, 0, 0.5) url(images/greencrest.png) no-repeat right bottom;
}


#homecontent .nivo-controlNav {
        position: absolute;
        bottom: -30px;
    	left: 0px;
    	z-index: 15;
}
#homecontent  .nivo-controlNav a
{
	text-indent: 1px;
	background-image: none;
	color: white;
	background-color: #024646;
	padding: 2px 5px;
	height: auto;
	width: 10px;
	font-weight: bold;
	font-size: 12px;
}
#homecontent .nivo-controlNav a.active {
        background-color: #009C7F;
}

#container { width: 960px;}
#content { width: 710px;}
.main-aside { width: 320px; margin-right: 10px;}

body.home #content h2 { font-size: 24px; color: #666; border-bottom: 1px dotted #01ab91; padding-bottom: 5px; margin-bottom: 10px;}

#wgo { width: 300px; float: left; margin-right: 15px;}
#secondary.aside.main-aside { width: 220px; float:right; margin-top: -375px; list-style: none; text-align:center; }
.textwidget a { padding-top: 15px; }

#secondarystories
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#secondarystories li { padding: 5px 0 0 0; position: relative; margin-bottom: 25px; }

#secondarystories h3 { font-size: 13px; font-weight: bold; font-family: Arial; padding: 0; display: inline-block; margin-left: 70px; }
#secondarystories h3 a { text-decoration: none; line-height: 14px !important; }
#secondarystories img { padding: 5px 10px 5px 0; float: left; }
#secondarystories .img { width: 55px; display: inline-block; position: absolute; left: 0; top: 0;}
#secondarystories p { font-size: 12px; margin-bottom: 10px; line-height: 110%; font-family: Arial;}

a.more
{
	display: inline-block;
	background: #01AB91 url(images/linkarrow.png) no-repeat right center;
	color: white; 
	padding: 2px 15px 2px 2px;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
}

#primary { border: none; padding-top: 60px; }

#twitter_update_list { margin: 0; padding; 0; list-style: none; }
#twitter_update_list li { background: none; padding-left: 0; }
#twitter_update_list li span
{	
	display: block;
	border: 2px solid #999999;
	padding: 5px 5px 20px 5px;
	border-radius: 5px;
}

#twitter_update_list li span a { background: none; display: inline; margin: 0; padding: 0; }

#twitter_update_list li a { background: url(images/twitterbird.png) no-repeat right top; display: block; height: 40px; margin-top: -10px; padding-top: 10px; padding-left: 10px;}


.main-aside h3
{
	font-style: normal;
	font-size: 18px;
	color: #009C7F;
	margin-bottom: 10px;
}

#footer
{
	background: #5b3786;
}

#footer .aside { color: white; }
#footer .aside a { color: white; }

#subsidiary #first {
    width:600px;
    margin-right: 10px;
    padding-right: 9px;
    border-right: 1px dotted #fff;
}
#subsidiary #second {
    width:300px;
    margin: 0;
}
#subsidiary #third {
    width: 940px;
    margin: 15px 0;
}

#footer .aside h3 { font-style: normal;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #fff;
	}
#footer ul.menu { padding:0; margin: 0 0 0 -20px; list-style: none; width: 720px;}
#footer ul.menu li { width: 140px; margin-left: 20px; padding-bottom: 20px; float: left; }

#footer ul.menu li a { text-decoration: none; text-transform: uppercase;}

#footer ul.menu li ul {padding:0; margin: 0; list-style: none;}
#footer ul.menu li ul li { padding-bottom: 0;}
#footer ul.menu li ul a { text-transform: none; font-size: 85%;}

#subsidiary #third ul { text-align: center; }
#subsidiary #third ul li { display: inline;  margin-right: 40px;}
#subsidiary #third ul li:first-child { text-align: left; }

#subfooter { background: #382253;}
#siteinfo, #siteinfo a { color: white; text-align: center; }



/* Pages */

#pageheader img {margin-bottom: 20px;}
body.page  #container { width: 980px;}
body.page #content { width:960px; float: left;  }
#leftnav { width: 160px; float: left; margin-left: 10px;}
#leftnav ul { margin: 0; padding: 0; list-style: none;}
#leftnav a { font-size: 12px; text-decoration: none; font-weight: bold; }
#leftnav a.current_page_item, #leftnav li.current_page_item a, #leftnav li a:hover { color: #009C7F; }


/* Posts */

.hentry { border-bottom: 1px #cecece dotted; padding-bottom: 10px; margin-bottom: 12px; }

.single .hentry, .page .hentry { border-bottom: none;}

.entry-title {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:30px;
    font-weight:normal;
    color: #666;
    line-height: 32px;
}

.entry-title a:hover { color: #009C7F; }


.navigation a:hover {
    color: #009C7F;
}

.button
{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 60px;
	display: inline-block;
	color: white;
	border-radius: 15px;
	background-color: #0fa287;
	padding: 0 15px;
	border: none;
	box-shadow: 1px 1px 8px #333;
	cursor: pointer;
background-image: linear-gradient(bottom, rgb(15,162,135) 4%, rgb(154,216,204) 74%);
background-image: -o-linear-gradient(bottom, rgb(15,162,135) 4%, rgb(154,216,204) 74%);
background-image: -moz-linear-gradient(bottom, rgb(15,162,135) 4%, rgb(154,216,204) 74%);
background-image: -webkit-linear-gradient(bottom, rgb(15,162,135) 4%, rgb(154,216,204) 74%);
background-image: -ms-linear-gradient(bottom, rgb(15,162,135) 4%, rgb(154,216,204) 74%);
text-decoration: none;
text-align: center;
}

.button:hover { 

background-image: linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -o-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);
background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(255,255,255) 50%, rgb(235,232,235) 95%);

}


/*Directory entries*/

.dir-entry { width: 100%; float: left; padding-bottom: 20px; }
.dir-img { float: left; }
.dir-cred {float: right; width: 350px; }

/* Asides */

.aside ul ul { margin: 0; padding: 0; list-style: none;}
.main-aside ul ul li
{
	list-style: none;
	margin: 0;
	padding: 0 0 10px 15px;
	background: url(images/bullet.png) no-repeat left 2px;
}
.aside ul ul li a { text-decoration: none; }
.aside ul ul li a:hover { text-decoration: underline; color: #009C7F; }


/* Home page */
body.home #main { padding-top: 120px; z-index: 1;}
body.home #content { width: 940px;}
body.home #container { padding-top: 0px;}
body.home #sectionhead { display: none; }

.passthehat-donate
{
	display: block;
	width: 234px;
	height: 80px;
	background: url(images/donate-button.png) no-repeat left top;
	text-indent: -99999px;
	color: white;
}

.passthehat-donate:hover { background-position: left -80px;}

/* Modal Login */
#simplemodal-login-container form .submit input {font-family: 'Open Sans', Arial, sans-serif; background-color:#008F74 !important; }
#simplemodal-login-container form .submit {float:right;}
#simplemodal-login-container form .submit input.simplemodal-close {background-color:#663f95 !important;}
#simplemodal-login-container .title {color:#008F74 !important;}
.simplemodal-login-credit {display: none;}

/* Events Manager Calendar */
table.em-calendar { width: 99%; border: none; }
table.em-calendar thead td { border: none; text-align: center; background: #eee; line-height: 50px; }
table.em-calendar tr.days-names { background-color: #009C7F; }
table.em-calendar tr.days-names td { border-color: white; color: white; height: 15px; text-align: center; }
td.eventful { background-color: #E2DFE6; }
table.em-calendar tr td.eventful a { color: #523184; text-decoration: none; line-height: 10px; }
table.em-calendar tr td.eventful a:hover { text-decoration: underline; }
table.em-calendar tr td.eventful ul { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #523184;   }
table.em-calendar tr td.eventful ul li { margin: 0; padding: 0 0 10px 0;line-height: 12px;  }
table.em-calendar tr td.eventful ul li a { font-weight: bold; }

div.event span.entry-date { display: none; }
li.widget_em_widget li a { font-weight: bold;}
li.widget_em_widget li small { font-size: 10px;}


/*intranet syles */

body.page-template-intranet-php #container { width: 960px; }
body.page-template-intranet-php #content { width: 960px;}