body {margin: 0; background: #fff; font: 100%/1.4 Georgia, serif;}
* html body {text-align: center;}

#wrapper {max-width: 600px; min-width: 300px; margin: 6px auto; padding: 18px 0 0;}
* html #wrapper {width: 600px; text-align: left;}

#wrapper div {padding: 0 0 6px; margin: 0 0 16px; border-bottom: solid 1px #eee;}

#wrapper div div {margin: 0; padding: 0; border: none;}

h1, h2, h3, h4, h5 {margin: 12px 0 2px 0;}

p {margin: 6px 0 12px 0;}

h1 {font-size: 140%; background: #eee; margin: 0 -3px; padding: 0 3px;}
h2 {font-size: 125%;}
h3 {font-size: 115%;}
h4 {font-size: 105%;}
h5 {font-size: 100%;}

pre {border-left: solid 3px #bbb; border-bottom: solid 1px #bbb; padding-left: 3px; width: 98%; overflow: auto;}
* html pre {padding-bottom: 1em;}
*+html pre {padding-bottom: 1em;}

table {width: 100%; border: none; border-collapse: collapse; margin: 0 0 15px 0;}
table th, table td {width: 20%; border: solid 1px #bbb; padding: 0 2px; vertical-align: top; text-align: left;}

#wrapper #footer {margin: 10px 20px; border: none;}

a {text-decoration: underline;}

i {font-weight: 200;}