body {max-width: 800px;margin:1em auto 2em auto;}
.container {margin:0 1em;}
.edit {float:right;}
.ltrs {opacity:0.05;color:#f06;pointer-events: none}
h1 {margin:0 1em 0 0;}
header {border-bottom:1px dotted grey;padding-bottom:12px;}
input#back {background-color:#fff;padding:2px 7px;font-size:25px;border:1px solid #eee;border-radius:7px;float:left; }
input#back:hover {border:1px solid #000;transition: border 0.2s ease-in-out;}
nav {margin-top: 1em;border-bottom:1px dotted grey;padding-bottom:12px;}
nav li {float: left;}
ul, li {margin: 0; padding: 0;}
nav li {margin-right: 1em;list-style: none;}

/* typography */
body {font: 15px Menlo, sans-serif;line-height: 1.2em;}
h1 {font-size: 25px;}
main time {font-size: 10px;}

/* colors */
a, a:visited {background: #eee;color: #000;}
a:hover {background: #fff; transition: background 0.2s ease-in-out;}
nav li a, h1 a {background: #000;color: #fff;padding:4px 7px; border-radius:3px;}

/* links */
a, a:visited {text-decoration: none;}
.articleBody a, .articleBody a:visited {text-decoration: underline;}