@import url(http://fonts.googleapis.com/css?family=Cantarell);
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
.clearfix {
	display: inline-block;
	*zoom: 1;
	*display: block; }
 
header, footer, aside, nav, article { display: block; }
 
body {
	text-align: left;
	direction: ltr;
	color: #000;
	font-family: 'Cantarell', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 14px;
	background: #f2f2f2; }
 
p { line-height: 1.75em }
 
a:link, a:active {
	color: #31639F;
	text-decoration: none; }
 
a:hover, a:visited { color: #297CDF; }
 
a:visited { text-decoration: none }
 
a:hover { text-decoration: underline; }
 
h1, h2, h3 {
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: normal; }
 
h2 { font-size: 1.3em; }
 
h1.logo { font-size: 2em; }
 
	h1.logo a {
		text-decoration: none;
		color: #f2f2f2; }
 
h2 {
	font-family: 'Cantarell', sans-serif;
	color: #34beda;
	font-size: 1.5em;
	margin: 0 0 0.9em;
	color: #34beda; }
 
	h2 a { color: #34beda !important; }
 
h3, h4 {
	font-size: 1.25em;
	margin: 1.5em 0 .75em 0;
	color: #dd6703; }
 
#wrapper, .index #shawn-cook-header {
	width: 960px;
	margin: 0 auto; }
 
#header-wrapper {
	width: 100%;
	margin: 0 0 1.5em 0;
	text-align: center;
	background: #35424a;
	border-bottom: 1px solid #2c373d; }
 
#shawn-cook-header {
	text-align: left;
	width: 100%; }
 
	#shawn-cook-header h1 {
		width: 900px;
		margin: .7em auto .35em auto;
		font-size: 1.5em;
		text-shadow: #000 1px 2px 2px; }
 
		#shawn-cook-header h1 a:before { content: "← "; }
 
.index #shawn-cook-header h1 {
	margin: 2em 0 .5em 1.25em;
	font-size: 2em; }
 
	.index #shawn-cook-header h1 a:before { content: ""; }
 
nav > ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }
 
#main {
	float: right;
	margin: 2.5em 1em 0 0; }
 
	#main ul li {
		float: left;
		margin-left: .25em; }
 
		#main ul li a {
			font-size: 1.15em;
			text-decoration: none; }
 
			#main ul li a:link, nav#main ul li a:visited {
				color: #5A5273;
				display: block;
				padding: 1em 1.5em; }
 
			#main ul li a.selected, nav#main ul li a.selected:hover {
				background-color: #A5DE97;
				color: #000;
				text-decoration: none; }
 
			#main ul li a:active, nav#main ul li a:hover {
				background-color: #A5DE97;
				color: #271F2E;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px; }
 
#container { clear: both; }
 
.item {
	padding: 1.75em 2.5em .85em 2.5em !important;
	margin: 0 0 20px 0;
	display: block !important;
	float: none;
	background-color: transparent;
	color: #3B3C31; }
 
	.item:last-child { margin: 0; }
 
	.item > ul {
		list-style-type: disc;
		margin: 0 0 0 1em;
		margin-bottom: 2em; }
 
	.item > p, .item > .body > p { margin-bottom: 1.25em; }
 
	.item > p:last-child { margin-bottom: 0; }
 
	.item > h2:first-child { margin-bottom: .5em }
 
.blog-updates ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none; }
 
.blog-updates > ul > li { margin-bottom: .5em; }
 
	.blog-updates > ul > li > h5 {
		margin-bottom: .25em;
		font-weight: normal; }
 
.blog-updates .alt {
	text-align: right;
	font-size: .9em; }
 
.social-networks {
	margin: 0;
	padding: 0; }
 
	.social-networks li {
		margin: 0 1em .5em 0;
		list-style-type: none; }
 
		.social-networks li img {
			float: left;
			margin-right: 5px; }
 
.blogroll {
	margin: 0 0 0 1.75em;
	padding: 0; }
 
.about-me {
	clear: both;
	border-bottom: 1px dashed #BFBAA7;
	margin-bottom: 1.5em !important;
	padding-bottom: 2.5em !important; }
 
	.about-me h2 { display: none; }
 
.publish-date, .post-details {
	color: #AFAB99;
	font-size: 80%;
	text-transform: uppercase; }
 
.publish-date {
	font-size: 85%;
	color: #AFAB99; }
 
a.publish-date {
	text-decoration: none;
	color: #AFAB99 !important; }
 
blockquote {
	margin: 10px;
	padding: 1.5em;
	margin: 0 0 1.5em 0; }
 
	blockquote > p:last-child { margin-bottom: 0; }
 
.tease {
	font-size: 140%;
	font-style: italic;
	text-align: left;
	color: #BFA377;
	margin: 1em 0 !important; }
	
	.tease a { color: #8F7347; }
 
footer {
	width: 100%;
	clear: both;
	color: #AFAB99;
	display: block;
	margin: .75em 0 0 0;
	padding: 0 0 2em 0;
	font-size: 85%; }
 
	footer a { color: #AFAB99 !important; }
 
	footer p { margin-bottom: .25em; }
 
	footer nav { text-align: center; }
 
		footer nav ul {
			margin: 0 auto;
			text-align: left; }
 
			footer nav ul li {
				float: left;
				padding: .25em .75em; }
 
section#col-1 {
	float: left;
	margin-right: 20px;
	width: 350px; }
 
section#col-2 {
	float: left;
	margin-right: 20px;
	width: 175px; }
 
section#col-3 {
	float: left;
	width: 185px; }
 
.pagination {
	text-align: center;
	padding: 3px 0;
	font-size: 1.3em;
	margin: 0 0 10px 0; }
 
	.pagination .page { margin: 0 3px; }
	
	.pagination span { color: #DFDFDF; }
	
	.pagination a { color: #AFAB99; text-decoration: none; }
	
		.pagination a:hover { color: #8F896B; }
	
	.pagination a.next, .pagination a.prev { 
		background: #AFAB99; 
		color: #F2F2F2; 
		font-weight: bold;
		padding: 0px 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; }
		
		.pagination a.next:hover, .pagination a.prev:hover { 
			background: #8F896B; 
			color: #F2F2F2; }
	
.tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; }