/*  
Theme Name: Alex Hardy
Theme URI: http://www.alex-hardy.com
Description: Based on the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme by Michael Heilemann.
Version: 1.0
Author: Alex Hardy
Author URI: http://www.alex-hardy.com

	Kubrick v1.5
	http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	margin: 							0;
	padding:							0;
	background:						#bfbfbf url(/res/img/bgtile.gif) repeat-x;
	font-family:						Arial, Helvetica, sans-serif;
	font-size:							62.5%; /* Makes 1em = 10px */
	text-align:							center;
}

hr,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,#navigation a span,legend {
	display:							none;
	visibility:							hidden;
}

h1,h2,h3,h4,h5,h6,img,#footer p {
	margin: 							0;
	padding: 							0;
}

p,div.post ol,div.post ul {
	font-size:							1.2em;
	line-height:						1.3em;
	color: 							#424242;
}

div.post li ul {
	font-size:							1em;
}

ul {
	list-style-type:						none;
}

div.post ol, div.post ul {
	margin-left:						0;
}

div.post ol {
	padding-left:						36px;
}

div.post ul {
	list-style-type:						circle;
	padding-left:						24px;
}

div.post blockquote, div.post pre {
	margin:							0;
	border: 							1px dotted #8b8b8b;
	padding: 							8px;
	background:						#ececec;
}

div.post blockquote pre {
	margin: 							8px 0 8px 0;
}

div.post blockquote p {
	margin:							0;
}

div.post pre {
	font-family:						Verdana, Arial, Helvetica, sans-serif;
}

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

a:hover,#masthead_main a,#footer a {
	color: 							red;
}

img {
	border: 							none;
}

#page {
	width:							760px;
	margin-left:						auto;
	margin-right:						auto;
	text-align:							left;
}

h1 a {
	display:							block;
	float: 							left;
	width: 							361px;
	height:							87px;
	background:						url(/res/img/headers/alexhardy.gif) bottom no-repeat;
}

/* @group Navigation */

#navigation {
	display:							block;
	float: 							left;
	width: 							399px;
	height:							87px;
	background:						url(/res/img/nav/edge.jpg) no-repeat right top;
}

#navigation ul {
	margin: 							0;
	padding: 							0;
}

#navigation li {
	float: 							left;
}

#navigation a {
	display:							block;
	height: 							87px;
	background-position:					left top;
	background-repeat:					no-repeat;
}

#navigation a:hover,#navigation a.active {
	background-position:					0px -87px;
}

#nav_blog {
	width: 							58px;
	background:						url(/res/img/nav/blog.gif);
}

#nav_downloads {
	width: 							112px;
	background:						url(/res/img/nav/downloads.gif);
}

#nav_folio {
	width: 							60px;
	background:						url(/res/img/nav/folio.gif);
}

#nav_flickr {
	width: 							64px;
	background:						url(/res/img/nav/flickr.gif);
}

#nav_contact {
	width: 							86px;
	background:						url(/res/img/nav/contact.gif);
}	
	
/* @end */

/* @group Masthead */

#masthead_main {
	clear:							left;
	display:							block;
	width: 							760px;
	height:							151px;
	background:						url(/res/img/mastheads/main.gif) no-repeat;
}

#masthead_main ul {
	margin: 							6px 0 0 187px;
	padding:							0;
	color: 							white;
	font-size:							1.2em;
	line-height:						1.5em;
}

#header_hello {
	margin: 							0 0 0 187px;
	display:							block;
	width: 							117px;
	height:							56px;
	background:						url(/res/img/headers/hello.gif) bottom no-repeat;
}
	
/* @end */

/* @group Content */

#content.narrowcolumn {
	float: 							left;
	display:							block;
	margin-right: 						20px;
	width: 							480px;
}

#notfound {
	background:						white;
	display:							block;
	margin: 							0;
	border-bottom:						3px solid #8b8b8b;
	padding:							12px;
}

div.post {
	clear: 							both;
	background:						white;
	display:							block;
	margin: 							0;
	margin-bottom:						12px;
	border-bottom:						3px solid #8b8b8b;
	padding:							0px 12px 0 12px;
}

div.post h2 {
	display:							block;
	padding-top:						12px;
	font-size:							2.2em;
	font-weight:						normal;
	color:							#470000;
}

div.post h3 {
	display:							block;
	padding-top:						12px;
	font-size:							2.2em;
	font-weight:						normal;
	color:							#470000;
}

div.entry h3 {
	font-size:							1.6em;
	font-weight:						normal;
	color:							#470000;
}

h2.pagetitle {
	margin-bottom: 					0;
	width: 							456px;
	padding: 							12px;
	font-size:							2.2em;
	line-height:						1em;
	font-weight:						normal;
	background: 						#820000;
	color:							white;
}

div.entries_previous a, div.entries_next a {
	display:							block;
	font-size:							1.2em;
	padding:							8px;
}

div.entries_previous {
	float:							left;
}

div.entries_next {
	float:							right;
}

p.postmetadata {
	border-top: 						1px dotted #8b8b8b;
	padding-top:						4px;
	font-size:							1.1em;
}

