/*
Theme Name: Sci Blog 2008
Theme URI: http://www.mdsci.org
Theme Author: Andy Stratton <theandystratton@gmail.com>
Description: Theme built by Blue Sky Multimedia for the Maryland Science Center's SciBlog.
*/
body {
	font: 16px Arial,Helvetica,Sans-Serif;
	background: #999 url(images/bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

.clrleft { clear: left; }

a img { border: none; }

#content a { color: #326AB7; }

#page {
	width: 967px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#wrap { padding: 0 11px; }

#header {
	margin: 0;
	padding: 0;
	position: relative;
	background: url(images/header_bg.gif) top left no-repeat;
	height: 155px;
	overflow: hidden;
	text-align: right;
	font-size: 12px;
}

	#header span.home-link {
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
		text-indent: -9999px;
		height: 155px;
	}
		
		#header span.home-link a {
			display: block;
			padding: 155px 0 0 0;
			background: url(images/logo.gif) top left no-repeat;
		}

	#header form {
		float: right;
		display: inline;
		margin-left: 1em;
	}
	
		#header form p {
			position: absolute;
			top: 6px;
			right: 11px;
			margin: 0;
			padding: 0;
			display: inline;
		}
		
		#header form p input {
			vertical-align: middle;
			font-family: Arial,sans-serif;
			color: #7a7a7a;
		}
		
		#header form p input.populate {
			border: 1px solid #70869d;
			padding: 2px;
		}

	#header p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 6px;
		right: 200px;
		color: #bebebd;
	}
	
		#header p a {
			color: #bebebd;
		}
		
		#header p a:hover {
			color: #fff;
		}
		
		#header p a.home {
			color: #eab855;
			font-size: 14px;
			padding-right: 1em;
		}
		
		#header p a.home:hover { color: #fcc65c; }

	#header a img {
		position: absolute; 
		top: 0;
		left: 0;
	}

#tagline {
	height: 109px;
	overflow: hidden;
	background: url(images/tagline_bg.gif) top left no-repeat;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 17px;
	color: #fff;
	position: relative;
	padding: 0;
	margin: 0 0 11px;
}

	#tagline span.highlight {
		color: #eab855;
	}
	
	#tagline p {
		margin: 0;
		padding: 14px 236px 0;
		line-height: 1.5em;
	}
	
	#tagline a { color: #fff; }
	
	#tagline a.rss {
		display: block;
		position: absolute;
		top: 10px;
		right: 11px;
		padding: 3px 0px 4px 30px;
		background: url(images/icon_rss.gif) top left no-repeat;
		font-family: Arial,Helvetica,Sans-Serif;
		font-size: 14px;
	}
	
/* Sidebar General */
.sidebar {
	width: 206px;
	margin: 0 0 1em;
	padding: 0 0 200px;	
	background: url(images/sidebar_bg.gif) 0 38px repeat-x;
}

	.sidebar h3 {
		margin: 0;
		padding: 12px 8px 10px;
		font-size: 14px;
		font-family: Arial;
		background: #236ab7;
		color: #fff;
		font-weight: normal;
		text-align: center;
	}
	
		.sidebar h3 a { color: #fff; }

		#sidebar-A h3 { background: #eab855; color: #333; }

.sidebar div.minipage {
	background: url(images/minipage_repeat.gif) top left repeat-y;
	font-size: 12px;
}

	.sidebar div.minipage ul {
		margin: 4px 0 0;
		padding: 2em 0 0;
		list-style: none;
		background: url(images/minipage_top.gif) top left no-repeat;
	}
	
	.sidebar div.minipage div.wrap {
		padding: 0 0 2em;
		background: url(images/minipage_bottom.gif) left bottom no-repeat;
	}
		
	.sidebar div.minipage ul li a {
		display: block;
		color: #969595;
		margin: 0 20px;
		padding: 2px 0 2px 20px;
		background: url(images/icon_arrow.gif) 6px 5px no-repeat;
	}
	
	.sidebar div.minipage ul li a:hover { color: #666; }
	
	
/* Left Sidebar */
#sidebar-A {
	float: left;	
}

/* Right Sidebar */
#content-wrap #sidebar-B {
	margin: 0 0 0 521px;
}

