/*  
Theme Name: Science Companion
Theme URI: http://www.sciencecompanion.com
Author: E.Webscapes / Brian Hall
Author URI: http://ewebscapes.com/
Version: 1.0
Description: Science Companion theme from E. Webscapes.
Tags: blog, clean, science, kids, education

	Changelog:
		v1.0 - 12.16.08
		First Release

*/

span.admin {float:right; padding-top: 5px}
span.admin a {color:#7b84cd;}

h1,h2,h3,h4,div,p,ul,form{ margin: 0; padding: 0; }
img{ border: none; }
body{ font: 0.8em Arial; background: url('images/background.gif'); margin: 0; padding: 0;}
.clear{ clear: both; }
.alignleft{ float: left; margin: 0 8px 0 8px; }
.alignright{ float: right; margin: 0 0px 8px 8px; }
.postmetadata{ padding: 5px !important; border-top: 1px dotted #4b54a1; font-size: 0.8em; background-color: #4b54a1; color: #fff; width: 100% !important; clear: both; float: left; }
.postmetadata a{ color: #fff !important; }

.entry .alignleft{float:left;margin:0 1.571em 1.571em 0; background: #eee; border: 1px solid silver; padding: 3px;}
.entry .alignright{float:right;margin:0 0 1.571em 1.571em;background: #eee; border: 1px solid silver; padding: 3px;}
.entry .aligncenter{display:block;float:none;clear:both;margin:0 auto 1.571em;background: #eee; border: 1px solid silver; padding: 3px;}
.entry .alignnone{display:block;clear:both;margin:0 auto 1.571em 0;}
.entry .wp-caption{background-color:#F3F3F3;border:0.071em solid #CCC;text-align:center;padding:0.714em;}
.entry .wp-caption p {font-size:0.8em;margin-bottom:0; padding: 8px 0}
.entry .aligncenter img{border:1px solid silver;padding:0;}


#top_header{ width: 100%; background-color: #131313; border-bottom: 1px solid #221; position: absolute; top: 0; left: 0; }
#top_header #search_form{ float: right; padding: 2px; margin-right: 5%; margin-left: 10px; color: #fff; }
#top_header #search_form input{ font-size: 0.8em; margin-left: 5px; border: 1px solid #696969; background-color: #474444; }
#top_header .menu{ float: right; list-style: none; margin-top: 3px; }
#top_header .menu li{ float: left; margin-right: 10px; }
#top_header .menu li a{ color: #6e6e6e; text-decoration: none; }
#top_header .menu li a:hover{ color: #999; }

#wrapper{ width: 1000px; margin: 45px auto; }

#header{ width: 99.5%; background: url('images/header_bg.png') #1a1f4a repeat-x; float: left; border: 3px solid #1a1f4a; margin-bottom: 8px; }
#header .section{ width: 88px; float: left; margin-right: 3px; }
#header #logo{ position: absolute; right: 20px; bottom: 5px; }
#header #menu_bar{ float: left; width: 100%; background-color: #1a1f4a; }
#header #menu_bar .menu{ float: left; list-style: none; font-size: 1.45em; margin: 4px 0 0 3px; }
#header #menu_bar .menu li{ float: left; margin-right: 8px; }
#header #menu_bar .menu li a{ color: #c19c15; text-decoration: none; padding-right: 8px; }
#header #menu_bar .menu li a:hover{ color: #f2c935; }

#body{ width: 800px; float: left; background-color: #fff; margin-right: 5px; padding: 10px; }
#body h1{ color: #4b54a1; font-size: 2em; font-weight: normal; }
#body a{ color: #4b54a1; border-bottom: 1px dotted #4b54a1; text-decoration: none; }
#body a:hover{ color: #616ed1; }
#body h2{ color: #383f76; font-weight: normal; font-size: 1.7em; width: 100%; }
#body h3{ color: #262b51; font-weight: normal; font-size: 1.6em; }
#body h4{ color: #262b51; font-weight: normal; font-size: 1.4em; }
#body p{ margin-bottom: 10px; }
#body ul{ padding-left: 5px; }
#body ul li{ margin-left: 15px; }
.post{ margin-bottom: 30px; float: left; width: 755px; }
.post .title{ font-weight: bold !important; font-size: 1.9em !important; width: 100% !important; border-bottom: 2px solid #4b54a1;  padding: 3px; margin-bottom: 5px; }
.post .title a{ text-decoration: none !important; border-bottom: none !important; }

#sidebar{ background-color: #1a1f4a; width: 190px; float: right; padding: 10px; color: #7c80a7; }
#sidebar a{ color: #7c80a7; text-decoration: none; border-bottom: 1px dotted #7c80a7; }
#sidebar a:hover{ color: #7c88f0; }
#sidebar ul{ list-style: none;  margin-bottom: 15px; }
#sidebar .menu{ list-style-image: url('images/bullet.png'); position: relative; }
#sidebar .menu li{ margin-left: 21px; }
#sidebar .menu a{ font-size: 1.25em; border: none; color: #dcbb31; }
#sidebar .menu a:hover{ color: #fbe381; }
#sidebar .menu li:hover{ margin-left: 10px; }
#sidebar .menu ul li:hover{ margin-left: 0px; }
#sidebar .menu ul{ position: absolute; right: 195px; background-color: #374197; margin-top: -20px; border-right: 3px solid #1a1f4a; font-size: 0.8em; border-top: 2px solid #1a1f4a; border-bottom: 2px solid #1a1f4a; border-left: 2px solid #1a1f4a;}
#sidebar .menu ul li{ margin-left: 0px; width: 260px; }
#sidebar .menu ul li a{ width: 255px; float: left; padding-left: 8px; color: #fff; padding: 5px; margin: 0; border-bottom: 1px solid #1a1f4a; }
#sidebar .menu ul li a:hover{ color: #ccc; background-color: #1a1f4a; }

#sidebar h2{ font-size: 1.8em; border-top: 3px solid #374197; margin-bottom: 4px; margin-top: 3px; color: #374197; font-weight: normal; }

#sidebar #chart_container{ height: 180px; width: 185px; float: left; position: relative; }
#sidebar #chart_container #chart{ position: absolute !important; width: 300px; left: -62px; top: -57px; clear: both; }

#footer{ float: left; width: 100%; background-color: #040713; padding: 10px 0; margin-top: 8px; }
#footer .bottom_logo{ float: left; margin-left: 10px; margin-right: 10px; }
#footer .menu{ float: left; list-style: none; position: relative; }
#footer .menu li{ float: left; margin-right: 4px; }
#footer .menu li a{ color: #646363; text-decoration: none; padding-right: 4px; }
#footer .menu li a:hover{ color: #999; }
#footer .menu ul{ position: absolute; top: -45px; left: 0; list-style: none; border-bottom: 3px solid #040713; border-top: 2px solid #040713; border-right: 2px solid #040713; border-left: 2px solid #040713; background-color: #0c163b; }
#footer .menu ul li{ width: 205px; }
#footer .menu ul li a{ color: #fff;  float: left; width: 200px; padding-left: 5px; }
#footer .menu ul li a:hover{ background-color: #040713; }