div.post small {
	display:							block;
	width: 							456px;
	border-bottom: 						1px dotted #8b8b8b;
	padding-bottom:					4px;
	font-size:							1.1em;
	color: 							#424242;
}

.smallpic {
	float:							right;
	margin:							0 0 20px 20px;
}

.smallpic_alt {
	float:							left;
	margin:							0 20px 20px 0;
}

p.postmetadata.alt {
	clear:							both;
	font-size:							1em;
}

div.sociable {
	text-align:							center;
}
	
/* @end */

/* @group Comments */

#comments,#respond {
	margin-bottom: 					0;
	width: 							456px;
	padding: 							12px;
	font-size:							1.4em;
	line-height:						1em;
	font-weight:						normal;
	color:							white;
}

#comments {
	background: 						#820000;
}

#respond {
	background:						#4f2e2e;
}
	
#commentform #comment {
	width: 							200px;
}

ol.commentlist {
	margin: 							0;
	padding: 							0;
	background:						white;
	list-style-type:						none;
	border-bottom:						8px solid #bfbfbf;
}

ol.commentlist li {
	margin:							0;
	padding: 							10px;
	border-bottom:						4px solid #bfbfbf;
	font-size:							0.95em;
	background:						#e8e8e8;
}

ol.commentlist li.alt {
	background:						white;
}

ol.commentlist li cite {
	font-size:							1.7em;
}

.commentmetadata {
	font-size:							1em;
}

#commentform {
	background:						white;
	margin: 							0;
	padding: 							12px;
}

#commentform p {
	margin: 							0;
	padding-bottom: 					8px;
}

#commentform label {
	font-size:							1.2em;
	font-weight:						bold;
	color: 							#515151;
}

#author,#email,#url,#comment  {
	padding:							3px;
	border-color:						#ababab;
	border-style:						solid;
	border-width:						thin;
	font-family:						Arial, Helvetica, sans-serif;
	color: 							#515151;
}

#author,#email,#url {
	width:							200px;
}

#commentform textarea {
	width:							240px;
	height:							120px;
	font-size:							1em;
}

#author:focus,#email:focus,#url:focus,#comment:focus {
	border-color:						#820000;
	background:						#f2f2f2;
}

div.allowed {
	margin-bottom:						8px;
}

div.allowed p {
	border: 							1px dotted #8b8b8b;
	padding: 							4px;
	font-size:							1em;
	margin-bottom: 					8px;
}
	
/* @end */

/* @group Sidebar */

#sidebar {
	float: 							left;
	width: 							260px;
	background:						url(/res/img/sidebar_top.gif) top no-repeat;
}

#sidebar ul {
	margin: 							0 0 0 6px;
	display:							block;
	width: 							248px;
	padding: 							0;
}

#sidebar li {
	background: 						white;
}

#recent-posts h2 a {
	margin: 							6px 0 0 0;
	display:							block;
	width: 							248px;
	height: 							44px;
	background:						url(/res/img/headers/recentposts.gif) top no-repeat;
}

li.widget_categories, li.widget_archive {
	overflow:							auto;
}

#recent-posts ul,li.widget_categories ul,li.widget_archive ul {
	margin: 							0 !important;
	display:							block;
	width: 							248px;
	padding: 							0;
}

#recent-posts li {
	list-style:							url(/res/img/bullet_arrow.gif);
	margin:							4px 8px 4px 20px;
}

li.widget {
	display:							block;
	margin:							0;
	padding:							0 0 10px 0;
	border-bottom:						4px solid #bfbfbf;
}

#sidebar a {
	font-size:							1.1em;
	line-height:						1.3em;
}



li.widget_categories li, li.widget_archive li {
	float: 							left;
	display:							block;
	width: 							110px;
	margin:							4px 0 4px 0;
	text-indent:						20px;
	font-weight:						bold;
	color: 							#8b8b8b;
}

li.widget_categories a, li.widget_archive a {
	font-weight:						normal;
}

li.widget_archive {
	clear: 							left;
}

li.widget_categories h2, li.widget_archive h2 {
	display:							block;
	padding:							0;
	margin:							0 0 4px 19px;
}

li.widget_categories h2 {
	width: 							72px;
	height:							26px;
	background:						url(/res/img/headers/categories.gif) bottom right no-repeat;
}

li.widget_archive h2 {
	width: 							57px;
	height:							25px;
	background:						url(/res/img/headers/archives.gif) bottom right no-repeat;
}

#badges li {
	float: 							left;
}

#badges img {
	display:							block;
	margin: 							0;
}

#d3creative {
	border-right:						4px solid #bfbfbf;
}

/* @end */

/* @group Footer */

#footer {
	clear: 							both;
	float:							left;
	width:							760px;
	border-top: 						14px solid #bfbfbf;
	text-align:							right;
	overflow:							auto;
}

#footer p {
	padding: 							31px 21px 21px 0;
	background:						#4f2e2e url(/res/img/footer.gif) no-repeat;
	color: 							white;
	font-size:							1.1em;
}
	
/* @end */