body { font: 16px/1.5 Georgia, Times New Roman, serif; background: #f0f0f0; color: #000; margin: 0; padding: 0; text-align: center; }
.container { background: #fff; text-align: left; margin: 0 auto; padding: 80px 48px 0; width: 860px; }

p { margin: 1.5em 0; }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
a { background: #62afcd; color: #fff; text-decoration: none; }
code { font-size: 80%; }
pre { font-size: 70%; font-family: Monaco, Consolas, Lucida Console, monospace; padding: 0 24px; }

.logo { font-weight: bold; font-family: Helvetica, Arial, sans-serif; letter-spacing: -0.08em;  }
.logo .symbol { font-style: italic; font-weight: normal; font-family: Georgia, Times New Roman, serif; padding-right: 0.06em; }
.error { background: #fee; border: 1px solid #900; color: #900; padding: 12px; font: bold 13px Helvetica, Arial, sans-serif; }

.header { border-bottom: 1px solid #ccc; margin: 0 -48px; padding: 0 48px; }

h1 { margin: 0 0 24px -48px; _margin-left: -24px; float: left; width: 328px; }
h1 a { font-size: 72px; background: #c4e510; color: #fff; text-decoration: none; display: block; padding: 0 24px 0 48px; }
h1 .tagline { font-style: italic; font-weight: normal; font-size: 14px; display: block; padding: 8px 24px 0 48px; }

.navigation { float: left; margin: 0; padding: 0; }
.navigation li { list-style: none; float: left; margin: 0 0 0 60px; _margin: 0 0 0 30px; padding: 0; width: 220px; }
.navigation h3 { margin: 0; padding: 0; }
.navigation a { font: 16px Helvetica, Arial, sans-serif; padding: 0 8px; }
.navigation p { font-size: 90%; color: #444; margin: 0.4em 0; }

form { clear: left; float: left; width: 220px; margin: 24px 60px 24px 0; }
form ul { margin: 0; padding: 0; }
form li { margin: 0 0 4px; padding: 4px 8px; list-style: none; background: #4d6f9f; color: #fff; }

.main { float: left; width: 580px; padding: 24px 0; }
h2 { font-size: 150%; font-weight: normal; margin: 0 0 24px; }
.logs { font-size: 80%; font-family: Helvetica, Arial, sans-serif; }
.logs li { margin-bottom: 1em; }

.main form { margin: 0; }
.main textarea { width: 576px; height: 300px; font: 0.8em Monaco, Consolas, Lucida Console, monospace; }

.footer { clear: both; border-top: 1px solid #ccc; margin: 24px -48px; _margin: 12px -48px; padding: 24px 48px 80px 328px; font-size: 90%; position: relative; zoom: 1; }
.footer .logo { position: absolute; left: 48px; top: 20px; margin: 0; font-size: 120%; color: #888; }