/* Global Reset */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background-color: white; font: 13.34px arial, helvetica, clean, sans-serif; *font-size: small; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
h1 {margin-bottom: 1em;}
p { margin: 1em 0; }
a { color: #00a; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
a:visited { color: #a0a; }
table { font-size: inherit; font: 100%; }

/* Home */
ul.posts { list-style-type: none; margin-bottom: 2em; }
ul.posts li { line-height: 1.75em; }
ul.posts span { color: #aaa; font-family: Monaco, "Courier New", monospace; font-size: 80%; }

/* site */
.site { font-size: 110%; text-align: justify; width: 42em; margin: 3em auto 2em auto; line-height: 1.5em; }
.title { color: #a00; font-weight: bold; margin-bottom: 2em; }
.site .title a { color: #a00; text-decoration: none; }
.site .title a:hover { color: black; }
.site .title a.extra { color: #aaa; text-decoration: none; margin-left: 1em; }
.site .title a.extra:hover { color: black; }
.site .meta { color: #aaa; }
.site .footer { font-size: 80%; color: #666; border-top: 4px solid #eee; margin-top: 2em; overflow: hidden; }
.site .footer .contact { float: left; margin-right: 3em; }
.site .footer .contact a { color: #8085C1; }
.site .footer .rss { margin-top: 1.1em; margin-right: -.2em; float: right; }
.site .footer .rss img { border: 0; }

/* post */
#post h1{font-size: 1.5em;}
#post pre { border: 1px solid #ddd; background-color: #eef; padding: 0 .4em; overflow: auto; }
#post ul, #post ol { margin-left: 1.35em; }
#post code { border: 1px solid #ddd; background-color: #eef; font-size: 85%; padding: 0 .2em; }
#post pre code { border: none; overflow: auto;}

#post pre.terminal { border: 1px solid black; background-color: #333; color: white; }
#post pre.terminal code { background-color: #333; }

#related { margin-top: 2em; }
#related h2 { margin-bottom: 1em; }