/*-- resets --*/
body, html, h1, h2, h3, h4, h5, h6, form, ul, ol, li { margin: 0; padding: 0; }

body { padding: 40px 0 0; font-family: sans-serif; font-size: 14px; line-height: 20px; color: #000; background: #fff; }

.body { position: relative; margin: 0 20px 0 340px; width: 600px; }

h1, h2, h3 { margin: 2em 0 1em; letter-spacing: -0.05em; line-height: 1; }

h1 { margin: 0 -40px 40px -340px; padding: 0 0 39px 335px; border-bottom: 1px solid #ddd; font-size: 60px; }
h2 { font-size: 40px; line-height }
h3 { font-size: 20px; }
h4 { margin: 20px 0 0; font-size: 16px; line-height: 20px; }
h5 { margin: 20px 0; font-size: 1em; line-height: 20px; }

p { margin: 20px 0; }

ol { margin-left: 40px; }
ol li { margin: 20px 0; }

ul { list-style-type: none; }
ul li { padding-left: 40px; background: url(../images/bullet.gif) no-repeat 20px 0.6em; }

sup { white-space: nowrap; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; }
sup a { text-decoration: none; }

.date { float: left; margin: 0 0 0 -300px; width: 260px; font-size: 12px; color: #aaa; }

.lead { margin: 40px 0; font-size: 22px; line-height: 30px; font-family: georgia, serif; color: #555; }
.lead *:first-child { margin-top: 0; }
.lead *:last-child { margin-bottom: 0; }

figure { display: block; }
figure img { display: block; }
figure figcaption { display: block; font-size: 12px; line-height: 20px; font-style: italic; }
figure figcaption p { margin-top: 10px; }

figure.left { float: left; margin-left: -300px; width: 260px; }

figure.span { margin: 20px 0 20px -300px; width: 900px; }

blockquote { margin-left: 20px; border-left: 3px solid #252525; padding-left: 17px; }
blockquote p { font-family: georgia, serif; font-style: italic; }
blockquote cite { display: block; font-size: 12px; }

blockquote.right { margin: 0 -20px 20px 20px; border-top: 3px solid #252525; padding-top: 17px; float: right; width: 220px; }
blockquote.right p { margin-top: 0; }
blockquote.right p:first-child { text-indent: -0.4em; }

.footnotes { margin-top: 2em; font-size: 12px; width: 44em; }
.footnotes li { margin: 0; }


.comments { margin: 40px -40px 0 -340px; border-top: 1px solid #ddd; }
.comments .comment { margin-top: -1px; border-bottom: 1px dotted #ddd; padding: 0 40px 0 340px; }
.comments .comment h5 { float: left; margin: 0 0 20px -300px; width: 260px; }
.comments .comment h5 a { text-decoration: none; color: #000; }
.comments .comment h5 img { display: block; float: left; padding-right: 7px; border: none; }
.comments .comment .message { font-size: 12px; }
/*.comments .comment .message blockquote { font-size: ;}*/

.commentform div { margin: 5px 0; }
.commentform div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.commentform .input label { display: block; float: left; margin-left: -300px; width: 280px; text-align: right; }
.commentform .input input[type=text],
.commentform .input textarea { font-family: sans-serif; font-size: 12px; line-height: 20px; width: 300px; }
.commentform .input textarea { -webkit-appearance: textfield; -moz-appearance: textfield;  }
.commentform .submit { margin: 20px 0 0; }

#footer { margin: 40px -40px 0 -340px; padding: 40px; border-top: 1px solid #ccc; font-size: 12px; background: #eee; }
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer h3 { margin-top: 0; }
#footer #about { float: left; width: 260px; margin-right: 40px; }
#footer #previously { margin-left: 300px; }
#footer #previously ul { list-style-type: none; }
#footer #previously ul li { padding: 0; background: none; color: #999; }
#footer #previously ul li a { font-weight: bold; color: #000; text-decoration: none; }