body { font-family: Arial, Tahoma, sans-serif; background: #fff; padding: 2em 10%; margin: 0; font-size: 90% }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
h1 { padding-top: 0; margin-top: 0 }
h1 { font-size: 300% }
h2 { font-size: 200% }
.question { padding: 0 0.5em; width: 80%; font-size: 120%; border-bottom: solid #ccc 1px }
.answer { margin: 1em 0 3em 0 }
code, pre, kbd, samp { background: #f0f0f3 }
.answer code, .answer pre, .answer kbd, .answer samp { background: #f3f3c3 }
pre { padding: 1em 2em; margin: 1em 0 }
table { border-collapse: collapse }
table td, table th { border: solid #666 1px; padding: 0.2em; text-align: left }
dl, p, table { margin: 0 0 0.8em 0 }
h2, h3, h4, h5, h6 { padding: 0; margin: 1.4em 0 0.2em 0 }
p { padding: 0 }
.lm { margin-top: 3em; color: #666; padding-bottom: 0; margin-bottom: 0; font-size: 80% }
a:hover { text-decoration: none }

.done, .done td { background: #dfd }
.todo, .todo td { background: #ffd }