/* @group reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	color: #665950;
	font: 14px/1.7413 "Museo Sans 300", Arial, 'Helvetica Neue', Helvetica, sans-serif; /* Baseline: 24px */
	font-weight:300;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
	position: relative;
}

ul {
	list-style: none;
}

img {
	display: block;
	max-width: 100%;
}

/* @end reset */

/* @group typography */

/* @group headings */

h1 {
	font: 3.4286em/1 "Museo Slab 700", Rockwell, Georgia, serif; /* 48px/48px */
	font-weight: 700;
	font-style:normal;
	letter-spacing: -1px;
	text-rendering: optimizelegibility;
	padding: 0.0833em 0 0.4167em; /* 4px 0 20px */
}

h1 .date {
	font-family: "Museo Slab 300", Rockwell, Georgia, serif;
	font-weight:300;
	font-style:normal; 

}

h2 {
	font: bold 1.5em/1.1429 "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 21px/24px */
	font-size-adjust: 0.53;
	letter-spacing: -0.0238em;
	margin: 1.5238em 0  0.3810em; /* 24px 0 8px */
}


h3 {
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 1em 0 0.5em; /* 16px 0 8px */
}

h4 {
	font-size: 1em; /* 14px */
	line-height: 1.1429; /* 16px */
	margin: 0 0 0.5714em 0; /* 0 0 8px 0 */
}

h5, h6 {
	font-size: 1em; /* 14px */
}

/* @end headings */

/* @group prose */

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin-bottom: 1.1429em; /* 16px */
}

.article h1+p {
	font-family:"Museo Sans 700", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight:700;
	font-style:normal; 
}

blockquote {
	margin: 0.5em 0 0.5em 2.25em; /* 8px 0 16px 36px */
}

/*blockquote p {
	font-size: 1.1429em;
	line-height: 1.5;
	margin: 0.5em 0 0.5em 2.25em; /* 8px 0 16px 36px */
}*/


/* @end prose */

/* @group lists */

ol li {
	list-style-type: decimal;
	margin-left: 2.077em; /* 27px */
}

ul li {
	list-style: square;
	margin-left: 2.077em; /* 27px */
}

dt {
	font-weight: bold;
	margin-top: 1.1429em; /* 18px */
}

/* @end lists */

/* @group links */

a:link,
a:link *,
a:visited,
a:visited * {
	color: #17A;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
}

a:hover,
a:hover *,
a:focus,
a:focus * {
	color: #058; 
	font-weight: bold;
	text-decoration: none;
}

a:active,
a:active * {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}

h1 a:link,
h1 a:visited {
	color: #665950;
}


/* @end links */

/* @group inline */

abbr {
	font-size: 0.8571em; /* 12px */
	font-weight: lighter;
	line-height: 90%;
	letter-spacing: 1px;
}

em {
	font: italic 1em/95% Georgia, Times, "Times New Roman", serif;
}

strong {
	line-height: 90%;
	color: #5C5046;
}

code,
kbd,
samp,
var {
	color: #603;
	font: 1em/90% Consolas, "Lucida Console", Monaco, monospace;
}

var {
	color: #306;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before { content: open-quote; }
q:after { content: close-quote; }

/* @end inline */

/* @end typography */


/* @group forms */

input,
textarea,
select,
button {
	color: #665950;
	font-family: inherit;
	line-height: 1.7413; /* 24px */
	font-size: 1em;
}

textarea,
input[type="text"], 
select {
	border: 1px solid #CCCAC8;
	-moz-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	-webkit-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
}




/* @end forms */

/* @group layout styles */

html {
	border-top: 8px solid #665950;
	border-bottom: 8px solid #665950;
}

body {
	width: 50em;
}

/* @group #nav */

#nav {
	float: left;
	margin-top: 1em;
	width: 100%;
	/*padding-top:0.5em;
	border-top: 2px solid #665950;
	border-bottom: 2px solid #665950;*/
}

#nav ul {
	float: left;
}

#nav li {
	list-style: none;
	display: inline;
	margin: 0 1em 0 0;
}

#nav form {
	float: right;
}

#nav label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


#nav input {
	line-height: 1;
}

#nav button {
	font-size: 0.9em;
	line-height: 1.4;
}


/* @end #nav */


/* @group #header */

#header {
	clear:both;
	margin-bottom: 10em;
}


#logo {
	font: 6em/1 "Museo Slab 900", Rockwell, Georgia, serif; /* 48px/48px */
	font-weight: 800;
	font-style:normal;
	padding-top:0.1em;
}

/* @end #header */

/* @group #content */

#content {
	clear: both;
}

.article {
	margin-bottom: 6em;
}

.posted, .comments {
float: left;
}

.tweet {
float: right;
}

.ad {
clear: both;	
margin-top: 4em;
}

.posted a {
display: block;
float: right;
}

/* @end #content */


/* @group #footer */

#bio {
	font-family:"Museo Slab 100 Italic", Rockwell, Georgia, serif; font-weight:normal; font-style:italic;
}

#bio img {
	float: left;
	padding: 0 4px 4px 0;
}

#footer .feed {
	background: url(/images/feed-16x16.png) no-repeat 0 0;
	padding-left: 20px;
}

#footer .twitter {
	background: url(/images/twitter-16x16.png) no-repeat 0 0;
	padding-left: 20px;
}


/* @end #footer */


/* @end layout styles */



ul.archive {
	display: block;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}



/* @group comment form */

input#author, input#email, input#url, textarea#text {
width: 30em;
}

/* @end comment form */


.andy {
	float: left;
	padding: 0 4px 4px 0;
}