/* ALL SECTIONS */

body { 
  cursor: auto; /* default auto crosshair pointer */
  background-image: url(graphics/gfx_bgnd.png); /* none url(url address here) */
  background-color: #ffffff; /* hex rgb(0, 0, 0) transparent*/
  background-position: top left; 
  background-attachment: scroll; /* fixed scroll */
  background-repeat: repeat-y; /* no-repeat repeat repeat-x repeat-y */
  font-family: Georgia,Verdana,sans-serif; /* desired font followed by generic font */
  font-size: 1em; /* 2em equals twice normal size */
  font-style: normal; /* normal italic oblique */
  font-variant: normal; /* normal small-caps */
  font-weight: normal; /* normal 100-900 bold */
  color: #000000; /* hex rgb(0, 0, 0) */
  letter-spacing: normal; /* normal pixels */
  text-align: justify; /* left right center justify */
  text-decoration: none; /* none underline overline line-through blink */
  text-indent: 0px; /* pixels percentage */
  text-transform: none; /* none capitalize lowercase uppercase */
  line-height: normal; /* normal number pixels percentage */
  word-spacing: normal; /* normal pixels */ 
}

/* HYPERLINKS */

a:link {color: #003333; text-decoration: none; }
a:visited {color: #4b7070; text-decoration: none; }
a:hover {color: #8c7d69; text-decoration: none; }
a:active {color: #8c7d69; } 

/* TEXT PROPERTIES */

h1 {
  font-family: Palatino,Georgia,serif; 
  font-size: 1.1em;
  padding-left: 30px;
  padding-right: 30px; 
}

h2 { 
  font-family: Palatino,Georgia,serif; 
  font-size: .9em; 
  color: #8c7d69;
  padding-left: 30px;
  padding-right: 30px;
}

h3 {
  font-family: Palatino,Georgia,serif; 
  font-size: .9em; 
  color: #003333;
  padding-left: 60px;
  padding-right: 60px;
}

p { 
  font-family: Palatino,Georgia,serif; 
  font-size: .8em; 
  text-indent: 0px; /* to indent the first line of each paragraph */
  padding-left: 30px;
  padding-right: 30px;
}

p.p2 { 
  font-family: Palatino,Georgia,serif; 
  font-size: .9em; 
  color: #003333;  
  text-indent: 0px; 
  padding-left: 30px;
  padding-right: 30px;
}

p.sm {
  font-family: Palatino,Georgia,serif; 
  font-size: .6em; 
  color: #b6a38f;
  text-transform: uppercase; 
  text-decoration: overline;
  line-height: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

/* MAIN DIVISIONS */

#leftcol {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
}
#content {
  position: absolute;
  top: 0px;
  left: 350px;
  width: 550px;
  z-index: -1;
}

/* SPECIAL DIVISIONS */

#welcome { position: absolute; top: 335px; left: 27px; }
#coffee { position: absolute; top: 0px; left: 225px; }
#junkdrawer{ position: absolute; top: 0px; left: 225px; }
#newspaper { position: absolute; top: -10px; left: 210px; }
#chocolates { position: absolute; top: 0px; left: 220px; }
#book { position: absolute; top: 0px; left: 130px; }
#cambag { position: absolute; top: 0px; left: 225px; }
#macboard { position: absolute; top: 0px; left: 220px; }
#cherries { position: absolute; top: 0px; left: 220px; }
#book { position: absolute; top: 0px; left: 210px; }
#kfader { position: absolute; top: 20px; left: 23px; }

/* BUTTONS */

#lbkend { position: absolute; bottom: 0px; left: -56px; }
#index { position: absolute; bottom: 0px; left: 22px; }
#about { position: absolute; bottom: 0px; left: 46px; }
#books { position: absolute; bottom: 0px; left: 70px; }
#columns {  position: absolute; bottom: 0px; left: 94px; }
#friends { position: absolute; bottom: 0px; left: 118px; }
#interview { position: absolute; bottom: 0px; left: 142px; }
#pictures { position: absolute; bottom: 0px; left: 166px; }
#quotes { position: absolute; bottom: 0px; left: 190px; }
#reviews { position: absolute; bottom: 0px; left: 214px; }
#contact { position: absolute; bottom: 0px; left: 238px; }
#rbkend { position: absolute; bottom: 0px; left: 262px; }

/* other element decoration */

hr { height: 1px; color: #c9bcad; }
hr.short  { height: 1px; width: 150px; border: 0; color: #c9bcad; background-color: #c9bcad; }

#imgwrap {
  float: left;
  margin-right: 10px;
  padding-left: 30px;
}