@charset "utf-8";
/*
Theme Name: Neil Hinkle | Graphic Designer
Theme URI: http://www.neilhinkle.com
Description: 2010 redesign
Version: 2.0
Author: Neil Hinkle
Author URI: http://www.neilhinkle.com
*/

/* Imports */
@import url('reset.css');

body, html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
}

/* Typography */
h1 {
	font-size: 18px;
	width: 97px;
	height: 122px;
	color: #000;
}

h1 a {
	display: block;
	width: 97px;
	height: 122px;
	overflow: hidden;
	background: url(images/logo.png) no-repeat;
	text-indent: -999px;
}

h2 {
	font-size: 14px;
	width: 100%;
	padding: 0;
	padding-bottom: 5px;
	color: #000;
}

h3 {
	font-size: 12px;
	color: #000;
}

p {
	font-size: 12px;
	color: #555;
	padding: 5px 0px 20px 0px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.section {
	border-bottom: 2px solid #000;
}

/* Layout */
#main_wrap {
	margin: auto;
	margin-top: 17px;
	width: 	750px;
}

#header {
	width: 	97px;
	float: left;
}

#main {
	width: 622px;
	float: right;
}

#footer {
	width: 622px;
	float: right;
	clear: both;
	margin-top: 25px;
	font-size: 10px
}

/* Navigation */
#nav {
	width: 97px;
	height: 70px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
}

#nav ul li {
	padding-bottom: 5px;	
}

#home {
	width: 51px;
	height: 12px;
}

#home a {
	width: 51px;
	height: 12px;
	background: url(images/nav.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}

#home a:hover {
	background-position: 0 -12px;	
}

#about a {
	width: 60px;
	height: 12px;
	background: url(images/nav.png) no-repeat;
	background-position: -51px 0px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}

#about a:hover {
	background-position: -51px -12px;	
}

#portfolio a {
	width: 97px;
	height: 12px;
	background: url(images/nav.png) no-repeat;
	background-position: -111px 0px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}

#portfolio a:hover {
	background-position: -111px -12px;	
}

#contact a {
	width: 81px;
	height: 12px;
	background: url(images/nav.png) no-repeat;
	background-position: -208px 0px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}

#contact a:hover {
	background-position: -208px -12px;	
}

/* Main Content */

#topbox {
	height: 320px;
	border-bottom: 5px solid #000;
}

#selectedblock {
	margin-top: 5px;
	height: 320px;
}

#leftworks {
	width: 280px;
	float: left;
}

#globalwarming {
	width:	280px;
	height: 86px;
}

#globalwarming a {
	width:	280px;
	height: 86px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
}

#globalwarming a:hover {
	width:	280px;
	height: 86px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: 0 -274px;
}

#lowriders {
	width: 140px;
	height: 188px;
	float: left;
}

#lowriders a {
	width: 140px;
	height: 188px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: 0 -86px;
}

#lowriders a:hover {
	width: 140px;
	height: 188px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: 0 -360px;
}

#halo {
	width: 140px;
	height: 188px;
	margin-left: 140px;
}

#halo a {
	width: 140px;
	height: 188px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -140px -86px;
}

#halo a:hover {
	width: 140px;
	height: 188px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -140px -360px;
}

#rightworks {
	float: right;
	width: 342px;
}

#bawls {
	width: 110px;
	height: 148px;
	float: left;
}

#bawls a {
	width: 110px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -280px 0px;
}

#bawls a:hover {
	width: 110px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -280px -274px;
}

#pppc_ideabook {
	width: 110px;
	height: 148px;
	float: left;
}

#pppc_ideabook a {
	width: 110px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -390px 0px;
}

#pppc_ideabook a:hover {
	width: 110px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -390px -274px;
}

#vote {
	width: 94px;
	height: 148px;
	float: left;
}

#vote a {
	width: 94px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -500px 0px;
}

#vote a:hover {
	width: 94px;
	height: 148px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -500px -274px;
}

#bottomrightworks {
	width: 342px;
	height: 125px;
}

#trojan {
	width: 39px;
	height: 126px;
	float: left;
}

#trojan a {
	width: 39px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -280px -148px;
}

#trojan a:hover {
	width: 39px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -280px -422px;
}

#footprint {
	width: 187px;
	height: 126px;
	float: left;
}

#footprint a {
	width: 187px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -319px -148px;
}

#footprint a:hover {
	width: 187px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -319px -422px;
}

#tpdposter {
	width: 88px;
	height: 126px;
	float: left;
}

#tpdposter a {
	width: 88px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -506px -148px;
}

#tpdposter a:hover {
	width: 88px;
	height: 126px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/selectedworks/selectedsprites.jpg) no-repeat;
	background-position: -506px -422px;
}

#bottombox {
	margin-top: 20px;	
}

.single {
	margin-top: -5px;
}

#twitter {
	width: 199px;
	float: left;
	border-bottom: 5px solid #000;
}

#blog {
	width: 384px;
	float: right;
	border-bottom: 5px solid #000;
}

/* Formatting Wordpress Stuff */
.post {
	border-bottom: 1px solid #aaa;
	margin-bottom: 5px;
	padding-bottom: 20px;
}

.post-title {
	padding-top: 5px;
}

.post-name {
	padding-bottom: 5px;	
}

.post-date {
	padding-top: 5px;
	font-size: 10px;
}

.entry {
	margin-right: 22px;	
}

.navigation {
	padding-bottom: 15px;
	vertical-align: text-bottom;
	clear: both;
}

.previous-entries {
	float: left;
	padding-bottom: 15px;
}

.next-entries {
	float: right;
	padding-bottom: 15px;
}

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

.widgettitle {
	border-bottom: 2px solid #000;	
}

#twitter-3 ul {
	margin-bottom: 10px;
	border-bottom: 5px solid #000;
}

#twitter-3 ul li {
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #aaa;
}

#twitter-3 ul li a {
	text-decoration: none;	
}

#twitter-3 ul li a:hover {
	text-decoration: underline;
	color: #000;
}

#categories-3 ul {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 5px solid #000;
}

#categories-3 ul li {
	padding-top: 5px;
}

#comments {
	width: 384px;
	padding-top: 15px;
}

.commentlist {
	padding-top: 15px;
	border-bottom: 1px solid #aaa;
}

#respond {
	padding-top: 15px;	
}

#archive-list {
	padding: 5px 0px 10px 0px;
}

#archive-list li {
	padding: 5px 0 0 0;	
}

#about_page {
	border-bottom: 5px solid #000;
}

.about_entry {
	margin-top: 10px;
	height: 250px;
}

.about_entry img {
	float: left;
	padding-right: 10px;
}

/* Portfolio Page */

#portfolio_main {
	width: 622px;
	float: right;
	padding-bottom: 10px;
	border-bottom: 5px solid #000;
}

.portfolio_post {
	padding: 5px;
	margin-top: 10px;
	margin-right: 10px;
	width: 175px;
	height: 175px;
	background: #fff;
	border: 1px solid #aaa;
	float: left;
	overflow: hidden;
}

.portfolio_post:hover {
	background: #F3F3F3;
}

.portfolio_post-title {
	padding-left: 15px;	
	padding-bottom: 5px;
}

.portfolio_entry {
	margin: auto;
	margin-left: 15px;
	margin-top: 15px;
	width: 150px;
	height: 150px;
	overflow: hidden;
}


.portfolio_entry_single {
	margin-right: 22px;
	margin-top: 10px;
}


/* Footer */
#altnav {
	padding-bottom: 10px;
}