* {border:0;padding:0;margin:0;font-size:inherit;font-weight:normal}
html {background:#fff;color:#000;font-size:12pt;font-family:"LMSans12",sans-serif}
header,section,output {display:block}
#siteHeader {position:fixed;top:0;left:0;height:48px;width:100%;border-bottom:2px solid #777;background:#fff}
#siteHeader h1 {margin:0;position:absolute;bottom:2px;left:20px;color:#333}
#siteHeader a {text-decoration:none;color:inherit;font-size:16pt;letter-spacing:0.05em}
#siteHeader a:hover {color:#00f}
#siteHeader a:focus {outline:none}

#post {margin:2em 0 0;overflow:auto;color:#000;padding:3em 3em 6em 3em}
h1 {font-size:18pt;margin:0 0 40pt}
h2 {font-size:14pt;letter-spacing:1.5pt;margin:10pt 0}
h1 + h2 {font-size:16pt;line-height:1.0;letter-spacing:normal;margin-top:-40pt}
h3 {font-size:12pt;letter-spacing:1.5pt}
/*p time {font-family:"LMSans12",sans-serif;position:relative;top:-22pt} /*ugly hack, the markup isn't right here*/
p time {font-family:"LMSans12",sans-serif}
#post p {margin:28pt 0;font-family:Georgia,serif;font-size:12pt;line-height:1.4;padding:0}
#post p.update {font-size:12pt}
#post pre {margin:28pt 0}
#post li {font-family:Georgia,serif;font-size:12pt;line-height:1.4;padding:0 2em 0 0}
#post ul {margin:0 0 28pt}
#post ol {margin:28pt 0}

#post blockquote {margin:28pt 0;padding:2em 4em;font-family:Georgia;font-weight:lighter;font-size:13pt}
#post blockquote p {margin:8pt;font-family:Georgia;font-weight:lighter;font-size:13pt;text-align:justify}
#post blockquote pre {margin:8pt}
#post blockquote:before {content:"“"}
#post blockquote:after  {content:"”"}
#post blockquote::before {display:block;position:relative;font-size:32pt;color:#555}
#post blockquote::after  {display:block;position:absolute;font-size:32pt;color:#555;top:auto;right:68pt}
#post .quote-author {margin:0;padding:0 4em;font-family:Georgia;text-align:right;font-weight:lighter;font-size:13pt}

#post script.visible {display:block;margin:28pt 0;white-space:pre;font-size:14pt;font-family:"Courier New",monospace}
#post textarea.live {display:block;margin:28pt 0;padding:.2em;width:98%;height:1em /* actual height set by JavaScript */
                    ;white-space:pre;font-size:13pt;font-family:"Courier New",monospace}
#post textarea.live, .codeColor {background:#f0f0ff}
#post code {font-family:"Courier New",monospace}
#post output {margin:8pt 0 28pt;padding:.2em;width:98%}
#post output, .outputColor {background:#f0fff0}
#post table {border-collapse:collapse}
#post td,th {border:1px solid black;padding:0 .5em .2em}

/*#replies {position:absolute;top:50px;right:0;bottom:0;width:30%;overflow:auto
         ;background:#e5e5e5;color:#111
         ;padding:2em 2% 2em
         ;list-style:none
         ;font-size:14pt}
#replies:before {content:"comments"}
#replies::before {position:absolute;top:0;left:14pt;font-size:16pt;line-height:30pt}
#replies time {float:right}
#replies ol {margin:0 0 0 1em;list-style:none}
#replies li {font-size:98%;border-style:solid none solid solid;border-width:1px;border-color:#888;padding:0.5em 0 10px 0.5em;margin:1.5em 0 0 -1em}
#replies li .body {position:relative;padding:0 0 4px 0}
#replies p {margin-top:0.3em;line-height:1.05}
#replies p + p {margin-top:0.7em}
.replyButton {position:absolute;right:0;bottom:-11px}

input[type=button] {border:1px solid;border-color:transparent #888 #888 transparent;background:transparent;font-size:11px;padding:3px 2px 2px 5px}
input[type=button]:hover {background:#fff;border-color:transparent #000 #000 transparent;color:#00f}

#replyButton {position:static;font-size:12pt;margin:2em 0 0 -1em}

#postComment {font-family:Georgia,serif;font-size:14pt;position:fixed;z-index:1;width:auto;right:34%;bottom:17%;background:#bbb;border:2px solid #00f;padding:2px 0}
#commentInput {width:26em;height:28ex;margin:8px 12px 8px;padding:8px;font-family:"Bitstream Vera Sans Mono","Andale Mono",monotype}
label {font-size:12pt;display:block;text-align:right;color:#222;width:22em;margin:8px 0}
label input {width:14em;font-size:14pt}
#postComment input[type=button] {background:#ddd;font-size:10pt;line-height:1.0}
#postComment input[type=button]:hover {background:#fff}
#controls {font-size:12pt;position:absolute;right:12px;bottom:0}
#controls * {display:block;margin-bottom:4px}

#helpBox, #commentNote {position:fixed;top:30%;background:white;border:1px solid #00f;padding:1em;z-index:2}
#helpBox {left:30%;width:40%}
#commentNote {width:30%;right:15%}

#helpBox p {padding:1em}
#commentNote p {padding:1em}

#commentNote input[type=button], #helpBox input[type=button] {display:block;margin:2em auto 0 auto}

#commentPreview {position:relative;background:#888;color:#fff;overflow:hidden}
#commentPreview span {position:absolute;right:0;top:-1pt;color:#fff;background:#c00;padding:1px 4px;font-family:Verdana,sans;font-size:9pt;font-weight:bold}
body.replyMode .replyButton, body.replyMode .replyButton:hover {color:#aaa;border-color:transparent #aaa #aaa transparent}
*/

#replies {color:#000;padding:3em 3em 6em 3em}