/** Helpers */
.wide { width: 100%; }
.align_left { text-align: left; }
.align_right { text-align: right; }

/** HTML */
body {
    font-family: /* "Myriad Pro", */ "Gill Sans", "Segoe UI", "Tahoma", "Trebuchet MS", "DejaVu Sans", "Garuda", "Verdana", sans-serif;
    text-align: center;
}
    body .container {
        width: 986px;
        margin: auto;
        text-align: left;
    }

select, input, textarea, label {
    padding: 0.4em;
}
ul, ol {
    padding: 0.25em 0.25em 0 0.25em;
}
li {
    margin: 0.25em 0.25em 0.25em 1.5em;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/** Common */
.header {
    padding: 1em 0 0.75em 0;
    font-size: 2em;
    font-weight: bold;
    font-family: "Cabin Sketch", "Myriad Pro", "Segoe UI", "Trebuchet MS", "DejaVu Sans", "Garuda", "Verdana", sans-serif;
}
.win .header {
    /** Webfonts/@fontface look bad on windows with cleartype :( */
    font-family: "Myriad Pro", "Segoe UI", "Trebuchet MS", "DejaVu Sans", "Garuda", "Verdana", sans-serif;
}
    .header a, .header a:hover {
        text-decoration: none;
    }
    .definition {
        margin-left: 0.5em;
        font-size: 0.6em;
        font-weight: normal;
        font-style: italic;
    }
.subheader {
    font-size: 1.25em;
    font-weight: bold;
    font-family: "Cabin Sketch", "Myriad Pro", "Segoe UI", "Trebuchet MS", "DejaVu Sans", "Garuda", "Verdana", sans-serif;
}
.win .subheader {
    /** Webfonts/@fontface look bad on windows with cleartype :( */
    font-family: "Myriad Pro", "Segoe UI", "Trebuchet MS", "DejaVu Sans", "Garuda", "Verdana", sans-serif;
}
    .subheader a, .subheader a:hover {
        text-decoration: none;
    }
.message {
    margin: 0 0 1em 0;
    padding: 0.5em 0 0.3em 0.4em;
    display: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.footer {
    clear: both;
    margin: 0em 1.6em 1.6em 1.6em;
    padding-top: 4em;
    font-size: 0.75em;
}