body {
    background-color : #345;
    font-family      : sans;
    margin           : 0 auto;
    margin-bottom    : 16px;
    width            : 600px;
}

a:link {
    color : #123;
}

a:visited {
    color : #153;
}

.header {
    border-bottom : 1px solid;
    position      : relative;
}

.header .name {
    bottom     : 0px;
    float      : left;
    left       : 0px;
    margin-top : 0px;
    position   : absolute;
}

.header .name h1 {
    margin-bottom  : 0px;
    padding-bottom : 0px;
}

.gravatar {
    float          : right;
    vertical-align : bottom;
}

.clear {
    clear : both;
}

.nav {
    text-align : center;
}

.nav ul {
    font-size     : small;
    font-weight   : bold;
    margin-bottom : 0px;
    padding-left  : 0px;
}

.nav li {
    background-color : #8c8;
    border           : 1px solid black;
    bottom           : -4px;
    display          : inline;
    padding          : 2px;
    padding-bottom   : 0px;
    position         : relative;
}

.nav li a:link {
    color           : black;
    text-decoration : none;
}

.nav li a:visited {
    color           : black;
    text-decoration : none;
}

.nav li.active {
    background-color : #58a;
}

.main_content {
    background-color : #8c8;
    border           : 1px solid;
    padding          : 8px;
}

.main_content h4 {
    background-color : #58a;
    border           : 1px solid;
    margin           : 8px;
    padding          : 2px;
}