html,body{margin:0;padding:0}
body{font:16px 'Helvetica Neue',Arial,Helvetica,sans-serif;background:#ddd;color:#444}
.header,.content{max-width:700px;margin:0 auto}
.header{height:32px;line-height:32px;position:relative;padding:0 2em 0 2em}.header .nav{display:inline-block;position:absolute;left:1em}.header .nav ul{margin:0;padding:0;list-style:none}.header .nav ul li{display:inline;margin-right:1em}
.header .side{display:inline-block;position:absolute;right:1em}
a{color:#358}
.title a{text-decoration:none}
.blog-date{font-weight:normal;color:#aaa}
.blog-entry p,.blog-entry div{line-height:24px}
.blog-entry li{line-height:22px}
.blog-entry h1{font-size:20px}
.blog-entry h2{font-size:16px}
.blog-entry h3{font-size:14px}
.blog-entry h1,.blog-entry h2,.blog-entry h3,.blog-entry h4{margin-top:3em}
.blog-entry img{max-width:100%;margin-left:1em}.blog-entry img[src^="https://trello.com/b/"]{width:640px}
.blog-entry img[src^="https://trello.com/c/"]{width:320px}
.blog-signature{margin-top:64px;border-top:1px solid #bbb;color:#666}.blog-signature a{color:#444}
.blog-series{padding:16px;border:1px solid #bbb;background:#eee;color:#888}
.blog-discuss{padding:16px;border:1px solid #bbb;background:#eee;color:#888;margin-top:32px}.blog-discuss a{font-weight:bold;color:#444}
.content{background:#f8f8f8;border:1px solid #bbb;padding:1em;padding-top:1px}
.center{text-align:center}
p{padding:0 1em}
li{margin:.75em 0}
code{background-color:#ddd;padding:0 4px;border-radius:3px;line-height:150%}
pre{background-color:#ddd;padding:4px;margin:0 16px;overflow-x:auto}
pre.short{max-height:400px;overflow:auto}
pre code{padding:0}
kbd{font-size:80%;padding:.1em .6em;border:1px solid #ccc;background-color:#f8f8f8;border-radius:3px;display:inline-block;white-space:nowrap;line-height:1.5}