/* Deliberately simple CSS: readable on old browsers and tiny screens. */
body { margin: 0; font-family: Georgia, "Times New Roman", serif; line-height: 1.45; color: #222; background: #fdfcf8; }
a { color: #1a4f8b; }
#top { background: #2d2a4a; color: #fff; padding: 0.5em 1em; }
#top a { color: #fff; }
#brand { font-weight: bold; font-size: 1.2em; text-decoration: none; margin-right: 1em; }
#nav { display: inline; margin: 0; padding: 0; }
#nav li { display: inline; margin-right: 0.8em; }
#main { max-width: 46em; margin: 0 auto; padding: 1em; }
#foot { max-width: 46em; margin: 2em auto; padding: 0 1em; color: #666; font-size: 0.85em; }
#status { display: none; background: #fff3c4; padding: 0.5em 1em; text-align: center; }
#status.shown { display: block; }
.posts { padding-left: 0; list-style: none; }
.post { border-top: 1px solid #ddd; padding: 0.4em 0; }
.post .meta, .time, .meta { color: #666; font-size: 0.85em; }
.post p { margin: 0.3em 0; }
.empty { color: #888; font-style: italic; }
.error { color: #a00; font-weight: bold; }
.lead { font-size: 1.05em; color: #444; }
.stage, .document { border: 1px solid #ccc; background: #fff; padding: 0.5em 1em; }
textarea, input[type=text] { width: 100%; max-width: 40em; font: inherit; }