body { 
    font-family: verdana, arial, sans-serif;
    margin: 0pt;
    font-size: 10pt;
}

#header, #footer {
    color: silver; font-size: 90%;
    font-family: 'Helvetica Light', Helvetica, Arial, sans-serif;
    font-weight: lighter;
}
#header ul {
    overflow: hidden; list-style-type: none;
    padding-left: 0.4em; padding-bottom: 0.3em; padding-top: 0.2em; margin-bottom: 0.3em;
    border-bottom: solid rgb(220,220,220) 1px;
}
#header a, #footer a { color: silver; text-decoration: none; }
#header a:hover, #footer a:hover { text-decoration: underline; }
#header li { display: inline; white-space: nowrap; }
#header li::before { content: "\203a\a0"; font-size: 120%; }
#header li:first-child::before { content: ""; }
#header .date { text-align: right; margin-right: 1em; }

#footer {
    margin-top: 4em; border-top: solid rgb(220,220,220) 1px;
    padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.3em;
}



@media screen and (min-device-width: 1200px) { 
    #content {
        margin-left: 5%; margin-right: 5%;
    }
}

p { max-width: 60em; }
div.p { max-width: 60em; }

h1 { font-weight: normal; color: rgb(207,82,0); font-size: 2.6em; }
h2 { font-weight: lighter; font-size: 2em; }
h3 { font-weight: lighter; font-size: 1.8em;
     display: inline-block; margin-bottom: 0pt; margin-top: 0.8em;
   }
h3::after { content: ".\a0"; }
strong { color: rgb(207,82,0); font-weight: normal; }
a strong { color: blue; }
a:visited strong { color: purple; }
a:active strong { color: red; }

#taster { margin-top: 1em; margin-bottom: 1em; background-color: rgb(240,240,240); }
#taster img { height: 4em; padding: 0.5em; }

.figger { background-color: rgb(240,240,240); padding: 1em; }
.figger img { padding: 0.2em; }
.figger .caption { font-size: 1em; font-family: "times new roman", serif; font-style: italic; }
.figger .caption h3 { display: inline; font-size: 1em; normal; font-weight: bold; }