#content-wrap {
	margin: 0 0 0 218px;
	padding: 0;
}

/* Home Content */
#content-wrap #content {
	float: left;
	width: 509px;
	padding-bottom: 4em;
	margin: 0;
	color: #626161;
}

	#content-wrap #content .most-recent {
		border: 1px solid #d3d2d2;
		background: #f4f3f3;
		padding: 14px;
		margin: 0 0 1em;
		font-size: 12px;
		color: #626161;
		position: relative;
	}
	
		#content-wrap #content .most-recent a { color: #326ab7; }
	
		#content-wrap #content .most-recent span.comments a {
			position: absolute;
			bottom: 14px;
			right: 14px;
		}
	
		#content-wrap #content .most-recent img {
			display: block;
			float: left;
			margin: 0 1em 0 0;
			padding:2px;
			border: 1px solid #d3d2d2;
		}
		
		#content-wrap #content .most-recent p {
			line-height: 1.5em;
			padding-bottom: 1em;
		}
	
		#content-wrap #content h2,
		body.interior #content h1 {
			font-family: Georgia,"Times New Roman",Times,Serif;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: -.03em;
			margin: 0;
			padding: 0;
			color: #326ab7;
			line-height: 1.25em;
		}

		#content-wrap #content h2 a {
			color: #326ab7;
			text-decoration: none;
		}
		
		#content-wrap #content h2 a:hover { text-decoration: underline; }

		#content-wrap #content .most-recent h2, body.interior #content h1 { font-size: 26px; }
		
	#content-wrap #content div.entry {
		font-size: 12px;
		margin: 1em 1em 1em 0;
		border-bottom: 1px solid #dcdbdb;
	}
	
		#content-wrap #content div.entry p { line-height: 1.5em; }
	
		#content-wrap #content div.entry span.author {
			font-family: Georgia,"Times New Roman",Times,Serif;
			font-weight: bold;
			font-style: italic;
			color: #eab855
		}
		
/* Interior Layout and Styles */
body.interior #content {
	float: right;
	width: 590px;
	margin: 0 125px 0 0;	
	padding-bottom: 4em;
}

	body.interior #content h2,
	body.interior #content h3 {
		font-family: Georgia,"Times New Roman",Times,Serif;
		font-size: 16px;
		font-weight: normal;
		color: #333;
		margin: 1em 0 .5em;
	}
	
	body.interior #content h2 { color: #B38E45; }
	
	body.interior #content form input,
	body.interior #content form select,
	body.interior #content form textarea {
		font-family: Arial,Sans-serif;
		font-size: 12px;
		color: #626161;
		background: #f9f9f9;
		border: 1px solid #c7c7c7;
		padding: 4px;
	}
	
	body.interior #content form textarea { width: 580px; }
	
	body.interior #content form input.button {
		border: 1px solid #1f457f;
		background: url(images/button_bg.gif) top left repeat-x #326ab7;
		color: #fff;
		padding: .5em 1em;
		font-weight: bold;
	}
	
	body.interior #content form p {
		margin: 0 0 1em;
	}

	body.interior #content p.title {
		font-family: Georgia,"Times New Roman",Times,Serif;
		font-size: 20px;
		margin: 1em 0 .5em;
	}
	
		body.interior #content p.title a { color: #979696; text-decoration: none; }
		body.interior #content p.title a:hover { text-decoration: none; }
	
	body.interior #content div.entry {
		font-size: 12px;
		color: #626161;
		line-height: 1.5em;
	}
	
		body.interior #content div.entry a { color: #4c86db; text-decoration: none; }
		body.interior #content div.entry a:hover { color: #4c86db; text-decoration: underline; }

		body.interior #content div.entry p.author {
			font-size: 14px;
			font-family: Georgia,"Times New Roman",Times,Serif;
			color: #b38e45;
			font-style: italic;
		}

	body.interior ol.comments {
		list-style: none;
		margin: 0 0 3em;
		padding: 0;
		font-size: 11px;
		line-height: 1.25em;
		border-top: 1px solid #c7c7c7;
	}
	
		body.interior ol.comments li {
			border-bottom: 1px solid #c7c7c7;
			padding: 1em;
			background: #f0f0f0;
		}
		
		body.interior ol.comments li.alt {
			background: #fff;
		}
		
		body.interior ol.comments li p {
			margin: 0 0 1em;
			font-size: 12px;
			line-height: 1.5em;
			color: #333;
		}
		
		body.interior ol.comments li p.meta {
			margin: 0;
			font-size: 10px;
			text-align: center;
			color: #414242;
		}

		body.interior ol.comments li p.author {
			font-style: italic;
			font-family: Georgia,"Times New Roman",Times,Serif;
			margin-left: 0;
			color: #414242;
		}
		
		body.interior ol.comments li a { color: #414242; }
		body.interior ol.comments li a:hover { color: #000; }
		
		
	#content p.meta { font-size: 11px; color: #626161; }
	
	/* Category and Archive pages */
	#content div.listed-entry {
		background: #f0f0f0;
		border-top: 1px solid #c7c7c7;
		border-bottom: 1px solid #c7c7c7;
		padding: 1em;
	}
	
	div.alt { padding: 1em; }
		
	#content div.alt h2,#content div.alt h3,#content div.alt p.meta { margin: 0; }
	#content div.listed-entry h2,#content div.listed-entry h3,#content div.listed-entry p.meta { margin: 0; }
	
#sidebar {
	background-position: 0 0;
	margin: 1.5em 0;
	text-align: center;
	font-size: 11px;
	color: #858484;
}

	#sidebar a {
		color : #333;
		text-decoration: none;
	}
	
	#sidebar a:hover { text-decoration: underline; }

	#sidebar img.post {
		margin: 1em auto;
		padding: 2px;
		background: #fff;
		border: 1px solid #ccc;
	}

	#sidebar p {
		text-align: left;
		margin: .5em 2em;
		line-height: 1.25em;
	}
	
	#sidebar h3 {
		background: transparent;
		color: #333;
		font-size: 18px;
		font-family: Georgia,"Times New Roman",Times,Serif;
		letter-spacing: -.02em;
	}
	
	body.interior #page .page-sidebar {
		padding-bottom: 400px ;
	}
	
	body.interior #page .page h1 { margin: 30px 0 .5em; }

