/*
Theme Name: Ask a Scientist
Theme URI: http://www.lloydengland.com
Description: Theme for Ask a Scientist
Version: 1.0
Author: Lloyd England
Author URI: http://www.lloydengland.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: #2F577F url('/assets/images/bg.jpg') repeat-x top;
	font-family: Tahoma, Helvetica, Verdana, 'Sans Serif';
	color: #fff;
	font-size: 76%;
	line-height: 1.8em;
}

.launch{
margin: 150px auto;
width: 500px;
height: 100%;
}

.page {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

/* Header */

#header{
	width: 1000px;
	height: 122px;
	margin-bottom: 20px;
}

#brand{
	width: 250px;
	height: 100%;
	float: left;
	margin-top: 10px;
}

#header-right{
	width: 350px;
	height: 100%;
	float: left;
	margin: 10px 0 0 400px;
	text-align: right;
}

/* Content */

#feature{
	width: 1000px;
	height: 300px;
}

#feature-left{
	width: 650px;
	height: 100%;
	float: left;
	margin-right: 10px;
}

#feature-right{
	width: 330px;
	height: 265px;
	float: left;
	margin-top: 35px;
	margin-left: 10px;
}

.feature-link{
	text-align: center;
	margin-top: 30px;
}

.featured-title{
	height: 90px;
	float: left;
}

.featured-cat{
	width: 234px;
	height: 100%;
	float: left;
	border-right: 1px #466f97 solid;
	margin-right: 10px;
	padding-right: 10px;
}

#featured-cat-right{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.featured-cat-comments{
	background: url('/assets/images/speech-bubble.png') no-repeat;
	width: 26px;
	height: 26px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0px;
}

.featured-cat-more{
	width: 208px;
	text-align: right;
	float: left;
}

#content{
	width: 748px; 
	height: 100%;
	float: left;
}	

.social-ind{
	float: right;
	height: 100%;
	width: 748px;
	padding-top: 10px;
}

.social{
	float: right;
	height: 100%;
	padding: 0px 0px 15px;
	width: 100%;
}	

#social{
	border-bottom: 1px solid #466F97;
	float: right;
	height: 100%;
	margin-bottom: 10px;
	padding: 0px 0px 15px;
	width: 748px;
}	

.singlepost{
	margin-bottom: 10px;
	padding-bottom: 0;
}

.post{
	margin: 10px 0 0 0;
	border-bottom: 1px solid #466F97;
}

.singlepost{
	margin: 10px 0 0 0;
	border: none;
}

.odd{
	border-bottom: 1px #466f97 dotted;
	padding-top: 10px;
}

.even{
	border-bottom: 1px #466F97 dotted;
	padding-top: 10px;
}

#sidebar{
	width: 232px;
	height: 100%;
	margin: 15px 0 0 20px;
	float: left;
}

.social-logo{
	width: 48px;
	height: 48px;
	float: left;
}

.social-desc{
	width: 174px;
	padding-left: 10px;
	height: 100%;
	float: left;
}

.ad{
	width: 100%;
	height: 100%;
	float: left;
	padding: 10px 0;
}

#footer{
	width: 100%;
	height: 25px;
	background: #ccc url('/assets/images/footer-bg.jpg') repeat-x top;
	float: left;
	margin-top: 10px;
	padding-top: 5px;
}

#footer-left{
	width: 500px;
	height: 100%;
	float: left;
}

#footer-right{
	width: 500px;
	height: 100%;
	text-align: right;
	float: left;
}

/* Images */

.wp-post-image {
	border: 1px solid #fff;
}

.avatar {
	border: 1px solid #fff;
	float: right;
	margin-top: 10px;
}

.alignright {
	border: 1px solid #fff;
	margin: 0 0 10px 10px;
}

/* Forms */

#searchcontainer{
	float: right;
	height: 30px;
	margin-top: 15px;
	width: 160px;
}

#search{
	width: 100%;
	float: left;
}

#searchform .screen-reader-text{
	display: none;
}

.search-field {
background:#2F577F;
border-left: 1px #466F97 solid;
border-top: 1px #466F97 solid;
border-bottom: 1px #466F97 solid;
border-right: none;
color:#fff;
width:120px;
height: 15px;
padding: 5px;
float: left;
}

#searchsubmit{
	width: 80px !important;
}

.wpcf7-form input{
	padding: 5px;
}

.wpcf7-form submit{
	padding: 5px;
}

#respond{
	width: 768px;
	height: 100%;
	float: left;
}

#comment-text{
	width: 748px;
}

#comment-submit{
	margin-top: 5px;
	padding: 5px;
}

/* Nav */

.menu{
	float: left;
	margin-bottom: 30px;
	margin-left: 150px;
	margin-top: 5px;
	width: 200px;
}

.menu li{
	float: left;
	margin-left: 20px;
	font-size: 1.1em;
}

#authorlist ul{
list-style: none;
margin: 0;
padding: 0;
}
#authorlist li {
margin: 0 0 5px 0;
list-style: none;
height: 100%;
padding: 15px 0 15px 0;
border-bottom: 1px solid #466F97;
}

#authorlist img.photo {
width: 80px;
height: 80px;
float: left;
margin: 0 15px 0 0;
padding: 3px;
border: 1px solid #466F97;
}

#authorlist div.authname {
margin: 20px 0 0 10px;
}

.cat-item{
	padding: 10px 0;
	border-bottom: 1px solid #466F97;
}

.search-button{
	height: 27px;
	width: 28px;
	float: left;
}

.children{
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
padding-left: 10px;
padding-bottom: 10px;
border-left: 5px solid #466F97;
border-bottom: 1px dotted #466F97;
}

.bypostauthor{
background: #466F97;
padding: 10px;
}

/* Typography */

p{
	font-size: 1em;
	padding-bottom: 1em;
}

a, a:visited{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color:  #fff;
	text-decoration: underline;
	font-weight: bold;
}

h1{
	font-size: 1.8em;
	color: #fff;
	text-decoration: none;
	line-height: 1.8em;
	padding: 15px 0;
}

h2, h2 a, h2 a:visited{
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	line-height: 1.8em;
}

h2 a:hover{
	font-size: 1.2em;
	color: #fff;
	text-decoration: underline;
	line-height: 1.8em;
}

h3{
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	line-height: 1.4em;
}

#comments{
padding-top: 20px;
}

.feature-text{
	font-size: 1.6em;
	line-height: 1.4em;
	padding: 0;
	color: #fff;
}

.title, .title a, .title a:visited{
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	line-height: 1.8em;
	padding-bottom: 0.2em;
}

.title a:hover{
	font-size: 1.2em;
	color: #fff;
	text-decoration: underline;
	line-height: 1.8em;
}

.widgettitle{
	margin-bottom: 5px;
	margin-top: 5px;
}

.widget{
	margin-bottom: 20px;
}

.smallcaps, .smallcaps a, .smallcaps a:visited{
	font-size: 0.9em;
	text-transform:uppercase;
	color: #fff;
	padding: 0;
	text-decoration: none;
}

.smallcaps a:hover{
	font-size: 0.9em;
	text-transform:uppercase;
	text-decoration: underline;
	padding: 0;
	color: #fff;
}

#footer p, #footer a, #footer a:hover, #footer a:visited{
	color: #000;
	margin: 0;
	padding: 0;
}

.launch-text{
	align: center;
	font-size: 2.4em;
	padding: 0;
	margin-top: 20px;
}