html, body {
    font-family: sans-serif;
}

div.mainbody, footer {
    width: 80%; margin: auto;
}
header#heading {
    background: lightblue;
    padding: 1px;
    _padding-left: 20px;
}
h1 {
    margin-top: 1em;
    margin-bottom: 1em;
}
footer {
    padding: 20px;
    padding-left: 20px;
}
footer div div {
    float: left;
    width: 30%;
}
footer div div:last-child {
    float: right;
}

a { border: 0px }
img { border: 0px }

nav ul { margin: 1em 0px; }
nav ul.horiz li { display: inline }


@media screen and ( max-width: 480px ) {

    body {
    }
    div.mainbody, footer {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    header#heading nav ul {
        padding: 0px;
        padding-left: 5px;
        margin: 0.5em 0px;
    }
    h1 {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    footer {
        padding: 5px;
        background: lightblue;
        font-size: smaller;
    }
    footer div div,
    footer div div:last-child {
        width: 95%;
        clear: both;
        float: none;
    }
}