@charset "utf-8";
/* CSS Document */
/*    
	Theme Name: Nick Brewer
	Theme URI: http://blog.nick-brewer.com/ 
	Description: stuff I know
	Author: Nick Brewer
	Author URI: http://nick-brewer.com 
	Version: 1.0 
	. 
	
	. 
*/ 
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

* { padding: 0; margin: 0px auto; }
.floatleft { float: left; }
.floatright { float: right; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }

table, tr, td, th  { padding: 0px; margin: 0px; }
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

p { text-align: left; padding: 0px 0px 15px 0px; }

img { border: 0px; }

h1,h2,h3,h4,h5,h6 {
	font-family: inherit;
	font-size: 100%;
	padding: 0px;
}

a, a:hover { text-decoration: none; }

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 34px;
	text-transform: uppercase;
	text-align: right;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}
.post h3,
.blog-post h3 { text-align: left; margin-bottom: 15px; }

p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

body {
	background-color: #111111;
	font-family: arial;
}

#wrapper {
	text-align: center;
}

#site {
	text-align: center;
}

#navigation {
	width: 100%;
	height: 31px;
	background: url(http://www.nick-brewer.com/images/bg_nav.jpg) repeat-x #000000 top left;
	text-align: center;
}
	#navigation ul { list-style-type: none; width: 450px; }
	#navigation li {
		display: block;
		float: left;
		margin: 9px 20px 0px 0px;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		text-transform: uppercase;
	}
	#navigation li a { color: #ffffff; }
	#navigation li a:hover { color: #8fa7bf; }
	#navigation .highlight { color: #8fa7bf; }


#content {
	background: url(http://www.nick-brewer.com/images/bg.jpg) repeat #ffffff top left;
	width: 100%;
	min-height: 420px;
}

	#content .navigation { }
	#content-wrap { width: 800px; }
	#content .blog-content {
		width: 600px;
		min-height: 420px;
		border-left: 3px solid #222;
		border-right: 3px solid #222;
		background-color: #fff;
		padding: 20px 10px 0px 10px;
	}
	#content .blog-post {
		text-align: left;
		display: block;
		position: relative;
		border-bottom: 1px dashed #ddd;
	}
		#content .blog-post h2, #content .post h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 21px;
			color: #444;
			margin: 10px 0px 10px 0px;
		}
                #content .blog-post img,
                #content .post img {
                	border: 1px solid #000;
                }
		#content .post { text-align: left; }
		#content .blog-post h2 a { color: #444; }
		#content .blog-post p, #content .post p {
			color: #555;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			clear: both;
		}
		#content .blog-post .blog-post-date {
			position: absolute;
			top: 0;
			left: -70px;
			text-align: center;
			color: #fff;
			background-color: #222;
			width: 60px;
			padding: 3px 0px 3px 0px;
		}
		#content .blog-post-date .year { font-size: 11px; display: block; }
		#content .blog-post-date .day { font-size: 28px; display: block; }
		#content .blog-post-date .month { font-size: 11px; text-transform: uppercase; display: block; }
		#content .blog-post ul, #content .post ul { margin: 0px 0px 15px 40px }
		#content .blog-post li, #content .post li {
			font-size: 11px;
			color: #555;
		}

#sidebar {
	width: 150px;
	display: block;
	text-align: left;
	margin: 0px 0px 0px 10px;
}
	#sidebar .widget {
		margin: 30px 0px 0px 0px;
                font-size: 11px;
	}
        #sidebar .twitter a {
	    color: #8FA7BF;
        }
        #sidebar .twitter-item {
	    margin-bottom: 5px;
            display: block;
            padding: 3px;
            background-color: #fff;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }
	#sidebar h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
                margin-bottom: 15px;
        }
        #sidebar h2 a {
            color: #000;
        }
#sidebar ul { list-style-type: none; }
	#sidebar li a {
		font-size: 11px;
		color: #555;
	}

#footer {
	padding: 20px 0px 0px 20px;
	text-align: left;
	min-width: 850px;
	/*width: 850px;*/
	color: #666666;
}

	#footer .latest-project {
		background-color: #252525;
		padding: 5px 0px 5px 0px;
		margin: 0px 10px 10px 0px;
		width: 175px;
		text-align: center;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		color: #555555;
		text-transform: uppercase;
	}
	
	#footer .footer-box {
		margin: 0px 0px 0px 25px;
	}
		#footer .footer-box ul { list-style-type: none; }
		#footer .footer-box li {
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		#footer .footer-box li a { color: #555555; }
/*		
textarea#comment { width: 400px; padding: 5px; }    
.commentmetadata { font-size: 10px; } 
.postmetadata { color: #aaa; }
.postmetadata a { color: #888; font-weight: bold; }	
#comments, .commentlist { text-align: left; }
.commentlist { list-style-type: none; margin: 10px 0px 10px 0px; background-color: #eee; padding: 5px 10px 0px 10px; }	
.commentlist li {
	font-size: 12px;
}
.commentlist cite {
	font-size: 12px;
	font-weight: bold;
}
.commentlist p {
	font-size: 11px;
}
.commentmetadata a {
	color: #999;
}
*/
/*
-----------------------------------------
	COMMENTS
-----------------------------------------
*/

#comments h3,
#respond h3 {
	color: #21282d;
	font-size: 36px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #38434c;
}

.commentlist li { list-style: none; margin: 0px 0px 10px 0px; }
.comment-author,
.comment-body {
	float: left;
}

.comment-author img {
	display: block;
	border: 1px solid #283037;
}

.comment-author {
	color: #21282d;
	font-size: 10px;
	width: 80px;
	margin-right: 20px;
}
	
	.comment-author .comment-meta { margin-top: 5px; }
	.comment-author a { color: #a3c0d8; text-decoration: none; }
	
.comment-body {
	background-color: #eee;
	border: 1px solid #ddd;
	position: relative;
	color: #333;
	font-size: 12px;
}

	.comment-body .inner-shadow {
		border: 1px solid #fff;
		padding: 10px;
		width: 400px;
		height: 100px;
		height: auto !important;
		min-height: 100px;
	}
	
	.comment-body .comment-side {
		position: absolute;
		top: 10px;
		left: -18px;
	}
	
	.comment-body a { color: #8FA7BF; text-decoration: none; }
	.comment-body a:hover { color: #8FA7BF; }
	
/* ADMIN AUTHOR STYLING */
.comment-author-brewern .comment-body {
	background-color: #283037;
	border: 1px solid #222;
	font-family: georgia, times;
}

	.comment-author-brewern .inner-shadow {
		border: 1px solid #283037;
	}
	
#respond textarea {
	width: 95%;
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #eee;
}

.comment-user-welcome {
	color: #a3c0d8;
}

	.comment-user-welcome a { color: inherit; text-decoration: none; }

#commentform input {
	background-color: #eee;
	border: 1px solid #ddd;
	width: 200px;
	padding: 10px;
	color: #a3c0d8;
}
	
#commentform #submit {
	cursor: pointer;
	background-color: #328BCA;
	border: 1px solid #0F527F;
	color: #fff;
}

#commentform .required {
	color: #b41321;
}

#commentform p { }