body {color: #222; font-family: Constantina, Georgia, serif; line-height: 150%;}

#nav {float: left; width: min(15%, 133px); background: url(pics/div.png) repeat-y right;}

#content {padding-left: min(17%, 143px);}

#header h1 {text-indent: -9999px; height: 123px;
background: url(pics/koth-logo-with-shadow.jpg) no-repeat center;
background-size: min(100%, 375px);
}

#header {width: min(100%, 375px); margin: auto;}

h2 {color: black; text-align: center; font-size: 200%; line-height: 100%;}

h2 span {background: gainsboro; border: silver solid 1px;}

h2 {
letter-spacing: 0em;
text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

li {padding-left: 0; margin-left: 2em;}
ul, ol {padding-left: 0; margin-left: 0;}

h3, dt {font-size: 125%; font-weight: bold;margin-top: 0.5em;margin-bottom: 0.5em;}

img {border: 0; max-width: 95%; height: auto;}

#nav img {margin-bottom: 2px;}

a {text-decoration: none; color: blueviolet;}

#content a:hover {border-bottom: 1px solid;}

acronym, abbr {border-bottom: 1px dashed #eee; cursor: help;}

#impring {text-align: center; line-height: 0; margin-bottom: 1em; white-space: nowrap; max-width: 95%;}

#impring a, #impring a:hover {border: 0;}

#footer {clear: both; text-align: center; font-size: 70%; padding-left: min(17%, 143px); }

#footer p {margin: 0; border-top: solid 1px;
border-image: linear-gradient(to right,whitesmoke,silver,whitesmoke) 1;}

.datatable {font-size: 80%; text-align: center; border: solid silver 1px;
border-collapse: collapse; max-width: 95%;}

.datatable th {background: gainsboro;}

.datatable th a {color: black;}

.datatable th, .datatable td {padding: 2ex 1ex;}

.datatable tr:nth-child(odd) {background: ghostwhite;}

hr {border: 0; height: 1px;
background-image: linear-gradient(to right,whitesmoke,silver,whitesmoke);}

pre {background: ghostwhite; padding: 1ex; border: solid silver 1px; color: black; overflow-x: auto;}

code, pre {font-family: Consolas, 'Lucida Console', Monaco, monospace;}

.comment, .command {color: steelblue; font-style: italic;}

.label {color: green;}

.macro {color: mediumpurple;}

@media only screen and (max-width: 867px) {
#nav {background: none;}
h2 {color: black; text-align: center; font-size: 200%; line-height: 100%; background: gainsboro; border: silver solid 1px;}
h2 span {background: none; border: none;}
}