body, html {
    padding:0;
    margin:0;
    font-family: 'Vollkorn', serif;
    background-color: #550000;
}

.header {
    padding: 1.7em 0 1.5em;
    text-align:center;
    background-color: #005540;
    color:#FFF;
}

.header h1 {
    font-size: 3em;
    margin:0;
}

.header a,
.header a:visited {
    color:#FFF;
    text-decoration: none;
}

h2 a,
h2 a:visited {
    color:#000;
}

h2 {
    text-decoration:underline;
    margin-bottom: 0.1em;
}

nav a {
    display:inline-block;
    margin: 0 1em;
    font-size:1.3em;
}

nav a.not-current {
    text-decoration: underline;
}

.main {
    min-height: 700px;
    background-color: #f8f8f8;
    margin: 0 0 5em;
}

.content {
    margin: 0 auto;
}

.inivisible {
    visibility: hidden;
}

.hidden {
    display:none;
}

.clever {
    width:600px;
    height:338px;
}

canvas {
    background-color:#FFF;
}

.buttons,
.buttons select,
.buttons button,
.buttons input  {
    font-family: Courier, serif;
}

.buttons button {
    display:inline-block;
    margin: 0 0.1em 0.1em 0;
}

input[type=range] {
    width: 100%;
}

.control div {
    clear:both;
}

.control label {
    display:block;
    clear:both;
}

.control label.radio {
    display:inline-block;
    margin: 0 1em 0 0;
}

.cb {
    clear:both;
}

a, a:visited {
    color:#111;
}