@import url(http://fonts.googleapis.com/css?family=Droid+Serif);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{background-color:#fff;font-family:"Droid Serif",Georgia,Times,serif;font-size:14px}header{font-family:Georgia,Times,serif}a{color:#644332}a:hover{color:#290f00}.container{width:560px;margin:0 auto}.container>header{position:relative}.container>header h1{font-size:2.5rem;padding-top:8rem;text-align:center;text-transform:lowercase;line-height:4.5rem}.container>header h1 a{color:#290f00;text-decoration:none}.container>header h1 a:hover{color:#644332}.container>header h1 img{position:absolute;top:-200px;left:130px}ul li{display:inline-block;margin:0 0.4rem;font-size:15px}ul li a{position:relative;font-family:"Helvetica Neue";text-decoration:none;border:4px solid #eee;color:#a2a2a2;padding:0.5rem 1rem 0.5rem 2rem;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}ul li a span{position:absolute;display:inline-block;left:0.5rem;width:21px;height:19px;background:#fff url("/assets/prev.png") no-repeat 2px 0px}ul li a:hover{border-color:#9cc095;color:#639659}nav{margin-top:2.5rem;position:relative;text-align:center}nav ul li.twitter a span{background-position:-21px 0}nav ul li.twitter a:hover span{background-position:0 0}nav ul li.github a span{background-position:-21px -19px;height:21px;top:8px}nav ul li.github a:hover span{background-position:0 -19px}nav ul li.email a span{background-position:-21px -40px;height:20px;top:8px}nav ul li.email a:hover span{background-position:0 -40px}nav ul li.feed a span{background-position:-21px -60px;height:21px;top:8px}nav ul li.feed a:hover span{background-position:0 -60px}nav ul li a span{background:#fff url("/assets/social-icons.png") no-repeat 0px 0px}section{padding:3rem 0 2rem}section .navi{line-height:0.5em}section article.post{margin:0 2rem}section article.post header{text-align:center}section article.post header h1{font-size:2rem;line-height:3rem}section article.post header img{display:none}section article.post header .meta{color:#a3a3a3;line-height:2rem}section article.post header .meta span{display:none}section article.post h2{font-size:1.3rem;line-height:2rem}section article.post blockquote{margin:2rem 0;border-left:0.5rem solid #b0d4b8;padding-left:1rem}section article.post p{font-family:"Droid Serif",Georgia,Times,serif;font-size:100%;line-height:1.8rem;margin:1rem 0}section article.post .gist{margin:2rem 0}section article.post .gist .gist-meta{display:none}section article.post .gist:hover .gist-meta{display:block}section article.post pre{line-height:1.5rem}section article.post strong{font-weight:bold}footer{padding-bottom:6rem}footer ul li a span.icon{background:#fff no-repeat 0px 0px}footer ul li.next{float:right}footer ul li.next a{padding-left:1em;padding-right:2.5em}footer ul li.next a span.icon{left:inherit;right:0.5em;background-image:url("/assets/next-grey.png")}footer ul li.next a:hover span.icon{background-image:url("/assets/next.png")}footer ul li.previous a span.icon{background-image:url("/assets/prev-grey.png")}footer ul li.previous a:hover span.icon{background-image:url("/assets/prev.png")}@media screen and (max-width: 540px){body{font-size:13px}body .container>header img{left:90px}.container{width:480px}}@media screen and (max-width: 480px){body{font-size:13px}body .container>header img{left:20px}.container{width:340px}}
