body            { font-family: serif;  font-size: 110%; }

img#icon        { float: left; width: 22em; height: auto; }

div#body        { position: absolute; left: 80px; top: 6em;
                  margin-right: 0.8em;
                  max-width: 40em; }

div#navigation  { float: right; }

div#footer      { border-top: 1px solid #bbb;
                  font-size: 60%;  color: #888;
                  text-align: center;
                  clear: both;  }

/* @media only screen and (max-width: 55em) { */
/*     div#body .h2    { font-size: 250%; } */
/*     div#body table  { font-size: 200%; } */
/*     input           {  font-size: 100%; } */
/*     div#footer      {  font-size: 50%; } */
/* } */

.error          { color: red; }

div.float-box   { padding: 0 2em 2em 0; }
span.book-title { text-decoration: underline; font-style: italic; }
span.section-head { font-weight: bolder; }

a               { color: inherit;  text-decoration: none; }
a::before       { content: ">"; }
a::after        { content: "<"; }

input[type="range"]  {  -webkit-appearance: none;
                        background: #dddddd; }