body { font-family: Verdana, sans-serif; padding: 0; margin: 0;}
h1 { background: #444; color: #fff; margin: 0; padding: 0.25em 1.5em; font-size: 150%;}
nav { background: #444; margin: 0; display: inline; font-size: 50%;}
nav ul { display: inline; margin: 0; list-style-type: none;}
nav li { display: inline; margin: 0; padding: 0 0.5em;}
nav li a { color: #fff;}
li.nav-prev a:before { content: "\00ab "}
li.nav-next a:after { content: " \00bb"}
.nav-home { position: absolute; top: 1.15em; right: 0;}

dl { padding: 0 2em;}
dt { font-size: 150%; padding: 0 0.25em; margin: 0.25em 0 0 0; background: #eee;}
dd { display: inline-block; max-width: 30%; padding: 0 0.5em; margin: 0.5em 0 1em 0; vertical-align: middle;}
dd ul { display: inline; margin: 0; padding: 0; list-style-type: none}
dd li { display: block; margin: 0; padding: 0 0 0.15em 0; border-bottom: 1px solid #ccc; cursor: pointer;}
dd li.next { background: #ff6;}
dd li.show { background: #cfc;}

footer { padding: 1em; background: #222;}
footer ol { display: inline; list-style-type: none; margin: 0; padding: 0; line-height: 2em;}
footer li.book { background: #444; width: 4.5em;}
footer li { display: inline-block; margin: 0 0.5em 0.5em 0; padding: 0; width: 2em; background: #777; border-radius: 5px; text-align: center;}
footer a { color: #fff; text-decoration: none; display: block; padding: 0;}