body {
font-family: arial, verdana, sans-serif;
color: #fff;
background-color: #000;
text-transform: uppercase;
}

a:link, a:visited, a:active {
color: #fff;
text-decoration: none;
}

a:hover {
margin-bottom: 1px;
text-decoration: none;
border-bottom: dotted 1px;
}

a:hover.link {
border-bottom: 0;
}

a:hover img {
border: dotted 2px;
padding: 5px 6px 5px 6px;
}

img {
border: none;
padding: 7px 6px 7px 6px;
}

div#masthead {
text-align: center;
width: 100%;
margin: 0 auto;
background-color: white;
}

div#menubar {
height: 5em;
}

div#menubar ul {
text-align: center;
padding-left: 0;
margin: -1px 0;
}

div#menubar ul li {
list-style: none;
display: inline;
}

div#menubar ul li a {
padding: 0 5%;
font-size: 150%;
font-weight: bold;
}

div#menubar ul li a:hover {
background-color: white;
color: #333;
}

div.submenu {
margin: -7px 0 0 0;
font-size: 80%;
}

div#main {
text-align: center;
width: 100%;
margin: 2em auto;
}

div#blog {
width: 61%;
text-align: justify;
margin: 2em auto;
}

#rights {
text-transform: none;
font-size: 60%;
}

/* Type styles */

.masthead {
text-align: center;
width: 100%;
margin: .2em auto;
font-size: 150%;
color: #333;
font-weight: bold;
}

.smaller {
font-size: 80%;
}

.para {
width: 39%;
margin: 2em auto;
font-family: sans-serif;
text-align: left;
text-transform: none;
font-size: 120%;
}

.post-header {
margin: 1em 0;
}

.post-date {
padding-right: .2em;
}

.post-title {
font-family: sans-serif;
text-align: left;
text-transform: none;
font-weight: bold;
font-size: 120%;
}

.post-body {
font-family: courier new, monaco, monospace;
width: 26em;
margin: auto;
text-transform: none;
}

.post-body a {
font-weight: bold;
}

.bigger {
font-size: 150%;
}

.biggest {
font-size: 200%;
line-height: 120%;
}

.huge {
font-size: 250%;
}