/*background-color: #eeeeee;
   It is very important to use fixed
   background will not scroll, cause less eye strain
   On ipad/iphone fixed has no effect, that is acceptable
   because their screen is smaller than 800. */

body {
    font-family: georgia; 
    line-height: 1.2em;
    background:fixed url(../images/bkg.png);
    padding-top: 20px;
    padding-bottom: 50px;
}

h1,h2,h3 {
    font-family: arial;
}

img.gohome {
  border: 0;
}

pre {
    font-family: "Lucida console";
    word-wrap: break-line;
    margin: 10px;
}

div#wrap-top {
    width: 800px;
    height: 20px;
    background: url(../images/wrap-top.PNG);
}

div#wrap-bot {
    width: 800px;
    height: 20px;
    background: url(../images/wrap-bot.PNG);
}

div#wrap {
    width: 800px;
  margin-left: auto;
  margin-right: auto;
}


/* background color: c7eacc */
/* Vertical padding will make its child element's margin
   be contained inside the parent
*/
div#wrap-content {
    color: #000000;
    background-image: url(../images/wrap-content.PNG);
    background-repeat: repeat-y;
    padding: 10px  20px 10px 20px;
}

img {
  border:none;
  height: auto;
  width: auto;
}

h1 {
  margin-top: 1em;
}


div#wrap-content {
    padding: 10px  30px 10px 30px;
}