/*  
Theme Name: School Health Blog Default
Theme URI: http://www.Schoolhealthblog.org
Description: The default School Health Blog theme.
Version: 1.0
Author: Netconcepts
Author URI: http://netconcepts.com/
*/

/* -- reset all elements to a common value ----------------------------------------------------- */
* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.3em 0;
}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:0 0 1em 0;
}

li, dd, blockquote, address { margin-left:2.5em; }
fieldset { padding: .5em; }



/* -- default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- Default Styles --------------------------------------------------------------------------- */
/* colours, sizes, etc of elements */
body {
	font: 62.5%/1.6 Verdana, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff;
}

h1 { font-size: 2em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; color: #009;}

h4 { font-size: 1.4em; color: #009}

a {  }

a:hover, a:active {  }


/* -- Layout Styles ---------------------------------------------------------------------------- */
#header, #nav-top, #left, #footer { float: left; display: inline; }
#container { /* keep the layout together and centered */
	width: 750px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	background: #fff url(img/bg-page.jpg) repeat-y;
}


#header { /* header */
	width: 750px;
	height: 150px;
	background: url(img/bg-header.jpg) no-repeat;
}

	#header .floatLeft {
		margin: 36px 0 0 15px;
	}

	#logo {
		font: 3.4em "Lucida Grande", "Lucida Sans", sans-serif;
		color: #fff;
		word-spacing: -0.35em;
		text-transform: lowercase;
		text-decoration: none;
	}
	
	#tag {
		color: #fff;
		text-transform: uppercase;
	}

	#searchform {
		float: right;
		border-top: 2px solid #8AF4FF;
		border-left: 2px solid #8AF4FF;
		border-bottom: 2px solid #019EAB;
		border-right: 2px solid #019EAB;
		background: #29CAD8;
		margin: 50px 15px 0 0;
		padding: 5px 5px 4px 5px;
		height: 25px;
	}
	
		#searchform label {
			float: left;
			color: #fff;
			margin: 4px 0 0 0;
			width: 40px;
			text-transform: uppercase;
			margin-right: 10px;
		}
		
		#s {
			float: left;
			width: 100px;
			margin: 2px 0 0 0;
			margin-right: 10px;
		}
		
		#searchsubmit {
			float: left;
			margin: 0;
			width: 60px;
		}

	#nav-top { /* top navigation */
		width: 750px;
		list-style: none;
		margin: 0;
	}
	
		#nav-top li {
			float: left;
			margin: 0 10px 0 15px;
		}
		
			#nav-top li a {
				color: #fff;
				font-size: 1.2em;
			}
			

#content { /* main content area (middle column) */
	float: right;
	width: 495px;
	overflow: hidden;
	font-size: 1.2em;
}


#left { /* left bar (navigation) */
	width: 228px;
	overflow: hidden;
}

	#left ul, #left li {
		height: 1%;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		#left ul li span, #left ul li a {
			display: block;
			padding: 3px 10px;
			margin: 0 10px 5px 10px;
			background: #294FD8;
			border-top: 2px solid #8AA3FF;
			border-left: 2px solid #8AA3FF;
			border-bottom: 2px solid #021E84;
			border-right: 2px solid #021E84;
			color: #fff;
			text-decoration: none;
		}
		
		#left li a.rss span {
			font-weight: bold;
			background: #F75303;
			border: 1px solid #9D3603;
			border-top-color: #FB8C55;
			border-left-color: #FB8C55;
			width: 25px;
			padding: 0 2px;
			margin: 0;
			overflow: hidden;
		}
		
		#left li ul {
			margin-bottom: 10px;
		}
		
		#left li li a {
			border: none;
			background: none;
			margin-left: 12px;
			color: #3A60E9;
			text-decoration: underline;
		}

#footer { /* at the bottom of the page */
	float: left;
	width: 500px;
	padding-left: 250px;
}


/* generic styles ------------------------------------------------------------------------------ */
h1, h1 a {
	color: #009;
	text-decoration: none;
}

h2 {
	margin-bottom: 0;
	font-size: 1.3em;
	font-weight: normal;
}

h2 a {
	color: #3A60E9;
	text-decoration: none;
}

.sponsor {
	margin: 10px;
}

	.sponsor img {
		border: 2px solid #06f;
	}

.post {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.navigation {
	float: left;
	width: 100%;
	font-size:0.8em;
	margin: 5px 0;
	text-align:right;
}

#content .postmetadata {
	background:#EFF0FF none repeat scroll 0%;
	border:1px solid #7778BF;
	font-size:0.8em;
	padding:8px;
}

#comments, #respond {
	font-size: 1.3em;
}

.commentlist li {
	border:1px solid #7778BF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:8px;
	margin-left:0;
}

.commentlist li small {
	background:#CDE0FF none repeat scroll 0%;
	display:block;
	font-size:0.8em;
	margin:0pt;
	padding:4px 8px;
}

.commentlist li.alt small {
	background:#AFCEFF none repeat scroll 0%;
}

.commentlist li p {
	background:#EFF0FF none repeat scroll 0%;
	margin:0pt;
	padding:8px;
}

#commentform textarea, #commentform input {
	background:#F7F7FF none repeat scroll 0%;
	border:1px solid #383996;
	font-size:1em;
	padding:4px;
}

#commentform textarea {
	font-size:1.3em;
	width:450px;
}