/*  
Theme Name: Blog - Peter Pearson
Theme URI: http://www.peter-pearson.com
Description: Theme for peter-pearson.com/blog
Version: 1.0
Author: Peter Pearson
Author URI: http://www.peter-pearson.com

*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */

body{
	background: url(images/smallsky.jpg) no-repeat top;
	font-family: Georgia, Arial, Sans-serif;
	font-size: 62.5%;
	line-height: 1.3;
}



#wrap{
	margin: 0 auto;
	width: 940px;
	position: relative;
	overflow: visible;
}

ul#nav {
	position: absolute;
	top: 0;
	width: 940px;
}

ul#nav li{
	float: left;
	margin: 0 2px;
}

ul#nav li.floatr{
	float: right;
}

ul#nav li a{
	background: transparent url(images/fff50.png);
	float: left;
	padding: 5px 10px;
	margin: 0;
	font-size: 11px;
	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 3px #367061;
	
}

h1#home_h1{
	color: #fff;
	text-shadow: 1px 1px 3px #367061;
	clear: left;
	font-size: 10px;
	margin: 0;
	width: 468px;
	height: 20px;
}
h1, #main_title{
	color: #fff;
	font-size: 1.8em;
	float: left;
	margin: 87px 31px 0 0;
	text-align: left;
	width: 400px;
	text-shadow: 1px 1px 3px #367061;
	height: 50px;
}
#main_title{
	height: 25px;
}
#pete{
	background: url(images/peter_pearson.gif) no-repeat -9px 4px;
	height: 292px;
	float: right;
	text-indent: -9000px;
	width: 469px;
	position: absolute;
	left: 465px;
}
#pete a{
	width: 100%;
	height: 100%;
	display: block;
}


.portfolio_link{
	position: absolute;
	top: 264px;
	left: 40px;
	color: #fff;
	font-size:11px;
}

a, a:link{
	color: #33455e;
	text-decoration: none;
}



.post{
	width: 216px;
	float: left;
	margin: 0 23px 0 0;
	
	
}

.post .post_image{
	background: transparent url(images/fff50.png);		
	padding: 7px;
	width: 200px;
	float: left;
}
ul .post .post_image_selected{
	background-color: #fff;
}
.post .post_image a{
	width: 100%;
	height: 100%;
	display: block;
}

.post .image{
	background: transparent url(images/fff50.png);
	width: 200px;
	height: 200px;
	position:relative;
	float: left;
	clear: left;
	display: block;
}

.post .post_info{
	background: transparent url(images/fff50.png);
	float: left;
	clear: left;
	display: block;
	margin-top: 10px; 
	padding: 7px;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	height: 30px;
}

.post h2{
	text-align: left;
	background: transparent url(images/fff75.png);
	color: #000;
	font-size: 1.2em;
	padding: 3px 10px;
	width: 180px;
	position: absolute;
	bottom: 5px;
}
.post h2 a{
	color: #000;
	width: 100%;
	height: 100%;
	display: block;
}

.post img{
	display: block;
	float: left;
}

.post p.postmetadata{
	clear: right;
	float: right;
	font-size: .8em;
	margin: 5px 0 0 0;
}




.navigation{
	float: left;
	clear: both;
}

#maincol{
	width: 724px;
	float: left;
}

#sidebar{
	float: right;
	clear: none;
	width: 202px;
	background: transparent url(images/fff50.png);		
	padding: 7px;
}

#footer{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2;
	clear: both;
}

.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{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

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

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

.popup_image{
	position:absolute;	
	left:15px;
	top:15px;
	width:400px;
	height:400px;
}

body .bigthrobber{
	display: none;
}
#ajax_nav{
	clear: both;
	overflow:auto;
	padding: 290px 0 0 0;
}
a.ajax-back{
	height:40px;
	width: 25px;
	display: block;
	background: transparent url(images/prev.png) top right no-repeat;
	text-indent: -9999px;
	float: left;

}
a.ajax-next{
	height:40px;
	width: 25px;
	display: block;
	background: transparent url(images/next.png) top left no-repeat;
	text-indent: -9999px;
	float: right;

}

#home_content{
	width: 940px;
}
#slider{
	overflow: hidden;
	clear: both;
	display: block;
	position: absolute;
	top: 190px;
}
#container{
	padding: 0 0 0 0;
}
#leftfade{
	width: 90px;
	background: url(images/leftfade.png) repeat-y;
	height: 280px;
	position: absolute;
	left: 0;
	top:195px;
	display: none;
}
#rightfade{
	width: 90px;
	background: url(images/rightfade.png) repeat-y;
	height: 280px;
	position: absolute;
	top:195px;
	left: 0;
	display: none;
}
#reader{
	width: 800px;
	margin: -40px auto 0 auto;
}

#home_content .postbody{
	background: transparent url(images/fff50.png);		
	padding: 7px;
	overflow: auto;
	position: relative;
}

.postbody object{
	margin: 0 auto;
	width: 640px;
}

#content{
	background: transparent url(images/fff50.png);		
	padding: 7px;
	width: 940px;
	clear: left;
}

#log{
	position:absolute;
	top:40px;
	left:0px;
	width:300px;
	padding:5px;
	background: transparent url(images/fff50.png);
}

.editlink{
	position: absolute;
	top: 10px;
	right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}