/* HTML5 element reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* RESET ------------------------------- */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.5; }
body, button, input, select, textarea { font-family: sans-serif; color: #000; }

/* Selections */
::-moz-selection { background: #ff7800; color: #fff; text-shadow: none; }
::selection { background: #ff7800; color: #fff; text-shadow: none; }

/* Links */
a {
	border-bottom: 1px solid rgba(0,0,0,0.25);
	color: #000;
	text-decoration: none;
}
a:visited { color: #000; }
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists */
dd { margin: 0 0 0 2em; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }



/* BASE --------------------------------- */
body {
	background-color: #efefef;
	color: #4d4d4d;
	font: 15px/25px Georgia, 'Times New Roman', Times, sans-serif;
	text-align: center;
	-webkit-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5 {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
ul, ol { margin: 0; padding: 0 0 0 1.25em; }
li { margin: 1em 0 0; padding: 0 0 0 0.5em; }
#shell {
	margin: 0 auto;
	text-align: left;
	width: 740px;
}



/* HEADER ------------------------------- */
body > header {
	margin: 0 auto 20px;
	position: relative;
	width: 740px;
}
body > header h1 {
	background-color: #222;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 0;
	padding: 20px 50px;
	text-align: left;
	width: 500px;
}
body > header h1 span.amp {
	color: #fff;
	color: rgba(255,255,255,0.5);
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
body > header h1 a {
	color: #fff !important;
}
body > header p {
	bottom: 23px;
	color: #666;
	color: rgba(255,255,255,0.3);
	font-size: .85em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 190px;
	text-align: right;
	width: 230px;
}



/* FOOTER ------------------------------- */
body > footer {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 740px;
}
body > footer .colophon {
	float: left;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	padding: 18px 0 0 20px;
	text-align: left;
	width: 120px;
}
body > footer .colophon p {
	color: #ccc;
	color: rgba(0,0,0,0.5);
	margin: 10px 0 13px;
}
body > footer nav {
	background-color: #222;
	color: #fff;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 20px 50px;
	text-align: left;
	width: 500px;
}
body > footer nav div {
	float: left;
	margin: 0 0 0 25px;
	width: 175px;
}
body > footer nav li {
	line-height: 1em;
	margin: 0;
	padding: 10px 0 0;
}
body > footer nav li:first-child { padding: 5px 0 0; }
body > footer nav div.misc {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: -5px 0 0 50px;
	text-align: right;
	width: 75px;
}
body > footer nav div.misc li {
	padding: 13px 0 0;
}
body > footer nav div:first-child { margin: 0; }
body > footer .misc a {
	color: #666;
	color: rgba(255,255,255,0.3);
}
body > footer .misc a:hover {
	color: #fff;
}



/* ARTICLES ----------------------------- */
blockquote {
	border-left: 10px solid #e3e3e3;
	border-left: 10px solid rgba(0,0,0,0.11);
	margin: 1em 0 0;
	padding: 0 0 0 1.25em;
}
blockquote p:first-child {
	padding: 0 !important;
}
blockquote.pullquote {
	border: none;
	color: #bbb;
	float: left;
	font-size: 1.25em;
	font-style: italic;
	margin: 15px 7% 5px 0;
	padding: 0;
	width: 50%;
}
blockquote.pullquote.right {
	float: right;
	margin: 15px 0 5px 7%;
}
article {
	margin: 0 0 20px;
	position: relative;
	width: 740px;
}
article > section {
	background-color: #fff;
	padding: 30px 50px 20px;
	width: 500px;
}
article > footer {
	background-color: #dedede;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	padding: 1.5em 20px;
	position: absolute;
	right: 0;
	top: 25px;
	width: 100px;
}
article > footer strong { display: inline-block; font-size: 14px; padding-left: 1px; }
article > footer p {
	margin: 0;
	padding: 0.75em 0 0;
}
article > footer p:first-child { padding: 0; }
article > footer a:hover {
	color: #fff !important;
}
article > footer ul {
	border-top: 1px dotted rgba(0,0,0,0.25);
	list-style: none;
	margin: 1em 0 0;
	padding: 3px 0 0;
}
article > footer ul li {
	line-height: 1em;
	margin: 0;
	padding: 0.75em 0 0;
}
article > section > header h1 {
	font-size: 1.5em;
	padding: 0 0 .5em;
}
article > section > h2,
article > section > h3,
article > section > h4 {
	padding: 1em 0 0;
}
article > section p {
	margin: 0;
	padding: 1em 0 0;
}
.footnotes {
	border-top: 1px dotted rgba(0,0,0,0.25);
	color: rgba(0,0,0,0.5);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 2em 0 0;
	padding: 0.75em 0 0;
}



/* COMMENTS ----------------------------- */
#comments header {
	background-color: #222;
	color: #fff;
	margin: 0 0 5px;
	overflow: hidden;
	padding: 5px 50px;
	width: 500px;
}
#comments header p {
	float: right;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
#comments header p a {
	color: #666;
	color: rgba(255,255,255,0.3);
}
#comments header p a:hover {
	color: #fff;
}
.comment-row {
	background: #ddd url(../imgs/comment_meta_wash.png) top right repeat-y;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 5px;
	overflow: hidden;
	width: 600px;
}
.comment-meta {
	float: right;
	font-size: 10px;
	padding: 5px 5px 5px 15px;
	width: 160px;
}
.comment-meta .author {
	font-size: 12px;
	font-weight: bold;
}
.comment-message {
	float: left;
	padding: 5px 50px;
	width: 320px;
}
.comment-message a {
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.comment-row a:hover {
	background-color: #222;
	color: #fff;
}
.comment-meta a:hover {
	background-color: transparent;
	color: #fff;
}
.comment-approval {
	background-color: #aaa;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1em;
	margin: -5px 0 5px;
	padding: 5px 50px;
	width: 500px;
}
.comment-approval a {
	border: none;
	display: inline-block;
	font-weight: bold;
	margin: 0 2em 0 0;
}
.comment-approval a:hover { color: #fff; }
#comments-form {
	background-color: #ddd;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 20px;
	padding: 25px 50px 20px;
	width: 500px;
}
#comments-form .message {
	padding: 0 0 25px;
}
#comments-form .message h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#comments-form .message p {
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#comments-form .form-row {
	display: block;
	margin: 0 0 5px;
	overflow: hidden;
	width: 500px;
}
#comments-form .form-row p {
	color: #999;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.33em;
	margin: 5px 0;
	padding: 0 10px 0 135px;
	width: 355px;
}
#comments-form label {
	background-color: #ccc;
	cursor: default;
	display: block;
	float: left;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin: 0 5px 0 0;
	padding: 0 5px;
	width: 110px;
}
#comments-form .message h3.error {
	color: #c00;
}
#comments-form label.error {
	background-color: #c00;
	color: #fff;
}
#comments-form input[type=text],
#comments-form input[type=email],
#comments-form input[type=url],
#comments-form textarea {
	background: #fff;
	border: 1px solid #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	padding: 4px 10px;
	width: 353px;
}
#comments-form textarea {
	height: 110px;
	line-height: 18px;
	max-width: 353px;
}
#comments-form input:focus,
#comments-form textarea:focus {
	border: 1px solid #aaa;
	outline: none;
}
#comments-form .security label.security {
	background-color: #222;
	color: #fff;
	padding: 0 10px;
	width: 220px;
}
#comments-form .security input {
	width: 108px;
}
#comments-form label span {
	color: #999;
	display: inline-block;
	font-family: Georgia, 'Times New Roman', Times, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 1em;
}
#comments-form input.submitbtn {
	background: #ccc;
	border: none;
	color: #333;
	cursor: pointer;
	display: block;
	float: none;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 0 125px;
	padding: 5px 10px;
}






