html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{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;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
header, section, article {display: block;}

body, html {height: 100%; background: #eee no-repeat top center;}
body {
    background-image:
    -moz-linear-gradient(top, rgb(209, 225, 235), rgb(238, 238, 238) 25%);
    background-image:
    -webkit-gradient(linear, 0% 0%, 0% 25%, from(rgb(209, 225, 235)), to(rgb(238, 238, 238)));
    }
body.home {background-image: url(../i/home-cloud.png);}

/* Typography
--- */
a {color: #b91e37; text-decoration: none;}
a:hover {color: #63584d;}
strong {font-weight: bold;}
body {font: 14px/1.2 Georgia, serif;}
h1, h2, h3, h4, nav {font: bold 16px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;}

/* Lists */
#content ul,
#comments ul {margin: 24px 0 24px 36px;}
#comments li,
#content li {list-style-type: square; margin-bottom: 5px; line-height: 1.4; font-size:14px;}
#comments li {font-size: 12px; color: #555; margin-bottom: 3px;}

/* Sructure
--- */
body>div {width: 980px; margin: 0 auto; overflow: hidden; position: relative;}

/* Clouds
--- */
.cloud {position: fixed; background: url(../i/clouds.png); z-index: 0;}
#cloud-small {top: 60%; left: 30%; width:342px; height:115px; background-position: -37px -697px;}
#cloud-left {top: 40%; left: 0; width: 415px; height: 225px; background-position: top left;}
#cloud-right {top: 60%; right: 0; width:346px; height: 172px; background-position: -35px -379px;}

/* Header
--- */
body div>header {margin: 50px 0 0; border-bottom: 10px solid #000; background: rgba(255, 255, 255, 0.95); padding: 24px; overflow: hidden;}
body div>header a {font-size: 24px; color: #000; float: left;}

/* Headings */
h1 {letter-spacing: -1px;}
body > header h1 {float:left;}
.home h1,
#article h1,
#primary h1 {font-size: 48px; margin: 24px 0 12px 24px; letter-spacing:-2px; line-height: 0.6; padding-top: 10px;}
.home h1 {margin:0;padding:0; float:left;}
#article h1 {margin:0;}
.archive #primary h1,
.about #primary h1 {padding-bottom:20px;}

/* Nav */
body div>header nav {float: right;}
body div>header nav a {float: left; margin:12px 0 0 24px; padding-left: 10px; font-weight:normal; background: url(../i/sprajt.png) -10px -333px no-repeat; letter-spacing:1px; font-size: 13px;}

/* Month
--- */
.home section {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.90); border-top: 5px solid #63584d; margin: 80px 0; position: relative;}
.home section > div:first-child {font-size: 15px; position: absolute; right: 20px; top: -30px;color:#333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold;}
/* Article */
.home h2 {font-size: 36px; letter-spacing: -1px; float: left; margin: 0;}
.home h2 a {color: #000; display: block;}
.home h2 a:hover {color: #555;}
.home article {padding: 24px; border-bottom: 1px solid #dae5df; overflow: hidden;}
.home article header {overflow: hidden; margin-bottom:5px;}
.home article time {font-size: 30px; float: right; margin-left: 18px; margin-top: -2px;}
.home article .lead {color: #63584d; float: left; width: 512px;}
.comment-count {background: url(../i/sprajt.png) -7px -372px no-repeat;display:block;height:23px;width:33px;
    text-align:center;float:left;margin:0 0 0 10px;padding: 4px 0 0 2px;font-size: 10px; color: #333;}

/* Tweet */
article.tweet time,
article.delicious time {margin-left:18px; font-size: 12px; padding: 12px 0 0;}
.tweet p, 
.delicious p {float: left; width: 612px;color: #333; line-height: 1.6;}
.gist p a:first-child,
.tweet p a:first-child,
.delicious p a:first-child {background: url(../i/sprajt.png) 0 -25px no-repeat; width: 20px; height: 20px; float: left; text-indent: -9999px; margin-right: 8px;}
.tweet p a:first-child:hover {background-position: 0 -2px;}
/* Delicious */
.delicious p a {font-weight: bold;}
.delicious p a:first-child {background-position: 0 -72px }
.delicious p a:first-child:hover {background-position: 0 -49px}
/* Gist */
.gist {position:relative;}
.gist p a:first-child {background-position: 0 -311px;}
.gist p a:first-child:hover {background-position: 0 -290px;}
.gist p {color: #aaa;}
article.gist time {font-size:12px; position:absolute; top:24px; right:24px}
article.gist code {margin:10px 0 0;}

/* Tags
--- */
.tags {float: right;}
.tags a {padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:1px solid #ddd; background: #fff; color: #666; display: inline-block; float: left; margin-left: 5px;}
.tags a:hover {border-color: #ccc; color: #000;}

/* Article
--- */
p.lead {font-size: 20px; line-height: 1.3; color:#333;}
p.lead:first-letter{color:#000;float:left;font-size:55px;padding:8px 5px 3px 1px; line-height: 0.7;}
#article header h1 {background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); padding: 24px; color: #fff; margin-bottom:48px;}

#content {background: rgba(255, 255, 255, 0.90); width: 512px; padding: 24px 48px; float: left; 
    border-top: 5px solid #000; border-bottom: 2px solid #000; margin-bottom: 40px;}
#content h2 {color:#63584d; font-size: 18px;}
#content h3 {font-size: 16px;}
#content h2, #content h3 {margin: 32px 0 -16px; text-transform: uppercase;}
#content p {margin: 24px 0px; line-height: 1.5; color:#222; word-spacing:1px; font-size:16px;}
#content p.lead {font-size:20px; line-height:1.3; padding:0 0 20px; margin: 10px 0 20px; border-bottom: 2px solid #ddd;}
#content time {color: #888; font-style:italic;}
.about #content p {margin: 20px 0; line-height: 1.4; word-spacing:0; font-size: 14px;}
#content a,
#comments a {text-decoration: underline;}

/* DEMO */
#content .article-demo {padding: 20px; border: 1px dashed #DD1144; margin: 20px 0;}
#content .article-demo h2,
#content .article-demo h3 {margin:0; padding:0;}

/* inline forms */
#content label {display: block; font-size:12px;}
#content input[type=text] {padding: 4px; width: 225px;}
#content fieldset div {margin-bottom: 10px;}
#content fieldset {border:1px solid #ccc; padding: 12px 12px 12px 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
#content .submit-area {margin: 10px 0; text-align: right;}

blockquote{display:block;background:#eee;font-size:14px;float:right;border:2px solid #aaa;margin:24px 0 24px 24px;border-width:1px 0;padding:24px 24px 24px 55px;width:250px;}
blockquote:before{color:#000;display:block;font-size:500%;width:50px;}
blockquote:before { content: '\201C'; }
blockquote:before{height:10px;margin-left:-40px;}
#content blockquote p {margin:0;}
#content blockquote p.cite {text-align: right; font-size:12px;}


table.data {border:1px solid #ccc;}
table.data td {padding: 4px; border:1px solid #ccc;}
table.data th {font-weight:bold; background:#eee; padding:4px;}
table.data tbody th {font-weight:normal; color:#40A070;}

/* Sidebar
--- */
#sidebar {float: right; width: 348px;}
#sidebar .mod {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.90); padding: 24px;border:1px solid #000; border-width: 5px 0 1px; position:relative; margin-bottom: 48px;}
#sidebar h2 {top: -24px; left: 0; position: absolute; font-size:12px; color: #333;}

#meta .content {overflow:hidden;}
#meta .content .tags {float:left;}

/* Sidebar Forms --- */
#sidebar input,textarea,.btn {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
#sidebar input[type=text],textarea {font-size: 12px; line-height:1.2; border: 1px solid #ccc; 
    -moz-border-radius: 2px; -moz-box-shadow: inset #ccc 0px 0px 4px; 
    -webkit-border-radius: 2px; -webkit-box-shadow:inset #ccc 0px 0px 4px; 
    padding: 12px; margin: 12px 0;}
#login label {font-size: 12px; font-weight: bold; display: block; margin-top:10px;}
#login p {margin: 10px 0;}
#login input[type=text] {width: 180px; float: left; padding-left: 36px; background:#fff url(../i/sprajt.png) no-repeat 4px -429px;}
#sidebar input[type=submit] {font-size: 12px; color: #222; background: #EEE; border: 1px solid #888; line-height: 1.2;
    -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     box-shadow:inset #aaa 0px 0px 19px; 
    -moz-box-shadow:inset #bbb 0px 0px 19px; 
    -webkit-box-shadow:inset #bbb 0px 0px 9px; 
    padding: 12px; font-weight:bold;}
#login input[type=submit] {margin: 11px 0 12px 12px}
#comment-body label {display: none;}
div.error input {border-color: red;}
body .errorlist {color: red; font-size: 10px;}
#comment-body textarea {width: 275px; height: 155px; margin: 10px 0;}

/* Sidebar comments ---*/
#sidebar #comments {background: none; border-bottom: none; padding: 0;}
#comments .comment {overflow: hidden; margin: 24px 0; -moz-border-radius:6px; -webkit-border-radius: 6px; background: #fff;}
#comments .comment p {margin: 12px 0;color: #333; line-height: 1.2; font-size:11px;}
#comments .comment .body {padding: 0px 24px; overflow: hidden;}
#comments .comment .author {color: #333; line-height: 1; padding:12px 12px 0; font-weight:bold;}
#comments .comment time {color: #aaa; font-size:10px;}


.comment .comment {border: 1px solid #eee; margin: 10px; margin-right: 0px; clear: both;}
.submit-area {text-align: right;}
#preview {margin-right: 5px;}
#author {margin-bottom: 10px;}
#author p {display: none;}
#openid {clear: both; overflow: hidden;}
#openid-providers {overflow:hidden;}
#openid-providers a {height: 20px; width: 20px; overflow: hidden; float: left; background:url(../i/sprajt.png); text-indent: -9999px; margin-right: 5px; padding: 0px; border:1px solid #ddd;}
#oi-google a {background-position: -1px -113px;}
#oi-yahoo a{background-position: -2px -229px;}
#oi-myopenid a{background-position: 0px -190px;}
#oi-blogspot a{background-position: -1px -151px;}

#oi-google a:hover {background-position: -1px -93px;}
#oi-yahoo a:hover {background-position: -2px -209px;}
#oi-myopenid a:hover{background-position: 0px -170px;}
#oi-blogspot a:hover{background-position: -1px -131px;}


/* Archive */
.archive #content h3 {color: #444; font-size: 14px;padding: 0 0 5px; margin-top:20px;}
.archive .tags {float: left;}
.archive .tags a span {font-size: 12px;}
.archive #sidebar .tags {float: none; overflow: hidden; margin: 5px 0px;}
.archive #sidebar .tags a {margin: 0 5px 5px 0; font-size: 18px; padding: 8px;}
.archive .years {margin-left: 15px;}
.archive ul.years {margin-top:5px;}
.archive #content h2 {margin-top: 20px; margin-bottom:20px;}
.archive #content .archive-list p {margin: 12px 0;}

/* About */
.about #content {width: 100%; padding-bottom: 40px;}
.about #bio {float: left; width: 270px; padding-right: 48px;}
.about #photo {float: left; padding-right: 48px; margin-top: 30px;}
.about #places {float: left; width: 270px;}
.about #places ul {margin: 20px 0;}
.about #places li {list-style: none; font-size:14px; margin: 10px 0;}
.about #places a {text-decoration:none; display: block; height:30px;}
.about #places svg {float: left;}
.about #places a span {padding-top:9px; padding-left:10px; display:inline-block}
/*
Code
*/
pre code{display:block;font-family:"lucida console",monospace;line-height:1.2;margin:24px 0;white-space:pre;padding:5px 2px 5px 10px;border-left:5px solid #ccc;
background:#fbf7d4;color:#000;font-size:12px;overflow:hidden;}
pre code:hover{overflow:auto;}
pre code{display:block;color:#000;background:#e8e8ee}
pre .comment,pre .template_comment,pre .diff .header,pre .javadoc{color:#998;font-style:italic}
pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .lisp .title,pre .subst{color:#000;font-weight:bold}
pre .number,pre .hexcolor{color:#40a070}
pre .string,pre .attribute .value,pre .phpdoc{color:#d14}
pre .title,pre .id{color:#900;font-weight:bold}
pre .javascript .title,pre .lisp .title,pre .subst{font-weight:normal}
pre .class .title{color:#458;font-weight:bold}
pre .tag,pre .css .keyword,pre .html .keyword,pre .tag .title,pre .django .tag .keyword{color:#000080;font-weight:normal}
pre .attribute,pre .variable,pre .instancevar,pre .lisp .body{color:#008080}
pre .regexp{color:#009926}
pre .class{color:#458;font-weight:bold}
pre .symbol,pre .lisp .keyword{color:#990073}
pre .builtin,pre .built_in,pre .lisp .title{color:#0086b3}
pre .preprocessor,pre .pi,pre .doctype,pre .shebang,pre .cdata{color:#999;font-weight:bold}
pre .deletion{background:#fdd}
pre .addition{background:#dfd}
pre .diff .change{background:#0086b3}
pre .chunk{color:#aaa}