body { background-color: #fec; border: 1px solid #e90; border-width: 4px 0 0; color: #333; font: 0.8125em/1.618 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0; padding: 0; text-rendering: optimizeLegibility; text-shadow: 0 1px 1px #efeeec; }

.grid-vertical { background: #fff url('/images/dev-grid.png') 50% 0; }

*:focus { outline: 0 none; }

a { border: 1px solid #dbd5c5; border-width: 0 0 1px; color: #a16e32; padding: 0; text-decoration: none; }

a:hover, a:focus { border-width: 0 0 2px; color: #443d38; }

h1, h2, h3, h4, h5, h6 { color: #a16e32; line-height: 1.618; margin-top: 0; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus { border-color: #555; outline: 0 none; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"] { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1; padding: 0.5em 0; text-indent: 0.5em; }

textarea { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.618; padding: 0.5em; }

#wrapper { background-color: #fff; overflow: auto; padding: 0 0 1.5em; }

#header { display: block; overflow: hidden; }

#header > div { border: 1px solid #eee; border-width: 0 0 1px; margin: 0 20px 1.5em; overflow: hidden; padding: 2.8em 0; }

#header > div > a { border: 0 none; color: #e90; font-size: 2.8em; }

#header > div > a:hover, #header > div > a:focus { color: #443d38; }

#header nav { }

#header ul { float: right; list-style: none; margin: 1.4em 0 0; padding: 0; }

#header li { float: left; margin: 0 0 0 1em; }

#header nav a { border: 0 none; border-radius: 2em; color: #333; display: block; font-weight: bold; padding: 0.1em 1em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }

#header nav a:hover { background: #f3f3f3; color: #000; text-shadow: 0 -1px 1px #f9f9f9, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px #f9f9f9, 0 -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px #f9f9f9, 0 -1px 1px rgba(0,0,0,0.1); }

.about #header nav .about,
.notebook #header nav .notebook { background: #fec; color: #000; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

#footer { background: #fec; border: 1px solid #e90; border-width: 4px 0 0; color: #432; height: 3.25em; margin: 0; overflow: hidden; padding: 1.5em 0; text-align: center; width: 100%; }

#footer a { border-color: #fc8; border-style: dotted; color: #210; }

#footer a:hover { color: #000; }

.license { margin: 0; text-shadow: none; }

aside > * { margin: 0 0 2em; overflow: hidden; }

aside .title { display: block; }

#tagline { border: 1px solid #eee; border-width: 0 0 1px; color: #bbb; font-size: 2.3456em; line-height: 1; margin: 0 20px 1em; padding: 0.25em 0 1em; text-align: center; }

#tagline span { left: -99999em; position: absolute; top: -99999em; }

#tagline a { border: 0 none; color: #bbb; white-space: nowrap; }

#tagline a:hover, #tagline a:focus { color: #fc0; }

#tagline strong { color: #fc0; font-weight: normal; }

abbr[title="and"] { border: 0 none; color: #ccc; cursor: text; }

article { margin: 0 0 3em; }

article header, article footer { clear: both; overflow: hidden; }

article footer { margin: -1em 0 0; padding: 5px 0 0; }

article header h1, article header h2 { margin: 0; }

article header a, article footer a { border: 0 none; }

article header time, article footer time, .comment time { background: url('/images/icon-time.png') no-repeat 0 50%; color: #776; display: block; float: left; min-height: 18px; padding: 0 24px; position: relative; top: -0.4em; }

article header .comments, article footer .comments { background: url('/images/icon-comment.png') no-repeat 0 50%; color: #776; display: block; float: left; min-height: 18px; padding: 0 24px; position: relative; top: -0.4em; }

article header time, .comment time { background-image: url('/images/icon-time.png'); }

article header .comments:hover, article header .comments:focus, article footer .comments:hover, article footer .comments:focus { color: #443; }

article img { border: 10px solid #f3f3f3; margin: 0 0 1.5em; }

.title { border: 0 none; color: #333; font-size: 1.8em; }

a.title:hover, a.title:focus { color: #e90; }

.pagination { display: block; list-style: none; text-align: center; }

.pagination li { display: inline; list-style: none; padding: 0 0.5em; }

article.note { background-color: #ffe; border: 1px solid #eed; padding: 1em; position: relative; }

.site-list, .site-list li { list-style: none; margin: 0; padding: 0; }

.site-list li { border: 1px dotted #ddd; border-width: 1px 0 0; padding: 0.3em 0; }

.site-list li:first-child { border: 0 none; }

.twitter-list li { padding: 0.5em 0; }

.post-list li, .bookmark-list li { padding: 0; }

.post-list a, .bookmark-list a { border: 0 none; display: block; padding: 0.3em 0; }

.follow-me { background-color: #f90; border: 0 none; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; color: #fff; display: block; font-size: 1.2em; font-weight: bold; padding: 0.75em 1.5em; text-align: center; text-shadow: 0 -0.1em 0.1em #f80, 0 0.1em 0.1em #fb0; }

.follow-me:hover, .follow-me:focus { background-color: #a16e31; color: #ff8; text-shadow: 0 -0.1em 0.1em #915e21, 0 0.1em 0.1em #b17e41; }

.meta-list { border: 1px solid #eee; border-width: 0 0 1px; margin: 6.5em 0 0; }

.meta-list li, .tag-list li { padding: 0; }

.meta-list li:first-child { border: 1px solid #eee; border-width: 1px 0 0; }

.meta-list li { border: 1px solid #eee; border-width: 1px 0 0; min-height: 1.5em; padding: 0.75em 0 0.75em 2em; }

.meta-list .datetime { background: url('/images/icon-time.png') no-repeat 0 50%; }

.meta-list .comments { padding: 0; }

.meta-list .comments a { background: url('/images/icon-comment.png') no-repeat 0 50%; border: 0 none; display: block; min-height: 1.77em; padding: 0.5em 0 0.5em 2em; }

.tag-list .tag { background: url('/images/icon-tag.png') no-repeat 0 50%; display: block; min-height: 18px; padding: 4px 4px 4px 30px; }

.site-list .first, .elsewhere-list .first, .tag-list .first { border: 1px dotted #ddd; border-width: 1px 0 0; clear: left; margin: 0 20px 0 0; padding: 0; }

.site-list .last, .elsewhere-list .last, .tag-list .last { border: 1px dotted #ddd; border-width: 1px 0 0; clear: right; margin: 0 0 0 20px; padding: 0; }

.site-list .top, .elsewhere-list .top, .tag-list .top { border: 0 none; }

.elsewhere-list a { background-position: 0 50%; background-repeat: no-repeat; border: 0 none; display: block; min-height: 23px; padding: 3px 0 0 23px; }

.elsewhere-list .jumplink { background-image: url('/images/elsewhere/kerihenare.png'); }

.elsewhere-list .pixelfusion { background-image: url('/images/elsewhere/pixelfusion.png'); }

.elsewhere-list .twitter { background-image: url('/images/elsewhere/twitter.png'); }

.elsewhere-list .linkedin { background-image: url('/images/elsewhere/linkedin.png'); }

.elsewhere-list .facebook { background-image: url('/images/elsewhere/facebook.png'); }

.elsewhere-list .flickr { background-image: url('/images/elsewhere/flickr.png'); }

.elsewhere-list .delicious { background-image: url('/images/elsewhere/delicious.png'); }

.elsewhere-list .vimeo { background-image: url('/images/elsewhere/vimeo.png'); }

.elsewhere-list .tumblr { background-image: url('/images/elsewhere/tumblr.png'); }

.elsewhere-list .digg { background-image: url('/images/elsewhere/digg.png'); }

#post > section { clear: both; }

#comments { border: 1px solid #eee; border-width: 1px 0 0; margin: 0 20px 2em; padding: 2em 0 0; }

#comments .title { display: block; margin: 0 0 1.111em; }

#comments form { clear: both; overflow: hidden; }

#comments form .title { margin: 0; }

#comments form .grid_4 { clear: right; float: right; }

#comments .comment { clear: both; margin: 0 0 2em; overflow: hidden; }

#comments .kerihenare { background: url('/images/icon-star-big.png') no-repeat right 50%; }

#comments header { float: right; }

#comments header .vcard { color: #a16e32; display: block; font-size: 1.5em; margin: 0; }

#comments header a { border: 0 none; }

#comments .message { color: inherit; font-style: normal; margin: 0 20px 0 0; padding: 4px 0 0; }

#comments label { display: block; }

#comments input { margin: 0 0 1em; width: 278px; }

#comments textarea { height: 16.15em; padding: 0.2em 4px 0.5em; width: 590px; }

#comments button { background: #f80 url('/images/button-background.png') repeat-x 0 0; border: 0 none; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; color: #fff; cursor: pointer; display: block; font-size: 1em; font-weight: bold; padding: 0.75em 1.5em; text-align: center; text-shadow: 0 -0.1em 0.1em #f80, 0 0.1em 0.1em #fb0; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25); }

#comments button:hover, #comments button:focus { background-color: #a16e31; outline: 0 none; text-shadow: 0 -0.1em 0.1em #915e21, 0 0.1em 0.1em #b17e41; }

#comments .error { background: #fbe3e4; color: #8a1f11; border: 2px solid #fbc2c4; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; margin: 1em 10px; padding: 0.8em 0; text-indent: 0.8em; width: 938px; }

#comments .required { border: 0 none; color: #c00; cursor: normal; }

#subscribe-feed p { background: url('/images/rss.png') no-repeat 0 6px; margin: 0; min-height: 38px; padding: 0 0 0 42px; }

.sfWebDebugActionCache { display: inline !important; overflow: hidden !important; }