body { font-size: 2.9vw;} #logoholder>#logotext { top: 1vw;} header h1 span{ font-size: 35%;} @media (min-width: 20rem) { body { font-size: 2.4vw;} #logoholder>#logotext { top: 1.2vw;} header h1 span{ font-size: 40%;} } @media (min-width: 30rem) { body { font-size: 2.0vw;} #logoholder>#logotext { top: 1.5vw;} header h1 span{ font-size: 45%;} } @media (min-width: 40rem) { body { font-size: 1.7vw;} #logoholder>#logotext { top: 1.8vw;} header h1 span{ font-size: 50%;} } @media (min-width: 50rem) { body { font-size: 1.4vw;} #logoholder>#logotext { top: 2.2vw;} header h1 span{ font-size: 55%;} } @media (min-width: 60rem) { body { font-size: 1.2vw;} #logoholder>#logotext { top: 2.7vw;} header h1 span{ font-size: 60%;} } body { -webkit-animation: bugfix infinite 1s;} @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } body{ font-family: Verdana, Helvetica, Geneva, Arial, sans-serif; text-align: left; line-height: 1.3;} body{ background-color: #fff;} div,span,img,form,h1,h2,h3,h4,ul,ol,dl,li{ background-color: transparent;} body,div,span,img,form,h1,h2,h3,h4,ul,ol,dl,li{ margin: 0; padding: 0;} body,div,span,form,            ul,ol,dl,li,p,main p{ color: #1C1003;} h1,h2,h3,h4{ color: #313766;} header, section, footer, aside, nav, main, article, figure { display: block;} #logoholder>#logoimage { position: static; top: 0px; z-index: 1; width: 100%; height: auto;} #logoholder>#logotext { position: absolute; left: 33%; z-index: 2; background-color: transparent;} h1,h2{ font-weight: normal; margin-bottom: .5em;} h3,h4{ font-weight: bold;} h1{ font-size: 2.0em;} h2{ font-size: 1.8em;} h3{ font-size: 1.4em;} h4{ font-size: 1.1em;} .updated { font-style: italic; text-align: right;} .center  { text-align: center;} textarea, input, select{ width: 20em; border: 1px solid #888;} textarea{ vertical-align: text-top;} input.button {width: auto} label{ width: 10em; float: left;} pre, code, .ppre, .ppreflush{ margin: 0; font-family: courier,monospace;} pre, .ppre, .ppreflush{ background-color: #ffe;} .ppre{ padding: 0 4em; text-indent: -3em;} .ppreflush,pre{ padding: 0 1em;} .tmnl{ font-style: italic; color: #313766; padding: 0 4em; margin: 0;} #wrap, #footer{ margin: 1em auto 0 auto; width: 97%; background-color: #fff; position: relative; min-width: 30em; max-width: 90em;} header h1{ margin: 0; font-weight: bold; color: #0078ba; background-color: #fff; padding-bottom: 0em; padding-top: .2em; line-height: 0.9;} header h1 span{ color: #6bc9cb;} main { margin: 1em 2em 0 2em; padding: 1em 2em; background-color: #e8e8ff  ; border: 1px solid #1C1003; border-radius: 0.4em;} main ul{ margin-left: 2em; margin-bottom: 1em;} main a{ text-decoration: none; font-weight: bold;} main a, main a:visited { color: #0078ba;} main a:hover { text-decoration: underline; color: #d20;} #footer { font-size: 0.8em; text-align: center; clear: both; color: #888; padding: 1em 0; border-top: 1px solid #888; margin-top: 2em;} #footer p { margin: 0; color: #888;} #footer a { color: #aaa; text-decoration: none;} .gratuitous{ padding: 30em 0;} .gratuitous p{ text-align: center; font-size: 80%; font-style: italic; color: #888;} .r {float: right;} .l {float: left;} .logoprint { display: none;} #dropdown{ margin-top: 0em; background-color: transparent; padding: 0;} #dropdown{ position: fixed; right: 2em; z-index: 10; font-size: 150%;} #dropdown input[type=checkbox]{ display: none;} #dropdown label{ width: auto; float: right; display: inline-block; background-color: #f8f8ff; cursor: pointer; color:#444; padding: 0.3em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid gray; border-radius: 4px;} #dropdown ul{ list-style: none; box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.25); margin: 0; padding: 0; background-color: #fff; border:1px solid #888; border-radius: 0.2em; display: none;} #dropdown ul li{ background-color: #fff; cursor: pointer; border-bottom:1px solid #888;} #dropdown a{ text-decoration:none; display: block; width: 16em;} #dropdown a, #dropdown a:link, #dropdown a:visited { color:#444;} #dropdown ul li:hover{ background-color: #777; color: #e8e8ff;} #dropdown ul li a:hover{ background-color: #777; color: #e8e8ff;} #dropdown input[type=checkbox] ~ label .menuoff { display: inline;} #dropdown input[type=checkbox] ~ label .menuon { display: none;} #dropdown input[type=checkbox]:checked ~ label .menuoff { display: none;} #dropdown input[type=checkbox]:checked ~ label .menuon { display: inline;} #dropdown input[type=checkbox]:checked ~ ul { display: block; margin-top: 2em;}