/* CSS Document */

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

Theme Name: Hilliard Memorial Middle School
Theme URI: http://mms.hilliardschools.org
Description: The Memorial Middle School WordPress theme.
Version: 1.0
Author: Kelly Ramm, kelly_ramm@hboe.org
Author URI: http://www.hilliardschools.org
Tags: leopard, school, blue

------------------------------------------------------ */
/* Eric's Reset */
@import url(css/reset.css);
	
/* ------------------------------------------------------
Common Elements
-------------------------------------------------------*/

body {background: #002c77;
font: 13px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
position:relative;
margin:0px auto;
color: #2C2C2C;}


/* Headings
----------------------------------------------------------------------------------------------------*/		
h1, h2, h3, h5{font-weight: normal; }
h2, h3, h4, h5, h6 {color:#5AADC5; line-height: 1.2;}

h1 {font-size: 32px;
	color:#191919;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	}
h2{
	font-size: 28px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 19px; 
	font-weight: bold;
}	
h5 {
	font-size: 17px;
}
h6 {
	font-size: 15px;
	font-weight: bold;
}

a:link, a:visited {
	color: #002c77;
}
a:hover {
	color: #388aca;
}
address {
	font-style: normal;
}

/* Header
----------------------------------------------------------------------------------------------------*/	
div#header {
	background: #002c77 url(assets/bg_header.jpg) repeat-y  center -40px;
	height: 255px;
}
#blog div#header {
	height: 255px;
}
#page div#header {
	height: 255px;
}
#media div#header {
	height: 322px;
}
div#mascot{ 
	width: 550px; 
	height:140px;
	margin:0 auto; }
div#header #tabExtension {
	position: relative;
	background-color: #729abd;
	margin: 0px auto 0px auto;
	width: 900px;
	overflow:auto;
	height: 50px;}
div#header h1  {
	height: 9px;
	text-indent: -9999px;
	background: url(assets/spacer.gif) no-repeat center;
}	
div#header h2 {
	margin-left: 100px;
	margin-top: 0px;
	width: 500px;
	float: left;
	
}

div#header .search{ width:200px; float: right; margin-top: 15px; margin-right: 50px; }

/* ------------------------------------------------------
Main Navigation 
-------------------------------------------------------*/
ul#nav_main {
	width: 900px;
	height: 36px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px auto 0px auto;
	background-color: #729abd;
}

/*#page ul#nav_main {height: 38px;
	
}*/
ul#nav_main li {
	display: block;
	float: left;
	height: 36px;
	line-height: 2.7em; 
	width:105px;
}

#home ul#nav_main li.first a {
	background:url(assets/bg_nav_first.jpg) no-repeat top left;
	text-indent: 5px;
	width: 85px;
}	
ul#nav_main li.first{width: 85px;}	
ul#nav_main li.first a {
	background:url(assets/bg_nav_first.jpg) no-repeat top left;
	background-position: 0 -36px;
	width: 85px;
}	
	
ul#nav_main li.last a {
	background:url(assets/bg_nav_last.jpg) no-repeat top left;
	width: 185px;
	text-align: left;
	text-indent: 20px;
}
	
ul#nav_main li a {
	display: block;
	height: 36px; 
	font-size: 1em;
	background:url(assets/bg_nav.jpg) no-repeat top left;
	text-decoration: none;
	text-align: center;
}

#home ul#nav_main li.second a{
	background:url(assets/bg_nav_second.jpg) no-repeat top left;
}
	
ul#nav_main li.second a{
	background:url(assets/bg_nav_second.jpg) no-repeat top left;
	background-position: 0 -36px;
}	
	
ul#nav_main li.current_page_item a{
	background: url(assets/bg_nav.jpg) no-repeat;
	background-position: 0 -36px;
	color:#FFFFFF;
}

ul#nav_main li.next a{
	background: url(assets/bg_nav.jpg) no-repeat;
	background-position: 0 -72px;
}

ul#nav_main li.current_page_item.last a {
	background:url(assets/bg_nav_last.jpg) no-repeat top left;
	background-position: 0 -36px;
	}
ul#nav_main li.current_page_item a:hover {
	color: #fff;
	}


			
ul#nav_main li.last.next a {
	background:url(assets/bg_nav_last.jpg) no-repeat top left;
	background-position: 0 -72px;
	}			
	
ul#nav_main li a:hover {
	color:#239BE8;
} 


#home ul#nav_main li.home a:hover{
		color: #002c77;
}





/* ------------------------------------------------------
CONTENT
-------------------------------------------------------*/
div#content_wrap{
	background:url(assets/bg_content.jpg) top left;
	margin: 0 auto;
	border-top: 1px solid #808080;
	overflow:auto;
}
div#content{
	background:#fff url(assets/bg_content2.jpg) no-repeat top left;
	width: 900px;
	margin: -1px auto 0 auto;
	overflow: hidden;
}
#media div#content{background-image: none;}
div#content_main{
	padding: 25px 55px 25px 75px;
	width: 470px;
	float: left;
}
div#content_sub{
	float:left;
	width: 300px;
}


