/*
Theme Name: Art of Procraftination
Theme URI: http://harrisonwheeler.com
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Harrison Wheeler
Author URI: http://www.harrisonwheeler.com
*/

@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FCD4A3;
	margin:0px;
	padding:0px;
	background-image: url(http://harrisonwheeler.com/wp-content/uploads/2009/12/bg.png);
	background-repeat: no-repeat;
}


#wrapper{
	width:960px;
	margin: auto;
	z-index:300;
}

#halftone{
	position:absolute;
	float:left;
	margin-top:-50px;
	z-index:10;
}

#header{
	width:100%;
	margin-bottom: 100px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left:100px;
	margin-top: 50px;
	z-index:100;
	position: absolute;
}

#header h1{
	margin-bottom:-30px;
	margin-top:0px;
	margin-left:100px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90px;
	font-style:italic;
	font-weight:bold;
}


#leftColumn{
	width:620px;
	float:left;
	
}

#rightColumn{
	width:300px;
	float:left;
	margin-left: 40px;	
}

#rightColumn h2{
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.post{
	width:620px;
	float:left;
	margin-bottom: 20px;
}

.postContent{
	width:450px;
	float:left;
}

.postContent p{
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
}


.postHeader{
	width:450px;
	float:left;
	margin-left: 170px;
	margin-bottom: 10px;
}

.postHeader h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	font-style:italic;
	color: #252222;
	text-transform: lowercase;
}

.black{
	position:absolute;	
	width:450px;
	margin-top:-90px;
	margin-left:2px;
	z-index:600;
}


.red{
	color:#282526;
	position:absolute;	
	width:450px;
	margin-top:-93px;
	margin-left:2px;
	z-index:500;

}

.blue{
	color:#06F;
	position:absolute;
	width:450px;
	margin-top:-93px;
	margin-left:-2px;
	z-index:400;

}

.yellow{
	color:#FF0;
	position:absolute;	
	width:450px;
	margin-top:-96px;
	margin-left:-4px;
}


#sidebar{
	width:300px;
	float:left;
}

#sidebar ul{
	float:left;
	margin:0px;
	padding:0px;
}

#sidebar h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin-bottom:10px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #000;
}

#sidebar li{
    margin:0px;
	padding:0px;	
	float:left;
	list-style:none;
	width:300px;
	margin-bottom:10px;
}

#sidebar li h3{
    margin:0px;
	padding:0px;	
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:16px;
}

#portfolio{
	width:960px;
	float: left;
	
}

#content{
	width:960px;
	float: left;
	margin-top: 230px;
}

#footer{
	width:960px;
	clear:both;
	
}

#postImage{
	width:900px;
	height:502px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}

.postTitle{
	margin-left:30px;
	width:900px;
	float:left;
	margin-top: 20px;
	font-size:20px;
	color: #2275BC;
}

.postInfo{
	margin-left:30px;
	width:900px;
	float:left;
	margin-top:0px;	
	font-size:16px;
}

/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 672px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio {
	float: left;
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 960px;
}
ul#portfolio li {
	float: left;
	padding: 5px;
	width: 220px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {
	display: block;
}
3