body, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, ul { margin: 0; padding: 0; }
a { border-bottom: 1px dotted #000; color: #000; text-decoration: none; }
* html a { border-bottom: 1px solid #999; }
a:hover { border-bottom: 2px solid #F60; }
body {
	background: #333;
	color: #000;
	font: normal 12px Arial, serif;
	text-align: center;
	}

code {
	font-family: Monaco, 'Courier New', Courier;
	color: #000;
}
pre {
	background: #F3F3F3;
	font-size: 12px;
	padding: 1em;
}
pre div.s { height: 0.5em; }

#page { background: #FFF; margin: 0 auto; padding: 1em 0; text-align: left; width: 50em; }

#header h1 {
	float: left;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.3px;
	margin-right: 12px;
	padding: 0 1em;
	text-transform: uppercase;
	}
#header h1 a { border: 0; }
#header ul { float: left; list-style: none; }
#header ul li { float: left; margin-right: 6px; padding-top: 4px; }
#header ul li.active { background: #000; margin-top: -2px; padding: 6px 6px 18px; }
#header ul li.active a { border-color: #FFF; color: #FFF; }

#content { clear: both; }
#content h2 {
	background: #000;
	border-top: 0.1em solid #F60;
	border-bottom: 0.1em dashed #FFF;
	color: #FFF;
	font-size: 32px;
	letter-spacing: -1px;
	padding: 0.3em 0.5em 0.6em 0.5em;
	}
#content h2 a { border-color: #FFF; color: #FFF; }
#content h2 a:hover { border-color: #F60; color: #F60; }

/* ARCHIVES */
body.archive #content div.year { border-top: 1px solid #CCC; clear: both; margin-top: 1em; padding: 0 1em; }
body.archive #content div.year h3 { color: #CCC; font-size: 36px; }
body.archive #content div.months { float: left; padding: 0 1em; }
body.archive #content div.months div.month { float: left; margin-bottom: 1em; margin-right: 2em; }
body.archive #content div.months div.month h4 { font-size: 16px; }
body.archive #content div.months div.month ul { font-size: 13px; list-style: none; }
body.archive #content div.tags { clear: both; margin: 2em 0; height: 10px; }

/* PAGES */
#content .page_content p { font-size: 14px; line-height: 1.4; margin: 1em 1.2em; }

/* POSTS */
#content .post { font-size: 14px; position: relative; }
#content .post .picture { background: #000; padding: 1.4em; }
#content .post .picture a { border: 0; }
#content .post .picture a img { border: 0; }
#content .post h2 { border-bottom: 0; padding: 0.3em 0.5em 0.1em; }
#content .post h3 {
	background: #000;
	border-bottom: 0.2em dashed #FFF;
	color: #BBB;
	font-family: "Lucida Grande", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 1.5em 1em;
	}
#content .post h3 .tags a { border-color: #FFF; color: #FFF; font-size: 11px; }
#content .post h3 .tags a:hover { border-color: #F60; color: #F60; }
#content .post .body { line-height: 1.4; margin: 0.5em 0 1.5em 0; padding: 0 1.2em; }
#content .post .body blockquote {
	border-left: 1px solid #CCC;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	margin-left: 1em;
	padding-left: 1em;
	}
#content .post .body h3 {
	background: none;
	border-bottom: 1px solid #CCC;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 18px;
	letter-spacing: -0.5px;
	margin-top: 1em;
	padding: 0;
	}
#content .post .body blockquote cite { font-size: 14px; }
#content .post .body p { margin: 1em 0; }
#content .post .body ol,
#content .post .body ul {
	padding-left: 3em;
	}
#content .post .comments {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	position: absolute;
	top: 3.7em;
	right: 1em;
	}
* html #content .post .comments { top: 4.5em; }
#content .post .comments a { border: 0; color: #FFF; text-decoration: underline; }
#content .post .comments a:hover { font-weight: bold; }

#content .post.compact { position: relative; }
#content .post.compact h2 { background: none; border-top: 1px solid #F60; margin-top: 2em; }
#content .post.compact h2 a { color: #000; }
#content .post.compact h3 { background: none; border: 0; color: #999; }
#content .post.compact h3 a { color: #000; }
#content .post.compact h3 .tags a { color: #000; }
#content .post.compact .comments { top: 3.5em; }
* html #content .post.compact .comments { top: 3.5em; }
#content .post.compact .comments a { color: #000; }


#content #comments { margin-top: 4em; }
#content #comments h3 { background: #000; color: #FFF; font-size: 18px; letter-spacing: -1px; padding: 0.5em 0.7em; position: relative; }
#content #comments h3 a { border: 0; color: #F70; font-size: 12px; letter-spacing: 0; position: absolute; text-decoration: underline; top: 1em; right: 1em; }
#content #comments h3 a:hover { color: #FFF; }
#content #comments .comment { background: #F6F6F6; margin: 1em 0; padding: 1em; }
#content #comments .comment.author_comment { background: #E6E6E6; }
#content #comments .comment blockquote { display: block; margin: 0; padding: 0; }
#content #comments .comment blockquote p { display: block; font-size: 12px; margin-bottom: 0.7em; }
#content #comments .comment blockquote cite { display: block; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 11px; margin-top: 0.5em; }
#content #comments .comment blockquote cite .author { font-weight: bold; }
#content #comments form fieldset { border: 0; border-top: 1px solid #CCC; margin-top: 2em; padding: 1em; }
#content #comments form fieldset legend { font-size: 16px; font-weight: bold; padding: 0 0.5em; }
#content #comments form fieldset div { margin-bottom: 0.3em; }
#content #comments form fieldset div label { display: block; float: left; padding-right: 1em; text-align: right; width: 5em; }
#content #comments form fieldset div span textarea#comment_body_raw { width: 25em; height: 15em; }
#content #comments form div.submit { background: #F6F6F6; padding: 0.7em; padding-left: 7em; }

