body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
body{margin: 0px; text-align: center; font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #666; background-color: #f5f5eb;}
header, footer, nav, article, section, aside, time{display:block;}
#container{width: 940px; margin:0px auto; text-align: left; padding: 20px; background: #f5f5eb url(../images/bg-hero.jpg) 50% 0% no-repeat;}
#hero{height: 410px; width:100%;}
a{color: #993333;}
a:hover{color: #000;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}
p{line-height: 1.4em; margin: 3px 0px 10px 0px;}
.wrapper{width:100%; overflow: hidden;}
#a-nav{width:100%; overflow: hidden;}
li.left{float: left; display: inline; margin-right: 15px;}
li.right{float: right; display: inline; margin-left: 15px;}
#a-nav li a{display: block; height: 16px; font-size:11px; padding-top:4px; color: #993333;}
li.right a{padding-left:20px;}
.twitter{background: transparent url(../images/icon-twitter.gif) left center no-repeat;}
.flickr{background: transparent url(../images/icon-flickr.gif) left center no-repeat;}
.delicious{background: transparent url(../images/icon-delicious.gif) left center no-repeat;}
.rss{background: transparent url(../images/icon-rss.gif) left center no-repeat;}
.large-col{float: left; display: inline; width: 620px;}
.small-col{float: right; display: inline; width: 300px;}
.heading{padding: 0px 0px 15px 0px; background: transparent url(../images/dots.gif) bottom left repeat-x; margin-bottom: 10px; width:100%; overflow: hidden; line-height:1.4em;}
.heading strong{font-family: Georgia; font-size: 14px; font-style: italic; float: left; margin-right: 20px; color: #473e3e; font-weight: normal; line-height: 1.0em;}
.heading .pagination{float: left; display: inline; font-size: 11px; padding-top: 0px; margin-right:12px;}
.heading .pagination span, .heading .pagination a{margin-right: 20px;}
a.rss{float: left; background: transparent url(../images/icon-rss.gif) left center no-repeat; font-size: 11px; padding: 0px 0px 0px 20px; display: block; height: 16px; color: #993333;}
a.rss:hover{color: #000;}
article{padding: 0px 0px 15px 0px;}
h3{font-family: Georgia; font-size: 28px; font-style: italic; color: #3b8192; margin-bottom: 10px; text-shadow: 1px 1px 1px #77776C; font-weight: bold;}
time.date, p.date{font-size: 11px;color: #473e3e; margin-bottom: 10px;}
.content p:first-child{text-indent: 30px;}
ul.actions{padding: 15px 0px;background: transparent url(../images/dots.gif) bottom left repeat-x; margin-bottom: 10px;}
ul.actions.nb{background:none; padding-bottom:10px;}
ul.actions li{float: left; margin-right: 20px;}
ul.actions li a{font-size: 11px;}
ul.actions a.comment{height: 14px; display:block; padding-left: 20px; background: transparent url(../images/icon-comment.gif) left center no-repeat; padding-top:2px;}
ul.actions a.permalink{height: 14px; padding-top:2px; display:block; padding-left: 20px; background: transparent url(../images/icon-permalink.gif) left center no-repeat;}
ul.actions a.digg{height: 14px; padding-top:2px; display:block; padding-left: 20px; background: transparent url(../images/icon-digg.gif) left center no-repeat;}
.posted-in img{vertical-align: bottom; margin-right: 3px;}
.posted-in{font-size:11px;}
#work{clear:both; margin-top:10px; width:100%; overflow:hidden;}
#work a{float: left; display: block; width: 310px;}
#work a.m{margin-right: 5px;}
#search{padding: 0px 0px 10px 0px; background: transparent url(../images/dots.gif) bottom left repeat-x; margin-bottom: 10px; height:22px;}
#search p{margin:0;}
#q{border: 1px solid #333; height: 13px; padding: 3px 2px; vertical-align: middle;}
#btn-search{vertical-align: middle;margin:1px 0px 0px 5px; padding:0; border:0; background: transparent url(../images/btn-search.gif) left top no-repeat; width: 86px; height:22px; cursor: pointer;}
#btn-search:hover{background-position: left bottom;}
.heading.no-border{background:none;}
.small-col .heading strong{line-height:1.0em}
p.recent-posts{margin-bottom:20px;}
.small-col .heading a{line-height:1.6em; padding: 3px 0px 0px 0px; font-size: 11px;}
.small-col .heading a.twitter{padding-left: 20px;}
ul.recent{width:100%;background-color: #f5f5eb; padding-top: 10px;}
ul.recent li{padding: 10px; border-bottom: 1px solid #d6d5d2;}
ul.recent li.category{background-color: #d7e9f1;}
ul.recent li a.category{font-size: 11px; color: #4c6870;}
ul.recent li a.post{font-size: 12px; color: #473e3e; font-family: Georgia;}
.tweet{color: #473e3e; padding:0; background-color: #edeadb; padding: 10px 10px 5px 10px;}
.tweet time.date{margin-bottom: 5px; color: #473e3e;}
.heading.wrapper.nb.nm{margin-bottom:0;background:none;}
.heading.wrapper.search a, .heading.wrapper.search span{margin-right: 5px;}
.result{background: transparent url(../images/dots.gif) bottom left repeat-x; margin-bottom: 10px; padding: 10px 0px 20px 0px;}
.result .highlight{background-color: #fae959;}
h3 a{color: #3b8192; text-decoration: none;}
.tweet > p:first-child{margin-bottom:0;}
#comment-wrapper, #add-comment{border-top: 1px solid #bbbab5; background-color: #edeadb; padding: 15px; width: 590px;}
#add-comment{margin-bottom: 15px; border-color: #d6d5d2;}
#comment-wrapper section, #add-comment section{margin-bottom:0; padding:0; background-image: none;}
#comment-wrapper section.heading, #add-comment section.heading{margin-bottom: 10px;}
#comment-wrapper dt, #add-comment dt{float: left; width: 100px; margin-right: 20px; display: inline;margin-bottom: 5px;}
#comment-wrapper dd, #add-comment dd{float: left; width: 470px; display: inline;margin-bottom: 5px; color: #000;}
#comment-wrapper dd p{margin: 0px 0px 8px 0px;}
 #comment-wrapper dl{padding-bottom: 10px; margin-bottom:10px;}
#add-comment dt{text-align: right; margin-bottom: 5px;}
#add-comment #email-lbl, #add-comment #email{display: none;}
#comment_content{width: 460px; padding: 4px; border: 1px solid #999999; height: 80px;}
#add-comment input.tf{width: 250px; padding:2px; border: 1px solid #999999;}
#btn-add{vertical-align: middle;margin:1px 0px 0px 0px; padding:0; border:0; background: transparent url(../images/btn-add-comment.gif) left top no-repeat; width: 85px; height:22px; cursor: pointer;}
#btn-add:hover{background-position: left bottom;}
.content ol, .content ul{margin-bottom: 10px}
blockquote{font-size:20px;font-weight:bold;color: #333;text-align: center;font-family: Arial, Verdana, sans-serif;margin-top:10px;margin-bottom:10px;}
.content ul li{list-style-type: disc; list-style-position:outside; margin-left: 25px;}
.content ol{list-style-type: decimal; list-style-position: outside;}
.content ol li{margin-left: 25px;}
  div.code{ width: 620px; overflow-x:scroll}
pre.textmate-source {margin: 0; padding: 0 0 0 2px; font-family: Monaco, monospace; font-size: 11px; line-height: 1.3em;  white-space: pre;  }
pre.textmate-source.mac_classic {color: #000000; background-color: #FFFFFF}
pre.textmate-source .linenum {width: 75px; padding: 0.1em 1em 0.2em 0; color: #888; background-color: #eee}
pre.textmate-source.mac_classic span {padding-top: 0.2em; padding-bottom: 0.1em}
pre.textmate-source.mac_classic ::selection {background-color: rgba(77, 151, 255, 0.33)}
 pre.textmate-source.mac_classic .comment {color: #0066FF; font-style: italic}
 pre.textmate-source.mac_classic .keyword, pre.textmate-source.mac_classic .storage {color: #0000FF; font-weight: bold}
 pre.textmate-source.mac_classic .constant_numeric {color: #0000CD}
 pre.textmate-source.mac_classic .constant {color: #C5060B; font-weight: bold}
 pre.textmate-source.mac_classic .constant_language {color: #585CF6; font-weight: bold}
 pre.textmate-source.mac_classic .variable_language, pre.textmate-source.mac_classic .variable_other {color: #318495}
 pre.textmate-source.mac_classic .string {color: #036A07}
 pre.textmate-source.mac_classic .constant_character_escape, pre.textmate-source.mac_classic .string .source {color: #26B31A}
 pre.textmate-source.mac_classic .meta_preprocessor {color: #1A921C}
 pre.textmate-source.mac_classic .keyword_control_import {color: #0C450D; font-weight: bold}
 pre.textmate-source.mac_classic .entity_name_function, pre.textmate-source.mac_classic .support_function_any-method {color: #0000A2; font-weight: bold}
 pre.textmate-source.mac_classic .entity_name_type {text-decoration: underline}
 pre.textmate-source.mac_classic .entity_other_inherited-class {font-style: italic}
 pre.textmate-source.mac_classic .variable_parameter {font-style: italic}
 pre.textmate-source.mac_classic .storage_type_method {color: #70727E}
 pre.textmate-source.mac_classic .meta_section .entity_name_section, pre.textmate-source.mac_classic .declaration_section .entity_name_section {font-style: italic}
 pre.textmate-source.mac_classic .support_function {color: #3C4C72; font-weight: bold}
 pre.textmate-source.mac_classic .support_class, pre.textmate-source.mac_classic .support_type {color: #6D79DE; font-weight: bold}
 pre.textmate-source.mac_classic .support_constant {color: #06960E; font-weight: bold}
 pre.textmate-source.mac_classic .support_variable {color: #21439C; font-weight: bold}
 pre.textmate-source.mac_classic .keyword_operator_js {color: #687687}
 pre.textmate-source.mac_classic .invalid {color: #FFFFFF; background-color: #990000}
 pre.textmate-source.mac_classic .invalid_deprecated_trailing-whitespace {background-color: #FFD0D0}
 pre.textmate-source.mac_classic .text .source, pre.textmate-source.mac_classic .string_unquoted {background-color: rgba(0, 0, 0, 0.05)}
 pre.textmate-source.mac_classic .text .source .string_unquoted, pre.textmate-source.mac_classic .text .source .text .source {background-color: rgba(0, 0, 0, 0.06)}
 pre.textmate-source.mac_classic .meta_tag_preprocessor_xml {color: #68685B}
 pre.textmate-source.mac_classic .meta_tag_sgml_doctype, pre.textmate-source.mac_classic .meta_tag_sgml_doctype .entity, pre.textmate-source.mac_classic .meta_tag_sgml_doctype .string, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml .entity, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml .string {color: #888888}
 pre.textmate-source.mac_classic .string_quoted_docinfo_doctype_DTD {font-style: italic}
 pre.textmate-source.mac_classic .meta_tag, pre.textmate-source.mac_classic .declaration_tag {color: #1C02FF}
 pre.textmate-source.mac_classic .entity_name_tag {font-weight: bold}
 pre.textmate-source.mac_classic .entity_other_attribute-name {font-style: italic}
 pre.textmate-source.mac_classic .markup_heading {color: #0C07FF; font-weight: bold}
 pre.textmate-source.mac_classic .markup_quote {color: #000000; font-style: italic}
 pre.textmate-source.mac_classic .markup_list {color: #B90690}