/*
			Theme: Based on Sharpfolio Theme by Matt Lenz
			Description: End of Generic Portfolio
			Version: 2.0
			Author: Michael Clayton
			Author URI: http://endofgeneric.com/
*/
/* BLOCKY BLOCKS
--------------------------------------------------------*/
html							{ overflow-y: scroll; }
body 							{ background: #000 url('images/bg2.jpg') no-repeat top center; color: #999;
								  font: 300 62.5%/1.7 "Helvetica Neue", Helvetica, arial, sans-serif; padding-top: 20px; position: relative; }
div.fix-tab						{ position: fixed; top: 273px; right: 0; }
div.fix-tab a					{ background: url(images/blog-tab.png) no-repeat; display: block; width: 50px; height: 130px;text-indent:-9999px; }
div#wrapper 					{ margin: 0 auto; width: 960px; }
/* HEADER
--------------------------------------------------------*/
div#header						{ background: url(images/divider-top.jpg) no-repeat bottom center; }
div#header h2 					{ font-size: 1.4em; font-weight: 300; margin: 0 0 30px; text-align: right; width: 654px; }
/* NAVIGATION
--------------------------------------------------------*/
ul#navigation 					{ display: block; margin-bottom: 5px; width: 500px; }
ul#navigation li				{ display: inline; }
ul#navigation li a 				{ color: #666; font-size: 1.4em; margin: 0 32px 0 0; }
ul#navigation li a:hover 		{ color: #999; }
/* CONTENT
--------------------------------------------------------*/
div#content 					{ margin: 72px 0 20px 0; }
div#page-content 				{ margin: 30px auto; width: 600px; }
div.thumbnail 					{ border: 4px solid #fff; float: left; height: 333px; width: 620px; }
div.entry 						{ width: 310px; float: right; }
div#content h2 					{ color: #fff; font-size: 2.4em; font-weight: bold; line-height: 1.2em; }
div#content h2 a	 			{ color: #fff; }
div#content h2 a:hover 			{ color: #999; }
span.commentNumber 				{ font: italic normal 1.4em Georgia, serif; }
p.comment-link					{ margin: 0; }
p.comment-link a 				{ font: bold 1.4em Helvetica, Arial, sans-serif; color: #808080; line-height: 2.0em; }
p.comment-link a:hover 			{ color: #999; border-bottom: 1px dotted #999; }
div.post 						{ margin: 0 0 76px; position: relative; }
div.post div.thumbnail 			{ margin-bottom: 20px; }
/* BASIC TYPOGRAPHY
--------------------------------------------------------*/
p 								{ font-size: 1.3em; margin: 0 0 24px; }
h1 								{ font-size: 4.8em; color: #fff; }
h1 a 							{ display: block; margin: 40px 0 0 0; text-indent: -9999px; background: url(images/logo.png); width: 654px; height: 58px; }
span.f 							{ font-style: italic; }
span.click 						{ color: #777; font-size: 1.0em; position: absolute; bottom: 0; left: 0; }
/* FOOTER
--------------------------------------------------------*/
div#footer						{ background: url(images/divider-top.jpg) no-repeat top center; padding: 30px 20px 20px 20px; }
div#footer .col1				{ float: left; margin-right: 45px; width: 30%; }
div#footer .col2				{ float: left; width: 30%; }
div#footer .col3				{ float: right; width: 30%; }
div#footer h3					{ color: #fff; font-size: 1.6em; font-weight: 300; margin-bottom: 5px; }
div#footer ul					{ font-size: 1.2em; }
div#footer ul li				{ margin-bottom: 1px; }
div#footer ul li a				{ background: #181818; display:block; padding:5px 5px 5px 8px; }
div#footer ul li a:hover		{ background: #222; }
div#footer p 					{ clear: both; color: #999; font-size: 1.2em; margin-bottom: 0; padding-top: 30px; text-align: center; }
div#footer p a 					{ color: #777; }
div#footer p a:hover 			{ color: #888; }
div#footer p.me					{ padding: 0 5px 0 0; text-align: left; }
/* COMMENTS
--------------------------------------------------------*/
h3#comments, h3#respond 		{ color: #fff; line-height: 64px; }
div.author 						{ width: 250px; float: left; }
div.author cite 				{ font: italic 1.6em Georgia, serif; margin: 0 0 0 12px; }
div.author img 					{ position: relative; top: 10px; }
div.comment 					{ width: 300px; float: left; padding: 18px 0 0 0; }
textarea#comment 				{ width: 500px; }
ol.commentlist 					{ border-top: 1px solid #333; margin: 0 0 48px; }
ol.commentlist li 				{ border-bottom: 1px solid #333; padding: 12px 0 0; }
form input, form textarea 		{ margin: 0 12px 0; }
div.alignleft, div.alignright 	{ display: block; width: 40%; float: left; }
div.alignright 					{ float: right; text-align: right; }
div.alignleft a, div.alignright a { font-size: 1.8em; color: #777; }
div.alignleft a:hover, div.alignright a:hover { color: #999; }
/* STUFF
--------------------------------------------------------*/
#s								{ background: #222; border: 5px solid #777; color: #777; font-size: 2.3em; width: 400px;
								  margin: 20px 0 0 0; padding: 20px; }
#s:focus						{ background: #333; }
#searchsubmit					{ background: url(images/search-btn.png); border: none; height: 60px; outline: none; margin: 0 0 10px 10px; 
								  text-indent:-9999px; width: 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content-404					{ margin: 30px 0 ; }
#content-404 h2 				{ color: #fff; font-size: 6em; font-weight: bold; line-height: 1.2em; }
#content-404 p					{ margin: 0; }