* { margin: 0; padding: 0; }

body { color: black; background-color: #bbbbbb; font: 16px/1.5 "Helvetica Neue", arial, sans-serif; font-weight: 200; padding: 0 0.75em; }

header, nav, article, footer { display: block; }

input, textarea, pre, code { font-family: Menlo, Monaco, Consolas, sans-serif; }

pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

h1, h2, h3, h4, h5 { color: #333333; font-size: 1em; }

img { border: solid 1px #777777; }

header, nav, article, footer, #home { width: 640px; margin: 0 auto; }

ul { list-style: inside; }
ul li { list-style-type: square; }
ul.years li { list-style-type: none; }

article p, article ul, article ol, article header, article pre { margin-bottom: 1.5em; }
article p, article ul li { color: #333333; }
article header h1 { font-size: 2em; }
article header h1 a { display: block; padding-left: 1px; padding-right: 1px; }
article header time { color: #777777; float: right; padding-top: 1em; }

ul.years li { display: block; overflow: hidden; margin-top: -1px; border-top: #777777 1px dotted; border-top-color: #777777; }
ul.years li:first-child, ul.years li li { border-top: none; margin-top: 0; }
ul.years ul.months, ul.years a.title, ul.years span.year, ul.years span.month, ul.years span.day { display: block; float: left; }
ul.years ul.months { width: 576px; }
ul.years ul.months li { margin-top: -1px; border-top: #777777 1px dotted; border-top-color: #777777; }
ul.years ul.months li:first-child, ul.years ul.months li li { border-top: none; margin-top: 0; }
ul.years ul.months ul.posts { margin-left: 64px; padding-left: 1px; padding-bottom: 1.5em; }
ul.years ul.months ul.posts a.title { float: none; margin-left: 64px; padding-left: 1px; }
ul.years span.year, ul.years span.month, ul.years span.day { color: #777777; width: 63px; padding-left: 1px; }

article header h1 a, ul.posts li a.title { color: #197a9f; font-weight: bold; }

a { color: #e13d87; text-decoration: none; }
a:hover { text-shadow: 0px 0px 5px white; }

code { color: #222222; font-size: 0.8em; background-color: #aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 0.3em; }
p code { display: inline-block; }
pre code { display: block; }

code pre { background-color: rgba(255, 255, 255, 0.12); }

pre, input[type=text], textarea { background-color: transparent; }

hr { border: none; }

body > header, nav, article, footer, #home, hr { margin-top: -1px; border-top: #777777 1px dotted; border-top-color: #777777; }

body { padding-top: 1.5em; }

body > header, nav, article { margin-bottom: 3em; }

footer, #home { margin-bottom: 1.5em; }

body > footer { clear: both; color: #555555; }
body > footer span { font-size: 0.7em; padding-left: 1px; padding-right: 1px; }

header h1 a, article p, article li, code pre { padding-left: 1px; padding-right: 1px; }

nav { overflow: hidden; }
nav a { display: block; float: left; width: 63px; font-size: 0.8em; padding-left: 1px; line-height: 1.875; color: #666666; font-weight: bold; }