html {
   overflow: -moz-scrollbars-vertical;
   overflow-x: auto;
   }

body {
   background: #232323 url('images/bkg_coffeeNwritingS.png') no-repeat center top;
   height: 100%;
   margin:0;
   color:#d7cce0;
   }

body.image {
   background: #232323 url('images/bkg_coffee.png') no-repeat center -25px;
   height: 100%;
   margin:0;
   }

.container {
   background: none;
   width: 699px;
   clear: both;
   position: absolute;
   top: 128px;
   left: 50%;
   margin-top: 0;
   margin-left: -350px;
   padding: 18px 0 9px 0;
   z-index: 0;
   }

h2 {
   font: bold 1.2em georgia, times, serif;
   color: #5c4e68;
   text-align: center;
   margin: 0 0 9px 0;
   }

h3 {
   font: oblique .85em georgia, times, serif;
   text-align: center;
   margin: 0 0 9px 0;
   }

p {
   font: .85em georgia, times, serif;
   line-height: 1.4;
   margin: 0 0 9px 0;
   }

p.sample {
   line-height: 1.6;
   }

p.sample_last {
   line-height: 1.6;
   margin-bottom: 16px;
   }

p.menu {
   width: 699px;
   height: 28px;
   position: absolute;
   top: 99px;
   left: 50%;
   margin: 6px 0 0 -338px;
   font: .75em georgia, times, serif;
   z-index: 3;
   }

p.list {
   color: #472e5c;
   font-weight: bold;
   font-style: italic;
   margin: 0 8px 0 40px;
   }

a {
   color: #f1e3a3; 
   text-decoration: none;
   border-bottom: 1px dashed #f1e3a3;
   }

a:hover {
   color: #d7cce0;
   text-decoration: none;
   border: none;
   }

a.out {
   color: #c6ff4c;
   text-decoration: none;
   border: none;
   }

a.out:hover {
   color: #aa77aa;
   border: none;
   }

ul {
   list-style: square inside;
   margin-top: 0;
   margin-bottom: 0;
   }

li {
   font: .85em georgia, times, serif;
   line-height: 1.5;
   }

blockquote {
   font: .75em 'courier new', courier, monospace;
   }