/* reset */
header, nav, article, footer, body, html, pre code
{ display:block; margin:0; color:black; }

/* colors */
html, body { background-color:#fff8f0; }
footer     { background-color:#f0e4d0; }
pre code   { background-color:#f0e4d0; }

/* round corners, margins */
html     { margin:1.5em }
footer   { border-radius        : 1.5em;
           -moz-border-radius   : 1.5em;
           -webkit-border-radius: 1.5em;
           margin-bottom: 1.5em; padding: 1em; }
pre code { border-radius        : 1em;
           -moz-border-radius   : 1em;
           -webkit-border-radius: 1em;
           margin: 1em 0 1em 0;
           padding:0.5em;}
nav ul   { margin:  0;
           padding: 0 0 0 1em; }
header, nav, article { margin-bottom: 1.5em;
                       padding: 1em; }

/* style */
a:visited         { color: #822; }
a:hover           { color: #f50; }
code              { font-size: 120%; }
nav a             { text-decoration: none; }
nav ul, footer    { font-size: 0.83em; }
nav ul ul         { font-size: 1em; }
header blockquote { font-style: italic; } /* slogan */
header #logo      { float: right;
                    margin-bottom: 2em; }
h1                { font-size: 180% }
table tr td       { text-align: center;
                    padding: 5px; }
table tr th       { text-align: center;
                    padding: 5px; }

/* layout */
body    { width: 63em; margin: auto; }
article { float:left; margin-left:  18em; width: 42em;   }
nav     { float:left; margin-left: -61em; width: 14.5em; }
footer  { clear: both; }