/* POST LIST ---------------------------- */
nav.postslist {
	margin: 0 0 20px;
	overflow: hidden;
	width: 600px;
}
nav.postslist .column {
	float: left;
	margin: 0 0 0 2px;
	width: 299px;
}
nav.postslist .column.full {
	margin: 0;
	width: 600px;
}
nav.postslist .column:first-child { margin: 0; }
nav.postslist .column h4 {
	margin: 0;
	padding: 0 50px;
}
nav.postslist .column li { margin: 0; padding: 0; }
nav.postslist .column.full li {
	background-color: #ccc;
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	width: 299px;
}
nav.postslist .column.full li:nth-child(2n){
	margin: 0 0 2px 0;
}
nav.postslist .column li > span {
	color: #ccc;
	padding: 5px 20px 5px 50px;
}
nav.postslist .column li a {
	display: block;
	line-height: 1em;
	margin: 2px 0 0;
	padding: 5px 20px 5px 50px;
}
nav.postslist .column.full li a { margin: 0; }
nav.postslist .column li a span {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 1em;
	margin: 0 0 5px;
	opacity: 0.33;
}
nav.postslist .column li a:hover span {
	opacity: 0.66;
}
nav.postslist .column.full a:hover {
	background-color: #222;
	color: #fff;
}


/* TWITTER LIST ------------------------- */
.twitterlist { list-style: none; margin: 0; padding: 0; }
.twitterlist li {
	background-color: #fff;
	margin: 0 0 10px;
	padding: 10px 20px;
}
.twitterlist p {
	margin: 0;
	padding: 0;
}
.twitterlist p small {
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.twitterlist p small a {
	color: #999;
	text-decoration: none;
}
.twitterlist p small a:hover {
	color: #000;
}


/* MISC --------------------------------- */
#toolbar {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 20px;
	padding: 20px 50px;
	width: 500px;
}
body > header h1 a,
article > section > header h1 a,
article > footer a,
.comment-meta a,
nav.postslist .column ul a { border: none; }

.columns-2 {
	margin: 0 0 20px;
	overflow: hidden;
	width: 600px;
}
.columns-2 .column {
	float: left;
	margin: 0 0 0 10px;
	width: 295px;
}
.columns-2 .column:first-child { margin: 0; }
.columns-2 .column h3 {
	line-height: 1.2em;
	padding: 0 20px .5em;
}
.columns-2 .column h3 a { border: none; }



/* IPHONE ------------------------------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#shell,
	body > header,
	body > footer,
	article {
		width: 600px;
	}
	article {
		font-size: 1.5em;
	}
	blockquote.pullquote {
		font-size: 1em;
		line-height: 25px;
		margin-top: 23px;
		padding: 7px 0 10px;
	}
	article > footer {
		background: transparent url(../imgs/comment_meta_wash.png) top right repeat-y;
		left: 0;
		overflow: hidden;
		position: relative;
		padding: 0;
		top: 0;
		width: 600px;
	}
	article > footer p {
		float: left;
		margin: 0;
		position: relative;
		padding: 15px 50px 15px 25px;
		width: 135px;
	}
	article > footer p:first-child {
		padding: 15px 25px 15px 50px;
		width: 135px;
	}
	article > footer ul {
		border: none;
		float: left;
		margin: 0;
		padding: 0.25em 15px 15px;
		width: 150px;
	}
}