/* Navigation Interior */
#nav { 
	background: #b7b6b6;
	font-size: 18px;
	font-family: Georgia,"Times New Roman",Times,Serif;
	letter-spacing: -.02em;
	height: 2em;
	overflow: hidden;
}

	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		#nav ul li {
			float: left;
		}
		
			#nav ul li a {
				display: block;
				float: left;
				padding: .45em 1em .5em;
				color: #fff;
				text-decoration: none;
				border-right: 1px solid #f7f6f6;
			}
			
			#nav ul li.active a {
				background: #fff;
				color: #333;
			}
			
			#nav ul li a:hover {
				text-decoration: underline;
				background: #c7c6c6;
			}
			
			#nav ul li a.active {
				
			}

	
/* Footer */
#footer {
	clear: both;
	padding: 20px 0;
	margin: 0;
	background: url(images/footer_bg.gif) top center no-repeat;
	color: #326ab7;
	font-size: 11px;
	line-height: 1.5em;
}
	
	#footer p {
		margin: 0 0 0 264px;
		padding: 0;
	}

	#footer a { color: #326ab7; }
	#footer a:hover { color: #eab855; }
	
	
	
/* CFORMS Styles */
form.cform {
	margin: 1em 0;
	padding: 0;
}

form .cf_hidden { display: none; }

form p.cf-sb {
	text-align: center;	
}

	form.cform ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		form.cform ol li {
			margin: 0 0 1em;
		}
	
	form.cform label {
		font-weight: bold;
		cursor: pointer;
		display: block;
	}
	
form .reqtxt, form .emailreqtxt {
	font-size: 11px; 
	color: #e76643;
	padding-left: .5em;
}

.success, .failure {
	margin: 1em 0;
	padding: 1em;
	color: #333;
	background: #fbf2df;
	border: 1px solid #EAB855;
}

.success {
	background: #b9d4fc;
	border-color: #5093f8;
}

html body .cform label {
	text-align: left;
}

#noimg { padding: 1em 1em 0;}