/* fancy border 
============================================= */
body {
  margin:0px;
  padding:14px;
  background-color: #811a1c;
  }
#niceborder {
  background-color: #fff782;
  padding: 12px;
  background-image: url('images/background-worn-400.jpeg');
  }
#container {
  background-color: #ffffcc; 
  background-image: url("images/flare-palecream-upper.jpeg");
  background-repeat: no-repeat;
  background-position: top left;          
  }
#bottombar {
  background-color: #ffffcc; 
  background-image: url("images/flare-palecream-lower.jpeg");
  background-repeat: no-repeat;
  background-position: bottom right;   
  height:200px; /* from height of image */
  position:relative;
  padding:0;  
  }
#bottombar p {
  position: absolute;
  bottom:1em;
  margin:0;
  padding:0;
  font-size:66%;
  width:24em;
  text-align:center;
  color:#811a1c;
  }

/* linkbar layout: vertical links 
============================================= */
#content {
  xmargin-left: 16em;
  xpadding-left: 16em;
}
#content {
  position:relative;
}
#menu {
  position: absolute;
  top: 0px;
  left: -16em;
  margin:0;
  padding:0;
  xborder:dotted red 2px;
  width:16em;
  z-index:5;
}
#menu img {
  /* book cover image, and matches on extracts page */
  display: block;
  margin: 0 auto;
  padding:0;
}
  
ul.linkbar {
  width: 250px;    
  margin: 0 auto 2em;
  padding:0;
	list-style-type: none;    
}
ul.linkbar li {
  display: block;
  width: 10em;
  margin: 0 auto;
  padding:0;
  text-align: center;  
  border-style: none none solid;
  border-width: 2px;
  border-color: #b4ab9f;
  border-color:#d8b418;
  
}
ul.linkbar li.first {
  border-top-style: solid;
}
ul.linkbar li a {
  display: block;
  padding: 0.5em 0em;
  text-decoration: none;
  padding-left:0.5em;

}
ul.linkbar li a:hover {
  background-color: #d8b418;
  color: white;
}
/* layout 
============================================= */
#container {
  padding-top:0.5em;
  padding-left:16em;
  padding-right:3em;
  padding-bottom:1em;
  }
#content {
  /* prevent eating of book cover image in menu */
  min-height:500px;
  _height:500px;    /* IE hack */
  x_border:solid 1px black; #ffffcc;

}
#bottombar {
  z-index:0;
}
img#cover {
}

/* typography
============================================= */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;   
  }

/* content */


h1 {
  font-family: "Gill Sans", "Helvetica Neue", sans-serif;
  font-size: 150%;
  margin-top: 2em;
  margin-bottom: 1.5em;
  xmargin-left: 10em;
  color: #9ba100;
  color: #2822f8;
  color: #811a1c;

  xtext-align:center;

  xtext-align:right;
  
}
h2 {
  font-family: "Gill Sans", "Helvetica Neue", sans-serif;
  font-size: 120%;
  margin: 2em auto 1.5em;
  color: #811a1c;
}
p {
  margin: 1em 0em;
  text-align:justify;
  line-height:1.5em;
}


p.first {
  text-indent:1em;
}
a {
  xcolor: #2822f8;
  color: #811a1c;
}

/* ================ linkbar ================== */
ul.linkbar {
  font-family: "Helvetica Neue", Arial, sans-serif;
}  

/* hacks
============================================= */
/* give layout property to elements for IE/Win */
#container {
  _height:1%;
  }
#Xcontent {
  /* already has this set */
  _height:1%;   
}