* { margin: 0; padding: 0; }

body { font: 14px helvetica, arial, clean, sans-serif; margin-top: 30px; text-align: center; }

/* html, body */
/* height: 100% */
.main { width: 40em; text-align: left; margin-top: 3em; margin-right: auto; margin-bottom: 2em; margin-left: auto; }
.main h1 { -webkit-user-select: none; font: 24px "Helvetica"; color: #00cc00; }
.main h2, .main h3 { color: #000000; font-size: 97%; margin-bottom: 1em; }
.main a { text-decoration: none; color: blue; }
.main a:hover { color: #000000; text-decoration: underline; }
.main ul { padding-left: 40px; }
.main li { list-style-type: none; }

ul.projects { padding-left: 0px; }
ul.projects li { line-height: 1.5em; }

#post { font: 16px Times New Roman; }
#post .meta { color: #909090; font: 14px helvetica, arial, clean, sans-serif; margin-bottom: 1em; }
#post p { line-height: 1.3em; margin-top: 1em; }
#post code { font: 12px monaco, "courier new", monospace; }

#posts { position: relative; }

#date { color: gray; position: absolute; left: -40px; font-size: 90%; text-align: left; padding-top: 1px; }

#spacer30 { margin-top: 30px; clear: both; }

#spacer20 { margin-top: 20px; clear: both; }

#spacer15 { margin-top: 15px; clear: both; }