body {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 62.5%;
margin: 0px;
padding: 0px;
}

#contents {
width: 600px;
border: 0px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
padding-top: 0px;
}

#container {
padding-top:10px;
width: 320px;
float: left;
}

#container a {
color: #393;
text-decoration: none;
}

img {
border: 0px;
}

/* begin header */

#header {
padding: 5px;
padding-bottom: 10px;
margin-bottom: 5px;
}

#header .title {
color: #999;
font-size: 2em;
}

#header .title a {
color: #393;
text-decoration: none;
}

#header .subtitle {
color: #999;
font-size: 1.5em;
}

#header .subtitle a {
color: #393;
text-decoration: none;
}

/* end header */

/* begin content */

#content {
padding: 5px;
background-color: #fff;
text-align: justify;
}

#content .post {
padding-bottom: 10px;
}

#content .title {
color: #393;
font-size: 1.5em;
}

#content .subtitle {
color: #999;
font-size: 1.25em;
}

#content blockquote {
font-size: 1.3em;
margin: 15px;
margin-left: 30px;
margin-right: 30px;
padding: 5px;
padding-left: 10px;
border-left: 1px dashed #999;
background-color: #eee;
}

#content p {
font-size: 1em;
padding-top: 10px;
}

#content form {
font-size: 1.4em;
}

#content a {
color: #393;
text-decoration: none;
}

/* end content */

#footer {
clear: both;
padding: 5px;
margin-top: 5px;
text-align: center;
background-color: #fff;
}

#footer p {
font-size: 1em;
color: #999;
}

#footer a {
color: #393;
text-decoration: none;
}