body, html {
    margin: 0;
    padding: 0;
    color: #333;
    background: #fff;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

input {
    margin: .5em 0;
}

#container {
    width: 750px;
    margin: 1em auto;
}

#container > div {
    margin: auto 1em;
}

#code {
    float: left;
    width: 50%;
}

#html {
    float: right;
    width: 50%;
}

#code2 {
    margin-right: 1em;
}

#html2 {
    margin-left: 1em;
}

#main textarea {
    width: 100%;
    height: 10em;
}

#html2 textarea {
    float: right;
}

#options {
    clear: both;
}

#divstyles {
    width: 50%;
}

#preview {
    padding-bottom: 3em;
}

#footer {
    border-top: 1px dotted #000;
}

#footer p {
    text-align: center;
    font-size: 75%;
}