html {
background-color:#aaa;
}
body {
margin:0 auto;
font-family:'Alef', Helvetica, sans-serif;
width:100%;
padding:0;
position:relative;
box-sizing: border-box;
border: 12px solid #E4DED8;
}
#headblock {
    background: #E4DED8;
    padding: 20px 0px 50px;
}
h1,
h2,
h3,
cite {
font-family:'Alef', Helvetica, sans-serif;
}
h1 {
font-size:4em;
text-align:center;
font-weight:bold;
padding: 20px 0;
}
cite {
display:block;
font-size:2.5em;
padding-top:0.3em;
font-style:italic;
text-align:center;
}
h2 {
font-size:2.8em;
padidng-bottom:1.5em;
}
h3 {
font-size:2.2em;
padding:1em 0 0.2em;
border-bottom:0.1em solid #ccc;
}
h4 {
font-size:2em;
padding:1em 0;
font-weight:bold;
}
h5 {
font-size:2em;
padding:0.7em 0.45em;
}
ul, ol {
padding-left:3em;
}
ul {
list-style-type:disc;
}
ol {
list-style-type:decimal;
}
li {
margin-bottom:0.5em;
line-height:120%;
}
li li {
font-size:1em;
margin-bottom:0;
margin-top:0.5em;
}
p, li {
font-size:1.8em;
}
p {
margin-bottom:0.75em;
}
a {
text-decoration:none;
color:#09f;
}
a:hover {
text-decoration:underline;
}
form#demo {
border: 5px solid;
height:100%;
overflow:hidden;
padding:0px 30px 30px;
width:40%;
margin: 0 auto;
}
#helpfiles {
width:40%;
margin: 0 auto;
padding: 20px 0px;
}
#demo h2 {
font-family:'Alef', Helvetica, sans-serif;
padding:1.5em 0 0;
text-align:left;
}
#demo a {
color:#333;
}
label {
color:#aaa;
cursor:pointer;
float:left;
font-size:1.75em;
margin:0.5em 0;
}
label input,
label select {
display:block;
font-size:1.45em;
margin-top:0.2em;
}
#preview {
text-align:center;
padding:3em 0 1em;
min-height:15em;
display:block;
}
#preview img {
max-width:100%;
height:auto;
}
.seperator {
float:left;
font-size:8em;
margin-top:0.1125em;
}
.slash {
padding:0 0.3em;
}
.period {
padding: 0 0.1em;
}
.ampersand {
clear:left;
padding-right:0.2em;
}
.example {
font-family:'Alef', Helvetica, sans-serif;
color:#333;
}

dl {
overflow:auto;
height:100%;
}
dt,
dd {
font-size:1.8em;
}
dd {
line-height:120%;
}
dd.author {
font-style:italic;
margin-bottom:1em;
font-family:'Alef', Helvetica, sans-serif;
}

table {
margin-bottom:2.5em;
width:100%;
}
th,
td {
font-size:1.5em;
padding:0.3em 0.6em;
}
th {
font-weight:bold;
}
td {
border-bottom:0.1em solid #aaa;
}
td a {
color:#000;
}
#supported-by {
background-color: #FFFFFF;
left: -16em;
position: absolute;
top: 8em;
width: 17em;
border-left:0.6em solid #ccc;
}
#about {
margin-bottom:1em;
}