html {width: 100%;
	  height: 100%;
	  margin: 0;
      padding: 0;}

body {background:  url('http://seekwisdompracticekindness.org/images/bamboo4.gif');
      text-align:  center;
	  width: 100%;
	  height: 100%;
	  margin: 0;
      padding: 0;}

.menu {list-style-type: none;
	   display: block;
	   width: 1000px;
	   margin-top: 2em;
	   margin-left: auto;
	   margin-right: auto;
	   padding: 0;
	   font-size: 1.5em;
	   }

li {display: inline-block;
	text-align: center;
    }

li a {display: inline-block;
	  text-align: center;
	  margin-left:2em;}

li a:hover {color: black;}

.description {display: block;
		      margin-left: auto;
			  margin-right: auto;
			  width: 45em;
			  text-align: justify;
		      font-weight: bold;
			  font-size: 1em;
			  line-height: 1.5em;
			  margin-top: 3em;}

#books {width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2em;
		margin-bottom: 3em;}

.story_cover {display: inline-block;
			  margin-top: 1em;
			  margin-left: 1.5em;
			  border: 2px black solid;
			  }

.bookname  {font-style:  italic;
            color:  #000000;
            font-size: 1.2em;}

/* for archives page */
#archives {font-size: 3em;
           margin-top: 1em;
           border-bottom: 1px solid #000000;
           font-family:  monospace;}

#editions {margin-top:  1em;
          font-size:  1.25em;
          padding-left: 2em;
          padding-right:  2em;}

#archnav  {display:  block;
           width:  4em;
	       margin-bottom:  1em;}

.divider  {color:  #dd0000;
           font-size:  1.5em;}

/* for the text of SWPK, and possibly other works */
div.swpk3 p { font-size:  1.25em;}

/* for the text of the foreword, and possibly other works */
div.lefttext p { font-size:  1.25em;
	         text-indent: 20px;
             text-align: left;}

/* link styles for the navigation menu */
a.enabled, a.enabled:link, a.enabled:visited {color:  #0000ff;
           font-size: 1.5em;
           background-color:  #99beff;
           background:  url('images/bamboo6.jpg');
           margin:  6px;
           padding:  6px;
           border-right:  1px solid #000000;
           border-bottom:  1px solid #000000;
           border-top:  1px solid #ffffff;
           border-left:  1px solid #ffffff;
           text-decoration:  none;}

a.enabled:hover { color:  #8b4513;
           font-size: 1.5em;
           background-color:  #55beff;
           background:  url('images/bamboo6.jpg');
           margin:  6px;
           padding:  6px;
           border-right:  1px solid #000000;
           border-bottom:  1px solid #000000;
           border-top:  1px solid #ffffff;
           border-left:  1px solid #ffffff;
           text-decoration:  none;}

.mainnav > a.enabled:active { color:  #0000ff;
           font-size: 1.5em;
           background-color:  #55beff;
           background:  url('images/bamboo6.jpg');
           margin:  6px;
           padding:  6px;
           border-right:  1px solid #ffffff;
           border-bottom:  1px solid #ffffff;
           border-top:  1px solid #000000;
           border-left:  1px solid #000000;
           text-decoration:  none;}

hr.navhr  {color:  #ffff00;
           background-color:  #eeee99;
		   height:  1px;
           width:  300px;}