#footer {
	border-top: 1px solid #DDD;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	margin-top: 2em;
	padding-left: 14em;
	padding-right: 1em;
	padding-top: 1em;
	position: relative;
	}
body.home #footer { margin-top: 0; }
#footer .hr {
	border-right: 1px solid #EEE;
	height: 7em;
	left: 0;
	position: absolute;
	top: 0;
	width: 12.5em;
	}
#footer .hr hr { display: none; }
#footer h3 { left: 1em; position: absolute; z-index: 1; }
#footer p { color: #666; display: inline; line-height: 1.5em; margin-right: 0.3em; }
#footer p a { border-color: #666; color: #666; }
#footer p a:hover { border-color: #000; color: #000; }
#footer p .flickr { font-family: Arial, sans-serif; font-weight: bold }
#footer p .flickr .flick { color: #1d74e0; }
#footer p .flickr .r { color: #ff0184; }
#footer .email {
	font-size: 11px;
	left: 1em;
	position: absolute;
	top: 2.9em;
	z-index: 1;
	}

/*
body {
	font: normal 14px/22px Helvetica, Arial, Helvetica, Sans-serif;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	background-color: #273d4a;
	text-align: center;
}

#box {
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 18px 0px 4px 18px;
	background-color: #fff;
	text-align: left;
    width: 780px;
}
html>body #box {
	width: 90%;
	max-width: 820px;
	padding-right: 18px;
}
#content {
    width: 486px;
	float: left;
	margin-top: 18px;
	margin-right: 18px;
}
html>body #content {
    width: 502px;
}
#sidebar {
    float: left;
    width: 244px;
    background-color: #f0f0f0;
	padding: 18px 18px 2px 18px;
	margin-top: 18px;
	color: #777;
}
html>body #sidebar {
    width: 260px;
    padding-top: 2px;
}
#footer {
	clear: both;
	font-size: 11px;
	color: #777;
	padding-top: 10px;
}
#tags, #authors, #search, #search_results {
	display: none;
}

#search, #search_results {
	padding-bottom: 6px;
}
input[id=q],
#login input[type=text],
#login input[type=password] {
	font: normal 12px Arial, Verdana, Sans-serif;
	padding: 2px;
	width: 250px;
	color: #48453c;
}
input[id=q] {
    width: 170px;
}
#results {
	display: inline;
}
#results ol li {
	padding-bottom: 3px;
}

.item_tags {
    clear: both;
}
table#comment_form {
    margin-top: 10px;
}
table#comment_form td {
    padding: 2px 2px 2px 0;
}
table#comment_form td.labels {
    width: 130px;
}
#comments h4 { }
#comments .comment_content {
    margin-top: 16px;
    width: auto;
}
#comments .approval_required {
    color: #209d20;
    font-size: 12px;
    padding: 10px;
	border: 1px solid #209d20;
}
#comments .comment {
	width: 100%;
	clear: both;
}
#comments .comment_author {
	font-weight: bold;
}
#comments .comment_details {
	margin-bottom: -10px;
	font-size: 12px;
	color: gray;
}
#comments .gravatar {
	float: right;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 4px 6px 0 0;
	border: 1px solid #777;
	background: #fff url(../images/default_gravatar.gif) no-repeat top left;
}
#comments h3#post {
	clear: both;
	padding-top: 30px;
}

#masthead {
    padding: 24px 18px 13px 18px;
	margin: -18px -18px 0 -18px;
	background-color: #348fbc;
}
h1 {
	font-size: 32px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
h2, h3, h4 {
    margin: 0;
    padding: 0;
}
h2 {
	font-size: 12px;
	padding-top: 2px;
	color: #93c5de;
	font-weight: normal;
}
h3 {
    font-size: 20px;
}
h4, .item_meta {
    font-size: 12px;
    color: #777;
    font-weight: normal;
}
.item_meta {
    padding-bottom: 40px;
}

a {
	background-color: #f0f0f0;
	padding: 2px 3px;
	margin: 0 -2px;
	color: #2B7598;
}
a:hover {
	color: #000;
}
h1 a, h1 a:hover {
    color: #fff;
    text-decoration: none;
    background: none;
    padding: 0;
    margin: 0;
}
h1 a:hover {
    color: #fff;
    text-decoration: underline;
}

br {
	clear: both;
}
*/
/*blockquote {
	color: #000;
}
.ror_error {
	font-size: 10px;
	color: red;
}
#comments .errorExplanation {
    font-size: 12px;
    line-height: 16px;
    color: #bd0200;
    padding: 10px;
	border: 1px solid #bd0200;
	margin: 5px 0;
	background-color: #fffaf9;
}
#comments .errorExplanation h2 {
	font-size: 14px;
	margin-top: 0;
	color: #bd0200;
	font-weight: bold;
}
#comments .errorExplanation ul {
	margin: 0;
}

#warn_bad_browsers {
	padding: 8px;
	background-color: #990000;
	width: 100%;
	margin: 0;
	font-size: 11px;
	color: #fff;
	border-bottom: 1px solid #000;
}
#warn_bad_browsers b {
	font-weight: bold;
}
*/