/*
Theme Name: Creative Librarian H5
Version: 1.0
Author: Laura Blalock
Author URI: http://lablalock.com/
Tags: minimalist, template, html5

	This theme was based on H5 by Jeff Starr, 
	who blogs at perishablepress.com and designs at monzilla.biz.

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/

/*Colors

blue:#08354F
beige:#E2DEC9
red:#64201F
pale grey:#F2F2F2
*/

/* == BASICS == */

html{background: #E2DEC9; font-size: 16px; line-height: 23px;}
header, footer, section, article, aside, nav {
	display: block;}
body {
	margin: 0 auto;
	width: 980px;
	font-family: "Book Antiqua", serif;}


/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #08354F;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #64201F;
	}
	
ul, ul ul, ul ul ul{list-style-position: outside;}
li{margin: 0 0 5px 0;}
img{border: 1px solid #08354F; margin: 10px;}

p{margin: 0 0 1em 0; padding: 0;}

/* == HEADER == */
body>header{margin:1.2em 0 0 0; padding: 0;}
body>header h1{width: 300px; float:left; border: none; padding: 0; margin: 0 0 0 -5px;}
body>header img{border: none; margin: 0; padding: 0;}

.description{width: 555px; float:right; font-size: .875em;	line-height: 1.2em; margin-top: 2.3em;
font-family: "Gill Sans", Futura, sans-serif; color:#333; text-align: justify;}

	
/* == POSTS == */
#content{width: 555px; float: right;}
.sub{width: 250px; float: left;}

article[id*=post-] {
	padding: 10px 0;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {font-weight: bold;}
	
	article aside{width:10em; float: left;}
	article aside ul{ margin: 0; padding: 0;}
	article section{width:24.5em; float: left;}
	article footer{clear: both;}
	article section img{border: 2px dashed #333; float: right;}
	
section nav{width: 555px;}	

/* == NAVIGATION == */

nav {clear: both; width: 200px; }

	body>nav ul {padding: 0; margin: 0; font-size: .8em;}
		body>nav li { display: inline;}
body>nav a:visited, body>nav a:link{color:#333;}
.pagenav{color:#64201F;}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {overflow: hidden; 
	width: 316px; font-size: .87em; line-height: 1.2em;}
aside ul{margin: 0; padding: 0;}
		aside li {list-style: none;}
		aside li ul li {list-style: circle outside; margin:0 0 15px 15px;}

/* == FOOTER == */

body>footer {
	padding-top: 100px;
	overflow: hidden;
	width: 100%;
	clear: both;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */

blockquote{border-left: 1px solid #08354F; padding: 0 0 0 15px;}
q{font-style: italic;}

/* Forms */
fieldset { margin:1em 0;  padding:0; border: none;} 

button,input,textarea{ font-size: 1em; background-color: #F2F2F2; border:none;  border-top: 1px solid #999; border-left: 1px solid #999;}
button, #submit{border:none;  border-bottom: 1px solid #999; border-right: 1px solid #999;}
button:hover,#submit:hover{border:none; border-top: 1px solid #999; border-left: 1px solid #999;}
legend {display: block; font-weight: bold; padding:0 0 .5em 0; margin: 0;font-family:"gill sans", futura, sans-serif;} 
label{display: inline-block; margin: 0  1em 0 0; width:15em;}

.required{color:#64201F;}

#searchform input{font-size: .75em; border:solid 0 #fff; background: transparent url("images/search.png") no-repeat; border: 0;
width: 132px; height: 25px; padding: 0 1em;}
#searchform button{background: transparent url("images/searchbutton.png") no-repeat; border: 0; font-size: .875em; height: 25px; width: 80px; padding: 0 0 0 1.25em;}
#searchform button:hover{background: transparent url("images/searchover.png") no-repeat; border:0;}
#searchform fieldset{margin: 0; padding: 0;}

div.wpcf7-response-output{color: #64201F;}


.twitter-avatar{border: 1px solid #08354F; width: 48px; height: 48px; float: left; margin:0 20px 10px 0;}

/*Headers*/
h1,h2,h3,h4,h5,h6{font-family: "Gill Sans", Futura, sans-serif;  font-weight:normal; clear: both; color: #64201F;}

h1 {font-size: 2em;  /* 24px / 16px = 1.5em */ border-bottom: 1px solid #CC9F9F;}
h2{ font-size: 1.5em; text-decoration: none; padding:0;
border-bottom: 1px solid #B3B3B3;}
h3{font-size: 1.125em;
	line-height: 1em;
	margin-bottom: 0.9em; border-bottom: 1px solid #B3B3B3;}
h4{margin: 0;
	font-size: 1.125em;
	line-height: 1em;
	margin-bottom: 1em;}
h6{font-style: italic;}



/* == ALL YOUR CODE ARE BELONG TO POETRY == */