body         { font-family: 'Georgia', serif; font-size: 17px; color: #000; background: #eee;}
h1, h2, h3, h4   { font-family: 'Garamond', 'Georgia', serif; font-weight: normal; }
h1           { margin: 0 0 30px 0; font-size: 36px;}
h1 span      { display: none; }
h2           { font-size: 26px; margin: 15px 0 5px 0; }
h3           { font-size: 22px; margin: 15px 0 5px 0; }
h4           { font-size: 15px; margin: 15px 0 5px 0; }

.box            { width: 700px; margin: 10px auto ; }
.page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;
                  padding: 0.8em; background: white; }
.entries        { list-style: none; margin: 0; padding: 0; }
.entries li     { margin: 0.8em 1.2em; }
.entries li h2  { margin-left: -1em; }
.add-entry      { font-size: 0.9em; border-bottom: 1px solid #ccc; }
.add-entry dl   { font-weight: bold; }
.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }
.flash          { background: #CEE5F5; padding: 0.5em;
                  border: 1px solid #AACBE2; }
.error          { background: #F0D6D6; padding: 0.5em; }
textarea, code,
pre          { font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono',
               monospace!important; font-size: 14px; background: #eee; }
pre          { padding: 0px 30px; margin: 15px -30px; line-height: 1.3; }