* { margin: 0; padding: 0; font-size: inherit; font-family: "Trebuchet MS", sans-serif; }
html { background: #fff; padding: 0 10px; color: #000 }
body { margin: 10px auto 50px auto; max-width: 1100px; border-collapse: separate; padding-bottom: 10px }
h1 { font-size: 24px; font-weight: normal }
h2 { font-size: 21px; margin-top: 35px; margin-bottom: 7px; font-weight: normal; border-bottom: 1px solid #ccc }
h3 { font-size: 18px; margin-top: 20px; margin-bottom: 5px; font-weight: normal }
a { color: #048; text-decoration: none; font-family: inherit }
a:hover { text-decoration: underline; color: #48B;}
p  { margin-bottom: 15px }
dl { margin-bottom: 15px }
dt { margin: 0 0 5px 0 }
dd { margin: 0 0 10px 10px; }
ul { margin: 0 0 15px 20px }
input { font-size: 0.9em; padding: 1px 2px }
code { font-family: "Lucida Console", Monospace; font-size: 12px; background-color: #f0f8ff; padding: 1px }
small { color: #aaa }
.hidden { display: none!important; }
thead td { font-weight: bold }

header { border-bottom: 3px dotted #ccc; display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap }
header a { font: 24px "Arial", serif; font-weight: bold }
header form { padding-bottom: 3px }
header input[type=text] { width: 200px }

footer { border-top: 3px dotted #ccc; color: #666; font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap }

main { padding: 10px 0 25px 0 }
main.thin { max-width: 700px; margin: 0 auto }

.systems > div { margin: 25px 0; display: flex; align-items: start }
.systems > div > a { display: flex; align-items: center }
.systems img { width: 50px; height: 50px; margin-right: 10px }
.systems b { font-size: 24px; display: block }
.systems > div > div > a { padding-right: 10px }

.searchres ul { margin: 20px 0; list-style-type: none; column-width: 300px }
.searchres a { padding-right: 2px }

.charselect a, .paginate a { display: inline-block; padding: 3px 5px }
.charselect b, .paginate b { display: inline-block; padding: 3px 5px }

.pkglist > div { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap }
.pkglist .paginate { margin: 10px 0; text-align: center }
.pkglist ul { margin: 20px 0; list-style-type: none; column-width: 300px }
.pkglist ul a { padding-right: 2px }

.pkgpage > div { display: flex; flex-wrap: wrap; margin-top: 15px }
.pkgpage h2 { border-bottom: 0; margin: 0 0 10px 0 }
.pkgpage ul { margin: 0; list-style-type: none }
.pkgpage section:first-child { border-right: 1px dashed #468; padding: 0 10px }
.pkgpage section:last-child { padding: 0 10px }

#manbuttons h1 { display: inline; margin: 0 20px 0 0; vertical-align: middle }
#manbuttons ul { list-style-type: none; display: inline-block }
#manbuttons li { display: inline-block }
#manbuttons li a { display: inline-block; outline: none; margin: 0 10px 0 0; padding: 5px 7px 8px 7px; text-decoration: none; border-top-left-radius: 7px 5px; border-top-left-radius: 7px 5px }
#manbuttons li a:hover { background: #f0f8ff }

.manpage nav { background: #f0f8ff; color: #036; float: right; padding: 8px; width: 250px; margin-bottom: 10px; border-radius: 8px; }
.manpage nav b { text-transform: uppercase; font-size: 13px }
.manpage nav p { margin: 3px 5px 20px 5px }
.manpage nav p a,
.manpage nav p i { padding: 3px 5px; font-size: 13px; font-style: normal; text-decoration: none;}
.manpage nav p a:hover,
.manpage nav p i {  background: #cde; border-radius: 5px }
.manpage nav ul { list-style-type: none; margin: 3px 10px 0 20px }
.manpage nav ul li a { overflow: hidden; margin-left: -10px; text-decoration: none; text-transform: capitalize }
.manpage nav form { margin: 0 0 10px 0 }
.manpage nav select { width: 200px }
.manpage nav input { width: 40px }

.locpage tr td { padding: 2px 7px }
.locpage tbody tr td:last-child { font-size: 12px }

.verpage p { margin-top: 15px }
.verpage tr td { padding: 2px 7px }
.verpage tbody tr td:last-child { font-family: "Lucida Console", monospace }

pre { margin: 10px 0 0 0 }
pre, pre * { font-family: "Lucida Console", Monospace; font-size: 15px }
pre b, pre em, pre a { color: #369; font-weight: normal; text-decoration: none }
pre em { font-style: italic }