<style type="text/css">
a:link { color:#0000ff; text-decoration:underline }
a:visited { color:#aaaaaa; text-decoration:underline }
a:hover { color: #ff0000; text-decoration:underline }
a:active { color:#ffee00; text-decoration:underline }
a:focus { color:gray; text-decoration:underline }
</style>

.sidebar {
    width: 17%;
    vertical-align: top;
}
.main {
    width: 83%;
    vertical-align: top;
}

@media screen and (max-width: 800px) {
    .sidebar, .main {
        width: 100%;
        display: block;
    }
}