div#content_foot{
	background:#fff url(assets/bg_photos.jpg) no-repeat top center;
	float:left;
	width: 900px;
	height: 152px;
	border-top: 1px solid #E7E7E7;
	overflow:hidden;
}

div#content_main p,div#content_main dl,div#content_main hr,div#content_main h1,div#content_main h2,div#content_main h3,div#content_main h4,div#content_main h5,div#content_main h6,div#content_main ol,div#content_main ul,div#content_main pre,div#content_main table,div#content_main address,div#content_main fieldset{margin-bottom:20px}

div#content_main ol{list-style:decimal}
div#content_main ul{list-style:square}
div#content_main li{margin-left:30px; line-height: 1.5em;}
div#content_main p{line-height: 1.5em;}

.feature{ border: 1px solid #D7D3C7;
	padding: 0px 15px;
	background-color:#E7ECEF;
	margin-bottom: 30px;}

.post {margin-bottom: 30px;}
div#content_main .post h3{margin-bottom:5px; margin-top:20px;}



div#content_main_media{
	padding: 5px 25px 25px 5px;
	width: 570px;
	float: left;
}
div#content_main_media p,div#content_main_media dl,div#content_main_media hr,div#content_main_media h1,div#content_main_media h2,div#content_main_media h3,div#content_main_media h4,div#content_main_media h5,div#content_main_media h6,div#content_main_media ol,div#content_main_media ul,div#content_main_media pre,div#content_main_media table,div#content_main_media address,div#content_main_media fieldset{margin-bottom:20px}

div#content_main_media ol{list-style:decimal}
div#content_main_media ul{list-style:square}
div#content_main_media li{margin-left:30px; line-height: 1.5em;}
div#content_main_media p{line-height: 1.5em;}

div#content_main_media .post h3{margin-bottom:5px; margin-top:20px;}

div#content_main_media .alignleft{margin-right:20px; margin-bottom:30px;}
/* ------------------------------------------------------
SIDE bar
-------------------------------------------------------*/

div#sidebar{
	float:left;
	width: 250px;
	margin-left: 50px;
	margin-top: 25px;
	
}
div#sidebar ul{
margin-top: 20px;
}

div#sidebar ul li {
margin-top: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #e0e2e2;
padding-bottom: 10px;
}

div#sidebar h2{
	font-size: 18px;
	margin-top: 20px;
}

div#sidebar ul li ul{
margin-top: 5px;
}

div#sidebar ul li ul li {
margin-bottom: none;
border-bottom: none;
}
div#sidebar ul li#sub-page-menu {border-bottom: none;}


.meta{ background:#e0e2e2; padding: 5px; font-size: .85em;color:#999999; }

/* ------------------------------------------------------
Sub Navigation 
-------------------------------------------------------*/
ul#nav_sub, ul#nav_sub_media {
	width: 270px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
}
div#sidebar	ul#nav_sub li, div#sidebar	ul#nav_sub_media li { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}
ul#nav_sub li a  {
	text-decoration: none;
	line-height: 2.7em; 
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid #e0e2e2;
}

ul#nav_sub li a:hover, ul#nav_sub_media li a:hover{ background-color: #E0E2E2;} 
div#sidebar ul#nav_sub li ul, div#sidebar ul#nav_sub_media li ul { margin-left: 30px; margin-top: -1px; background-color: #E0E2E2;}

div#sidebar ul#nav_sub_media {
	width: 250px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	margin-top: 0px; padding-top:0px;
}
div#sidebar ul#nav_sub_media li a  {
	text-decoration: none;
	line-height: 2.7em; 
	display: block;
	
}
div#sidebar ul#nav_sub_media li {width:230px;}
div#sidebar ul#nav_sub_media li a{background:url(assets/reviews_button.gif) bottom left no-repeat; text-indent: 40px; color:#003BB5; line-height:2.2em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
div#sidebar ul#nav_sub_media li a:hover{background:url(assets/reviews_button.gif) top left no-repeat; color:#FF4900}

#sub-page-menu h2{display: none;}



/* ------------------------------------------------------
photo sets
-------------------------------------------------------*/

ul#photo_set1, ul#photo_set2, ul#photo_set3, ul#photo_set4, ul#photo_set5 { 
	width: 164px;
	height: 131px;
	float:left;
	margin-top: 15px;
	display: none;}
	
ul#photo_set1{ margin-left: 40px;}	


/* ------------------------------------------------------
Quick Links
-------------------------------------------------------*/

ul#quicklinks {
	width: 235px;
	background:#fff url(assets/bg_quicklinks.jpg) repeat-y top center;
	overflow:auto;
	margin-top: 25px;
	padding-left: 15px;
	padding-top: 25px;
}

