main, article, section, aside, header, nav, footer, figure, figcaption, output  { display: block; }
mark, time { display: inline; }

html, body {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
background: #ffd;
color: black;
}

a, a:link { color: #400; text-decoration: underline; }
a:visited { color: purple; }
h1 a { color: brown; text-decoration: none; }
a:hover, a:focus, a:active {
background: #cb9;
color: #100;
text-decoration: underline !important;
}

strong { color: red; font-weight: bold; }

h1 {
font-size: 2.25em;
color: brown;
text-shadow: 3px 3px 3px 3px #cce;
background: linear-gradient(to bottom, #ffd, #fa4);
}
h2 {
font-size: 1.75em;
color: brown;
text-shadow: 2px 2px 2px 2px #dde;
}
h3 {
font-size: 1.55em;
color: brown;
}
h4 {
font-size: 1.4em;
color: brown;
}
h5 {
font-size: 1.3em;
color: brown;
}
h6 {
font-size: 1.25em;
color: brown;
}

input, select, textarea, button {
background: #ffe;
color: brown;
border: solid 2px #abe;
}
input:focus, input:active, input:hover, textarea:focus, textarea:active, textarea:hover, select:focus, select:active, select:hover {
background: white;
color: black;
border: solid 3px #69d;
}
input:invalid, input[aria-invalid], textarea:invalid, textarea[aria-invalid], select:invalid, select[aria-invalid]  {
border: solid 3px red;
}
button:focus, button:active, button:hover, input[type=checkbox]:focus, input[type=checkbox]:active, input[type=checkbox]:hover, input[type=radio]:focus, input[type=radio]:active, input[type=radio]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit]:hover,  input[type=button]:focus, input[type=button]:active, input[type=button]:hover,  input[type=reset]:focus, input[type=reset]:active, input[type=reset]:hover {
background: #cb9;
color: black;
border: solid 3px #48d;
}
label {
display: inline-block;
min-width: 20%;
text-align: right;
padding-right: 0.5em;
cursor: pointer;
}
button, input[type=submit], input[type=reset], input[type=button], input[type=checkbox], input[type=radio] { margin-left: 20%; }
input[type=checkbox]+label, input[type=radio]+label { text-align: left; padding-right: 0; }
input+button, input+input, select+button, select+input { margin-left: 1px; } /* cancel 20% margin */

figure.left { float: left; }
figure.right { float: right; }

#header { float: left; }
#search { float: right; padding-top: 1.75em; }
#menu ul, #menu li { list-style-type: none; }
#main { clear: both; border-top: solid 1px #fa4; }

#menu li, .box, .boxlink {
display: inline-block;
margin-left: 1em;
margin-right: 1em;
}

.hidden {
position: absolute;
left: -2px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}