/* 
Theme Name: whitespace
Theme URL: http://misterlib.com
Description: A white space theme for me.
Author: Kurt Libby [built on whiteboard by Brian Purkiss]
Author URI: http://brianpurkiss.com
Version: 1.0.4
*/

body{
font-family: Arial;
background-image: url('images/stripes.png');
background-attachment: fixed;
}

img{
border: none;
}

p{
display: block;
}

#contain
{
padding:70px 0 0;
margin-left: auto;
margin-right: auto;
}

#header {
background:transparent url(images/misterlibhead.png) no-repeat scroll center bottom;
padding:30px 0 18px;
z-index:100;
left:0;
position:fixed;
right:0;
top:0;
width:100%;
}

#headlink{
margin-left: auto;
margin-right: auto;
text-align: right;
width:960px;
height:50px;
color: #FFFFFF;
font-family: "Arial Black";
}

#headlink a{
color:#e3f1fa;
text-decoration: none;
}

.month{
float: left;
background-color: #5bb4e2;
color: #e3f1fa;
font-family: "Arial Black";
padding: 5px;
}

.day{
float:left;
background-color: #e3f1fa;
color: #5bb4e2;
font-family: "Arial Black";
padding: 5px;
}

.day2{
float:left;
background-color: #e3f1fa;
color: #5bb4e2;
font-family: "Arial Black";
padding: 5px;
height: 38px;
}

.year{
float: left;
margin-right: auto;
background-color: #5bb4e2;
color: #e3f1fa;
font-family: "Arial Black";
padding: 5px;
}

.metawrapper{
background-color: #5bb4e2;
width:200px;
height:100px;
}

.metawrapper2{
background-color: #5bb4e2;
width:200px;
height:48px;
}

.cats{
float:left;
background-color: #e3f1fa;
color: #5bb4e2;
width:195px;
height:40px;
padding-left: 5px;
}

.ads{
margin:30px;
}

#post{
margin: 5px 30px 30px 30px;
}

#post ul li{
margin-left: 20px;
padding-bottom: 5px;
}

#postmeta{
width: 195px;
float: left;
background-color: #FFFFFF;
padding-left: 5px;
}

#post img{
border: solid 5px #333333;
}

blockquote {
margin: 1em 3em;
color: #999;
border-left: 2px solid #999;
padding-left: 1em;
}
	
#postnavigation{
float:right;
}

.footertop{
padding: 10px 0 0 0;
background-color: #000000;
height: 48px;
}

.footer{
background-color: #507084;
border-top-color: #5bb4e2;
border-top: 5px;
height:350px;
}

.title{
background-color: #e3f1fa;
color: #000000;
font-family: "Arial Black";
padding: 5px;
margin-top: 20px;
margin-bottom: 10px;
}

.footer ul li{
margin-left: 10px;
list-style: none;
}

.footer a:hover{
font-weight: bold;
text-decoration: none;
}

.footerbottom{
background-color: #000000;
color: #FFFFFF;
font-size: 8pt;
float: right;
width: 950px;
padding: 5px;
}

/** Search Box from http://www.sohtanaka.com/web-design/styling-input-search-form-css/**/

fieldset.search {
	border: none;
	width: 243px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 10px 5px 0;
	background: url(images/search_bg.png) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: url(images/search_bg.png) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search_bg.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(images/search_bg.png) no-repeat bottom right;
}

/** End Search Box **/

/** Comments Template **/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
background-color: #e3f1fa;
color: #5bb4e2;
	font-family: "Arial Black";
	font-size: 16px;
	margin-top:10px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/** End Comments Template **/

a img.align-right {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}