ul#quicklinks li {
	width: 98px;
	padding: 0 0px 7px 0px;
	height: 94px;
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
	border-bottom: 1px solid #E7E7E7;
}

ul#quicklinks li a{
	padding-top: 79px;
	display: block;
	text-align: center;
	font-size: .80em;
	text-transform:uppercase;
	text-decoration: none;
}

ul#quicklinks li.announcements a {
	background:url(assets/but_announce.gif) no-repeat top center;
}
ul#quicklinks li.registration a {
	background:url(assets/but_registration.gif) no-repeat top center;
}
ul#quicklinks li.teacher_pages a {
	background:url(assets/but_teacherpages.gif) no-repeat top center;
}
ul#quicklinks li.enews a {
	background:url(assets/but_enews.gif) no-repeat top center;
}
ul#quicklinks li.lunch a {
	background:url(assets/but_lunch.jpg) no-repeat top center;
}
ul#quicklinks li.calendar a {
	background:url(assets/but_calendar.gif) no-repeat top center;
}
ul#quicklinks li.feed a {
	background:url(assets/but_feed.jpg) no-repeat top center;
}
ul#quicklinks li.homeAccess a {
	background:url(assets/but_home.jpg) no-repeat top center;
}
/* ------------------------------------------------------
Footer
-------------------------------------------------------*/
div#footer_wrap{
	background:url(assets/bg_footer.jpg) repeat-y top center;
	border-bottom: 1px solid #00123F;
}
div#footer_wrap a{
	color: #388aca;
}
div#footer_wrap a:hover{
	color: #ffffff;
}
	
div#footer {
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 20px 0;
	color: #F0F0F0;
	text-align:center;
}

ul#footer-list {
	float: left;
	margin-left: 150px;
	font-size: 12px;
	margin-bottom: 10px;
	clear: right;
}

ul#footer-list li {
	display: block;
	float: left;
	padding-top: 0px;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #B7CBD7;
	
}
ul#footer-list li.last {
	border-right: none;
}

.credit{ color:#fff; font-size: .85em; text-align: center; margin-top: 25px;}
.credit a {color: #388aca;}
/* -----[ footnote ]---------------------------------*/	

	
#footnote{
	width: 900px;
	min-height: 20px;
	margin: 0px auto 0px auto;
	overflow: auto;
	text-align:center;	
}	
#footnote p { 
	padding: 15px 10px 10px 10px;
	color: #195DA3;
	font-size: 10px;}
#footnote a{ color: #454545;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Captions & aligment */
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.post img { 
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0; 
	}
/* .post table{ border-top: 1px solid #e0e2e2;
	border-right: 1px solid #e0e2e2;}
.post td { border-bottom: 1px solid #e0e2e2;
	border-left: 1px solid #e0e2e2; padding: 5px;}
.post th{ border-bottom: 1px solid #e0e2e2; 
	padding: 5px;
	border-left: 1px solid #e0e2e2;}.fl{
	float: left;
}*/

/*=== Misc. ===*/
img.fl{
	margin: 0 12px 5px 0;
}
.fr{
	float: right;
}




/* Table*/

.post table {
	border-spacing:1px;
	background-color:#E7E7E7;
	border-collapse: separate;
}

.post caption {
	font-weight: bold;
	background: #50ADEA;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

.post td,.postth {
	padding: 4px;
}

.post thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
	padding: 5px 0px;
}
.post thead th.odd{
	background: #F5F5F5; }
	
.post tbody th {
	font-weight: bold;
	color: #666;
	background: #F5F5F5;
	border: 2px solid #FFF;
	text-transform:uppercase;
	text-align: center;

}

.post tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
.post tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

.post tbody th a:link, .post tbody th a:visited{
	color:#96D030;
	padding:3px 0px 0px 18px;
	}
	

.post tbody tr td { 
	padding: 10px  3px;
	background: #FFF;
	border: 1px solid #FFF;
	

	}

.post tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

.post table td a:link, .post table td a:visited {
	
	text-decoration: none;
}

.post table td a:hover {
	
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}


.post tfoot th, .post tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}

div#content_main_media .post table h4{font-size: 15px; margin-top:5px; margin-bottom: 0px; padding-bottom: 0px; color:#003BB5;}
div#media_banner{background: url(assets/media_banner.jpg) no-repeat; height:118px; position: relative; margin: 0px auto 0px auto; width: 900px;}




ul#bookofmonth {height: 169px; width:125px;}
div#sidebar ul#bookofmonth li { height:169px; display:block; padding: 0px; margin:0px; border: none; }
div#sidebar ul#bookofmonth li a {text-indent: -9999px; background:url(assets/BookOfMonth.gif) top left no-repeat; height:169px; display:block;  }
div#sidebar ul#bookofmonth li a:hover {background:url(assets/BookOfMonth.gif) bottom left no-repeat;   }