/* Eleanor Swanson - css v.3 - feb 2022 */
body {
    margin: 0px;
    padding: 0px;
    background: none #fff;
    color: #fff;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;} 

/* Centers page, but cuts off left & right edges
when window width < column width.
see WDinaNutshell, p. 421*/
.page { 
    position: absolute;
    left: 50%;
    margin-left: -400px; }
    
#masthead, #footer, .page {
    width: 800px;
}
#navbar {
    width: 424px; /*430px;*/
    left: 20px; /*344px;*/
}

/* set page and sidebar heights*/
#home.page, #home div#sidebar {
  height: 800px; }
#bio.page, #bio div#sidebar {
  height: 1170px; }  
#books.page, #books div#sidebar {
  height: 3180px; } 
#events.page, #events div#sidebar {
  height: 840px; }
#audio.page, #audio div#sidebar {
  height: 840px; }
#order.page, #order div#sidebar {
  height: 1750px; }
#order_cancel.page, #order_cancel div#sidebar {
  height: 840px; }
#order_complete.page, #order_complete div#sidebar {
  height: 840px; }

h1 {
    color: #75968d;
    text-decoration: none;
    font: .8em "Trebuchet MS", Verdana, Arial, sans-serif;
    margin: 0px;
    padding: 4px 0px 0px 40px;
    background: none transparent; }
      
h2 {
    color: #75968d;
    text-decoration: none;
    font: 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
    margin: 0px;
    padding: 4px 0px 0px 40px;
    background: none transparent; }
    
h3 {
    color: #75968d;
    text-decoration: none;
    font: 1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
    margin: 0px;
    padding: 4px 0px 0px 40px;
    background: none transparent; }

.bold {
    font-weight: bold; }

.a2 {
    font-size: .7em; }


/* masthead /////////////////////////////*/
#masthead {
    background: url(images/D08_flat9.jpg) #fff no-repeat;
    color: inherit;
    position: absolute;
    top: 0px;
    height: 374px;
    padding: 0px;
    margin: 0px 0px 0px 24px;
}

.maintitle {
    position: absolute;
    top: 228px ;
    left: 51px ;
    color: #ffffff;
    background: none transparent;
    text-decoration: none;
    font: 28px "Trebuchet MS", Verdana, Arial, sans-serif;
    width: 400px; }
    
.maintitleshad {
    position: absolute;
    top: 230px ;
    left: 53px ;
    color: #000000;
    background: none transparent;
    text-decoration: none;
    font: 28px "Trebuchet MS", Verdana, Arial, sans-serif;
    width: 400px; }
   
/* navbar /////////////////////////////*/ 
#navbar, #footer {
    background: none #d3b970; /*#ffdd1b; #d3b970;*/
    color: #fff; 
}

#navbar {
    position: absolute;
    top: 304px;
    /*border-top: solid 1px #222;*/
    /*border-bottom: solid 1px #222;*/
    height: 28px; 
    /*border: solid 1px #f00;*/
}

ul#navbar {
    list-style: none;
    margin: 0px 0px 0px 26px;
    padding: 0px 0px 0px 330px;
}
ul#navbar li {
    float: left;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*border: solid 1px #00f;*/
}
ul#navbar li a {
    display: block;
    /*position: relative;*/
    float: left;
    width: 70px;
    top: 0px;
    left: 300px;
    background: none transparent;
    color: #fff; /*9bbcb5;*/
    text-decoration: none;
    text-align: center;
    font: .9em "Trebuchet MS", Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 20px;
}
ul#navbar li a:visited {
    background: none;
    color: #fff; /*9bbcb5; */
}
ul#navbar li a:hover {
    background: none #ddd2b4;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*border: solid 1px #0f0;*/
}
ul#navbar li a:active {
    background: none;
    color: #fff;
}

/* sidebar /////////////////////////////*/
#sidebar {
    float: right;
    /*height: 620px;*/
    background: none #ebdfbf; /*#ddd2b4; #d3b970; #ddd2b4;*/
    color: #fff;
    padding: 0px;
    margin: 0px;
    /*border-left: solid 1px #ccc;*/
    width: 200px;
    /*voice-family: "\"}\"";*/ /* hack? for what?*/
    /*voice-family: inherit;*/
    /*width: 199px;*/ 
}

#sidebarframe {
    float: right;
    width: 199px;
    height: 820px;
    border: 0;
    background: none #d3b970; /*#3f528c;*/ 
}

.sidebaritem {
  /*text-align: center;*/ /* why no work in FF? */
  }
  
/* footer /////////////////////////////*/
#footer {
    clear: both;
    height: 24px;
    /*border-top: solid 1px #000;*/
    margin: -10px 0px 0px 0px;
    padding: 3px 0px 0px 0px; }

#footer a {
    background: none transparent;
    color: #fff;
    text-decoration: none;
    margin: 0px;
    outline: none; }
#footer a:visited {
    color: #fff;
    outline: none; }
#footer a:hover {
    color: #fff;
    outline: none; }
#footer a:active {
    color: #fff;
    outline: none; }

/* main /////////////////////////////*/
#main {
    top: 332px;
    /*height: auto;*/ }
       
#main {
    position: absolute;
    width: 800px;
    background: none transparent;
    color: inherit;
    margin: 0px;
    padding: 0px;}
.ital {
    font-style: italic;
}
.topqoute {
  margin: 40px 0px 26px 100px;
  padding: 0px;
  color: #aa8811;
  background: none transparent;
  font: normal 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;  }
  
#home .orna {
  width: 30px;
  height: 18px;
  margin: 14px 0px 0px 254px;  }
#home .orna2 {
  margin: 0px 0px 0px 254px; }
  
.poem {
    margin: 2px 0px 0px 280px;
    padding: 0px;
    color: #539163; /*#618e71;*/
    background: none transparent;
    font: 1.0em/1.15em Georgia, "Times New Roman", serif; }
span.bold {
  font style: bold;
  }
.mainphoto {
    float: left;
    width: 171px; /*140px;*/
    height: 148px;
    margin: 36px 40px 20px 125px;  }
    
.midquote {
    color: #aa8811;
    background: none transparent;
    font: 1.1em/1.3em Georgia, "Times New Roman", serif;
    text-indent: -8px;
    margin: 50px 0px 4px 0px;
    padding: 0px;  }
    
.attrib {
    margin: 0px 0px 0px 60px; }
    
p.center1 {
    /*float: left;*/
    /*clear: both;*/
    background: none transparent;
    color: #539163; /*#539163;*/ /*#618e71;*/
    font: 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 110px; }
    
p.center2 {
    display: block;
    width: 460px;
    background: none transparent;
    color: #539163; /*#75968d;*/
    font: 1.0em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 30px 50px 0px 100px; }
  
.fine {
    color: #fff;
    font: .7em "Trebuchet MS", Verdana, Arial, sans-serif;
    text-align: center;
    margin: 4px 0px 0px 0px;
    background: none transparent; }
    
p.special {
    background: none transparent;
    color: #aa8811;
    font: 1.4em/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 30px 0px 0px 100px;
    margin: 0px; }



p.sidebartitle {
    background: none transparent;
    /*color: #85a69d;*/
    color: #aa8811;/*#b5d6cd;*/
    font: 1.0em/1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
    text-align: center;
    padding: 0px 0px 0px 26px;
    margin: 10px 20px 0px 0px; }

p.sidebarmsg {
    background: none transparent;
    color:  #aa8811; /*#85a69d;*/
    font: 1.1em/1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
    text-align: center;
    padding: 0px 0px 0px 23px;
    margin: 14px 20px 0px 0px; }

p.text2 {
    font: 1.0em/1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
    color:  #aa8811; /*#85a69d;*/
    margin: 20px 20px 0px 0px;
}

.book {
    width: 398px;
    height: 204px;
    border: solid 2px #539163; /*#222;*/
    background: none #e1e8f2;
    color: inherit;
    padding: 10px 0px 0px 20px;
    margin: 15px 0px 0px 110px; }

p.bookinfo {
    background: none transparent;
    color: #539163; /*#75968d;*/
    font: 1.1em/1.3em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 10px 0px; }
    
.booklarge {
    float: left;
    width: 152px;
    height: 227px;
    border: solid 1px #222;
    margin: 0px 20px 0px 0px; }
    
.bookmed {
    float: left;
    width: 122px;
    height: 182px;
    border: solid 1px #222;
    margin: 5px 20px 0px 0px;
    padding: 0px 0px 0px 0px; }
    
.booksmall {
    display: block;
    background-color: #fff;
    /*width: 102px;*/
    /*height: 152px;*/
    border: solid 2px #d3b970;
    margin: 10px 0px 0px 39px; /*49px;*/
    border-collapse: separate;
    border-spacing: 15px;
}
 
/* sidebar button small/////////////////////////////*/
.side {
    display: block;
    height: 18px; /*20px;*/
    width: 50px;
    font: 12px "Trebuchet MS", Verdana, sans-serif;
    color: #85a69d;
    background: none #2f416b;
    text-decoration: none;
    text-align: center;
    margin: 20px 0px 0px 100px;
    /*border: solid 1px #222;*/
    padding: 0px 0px 0px 0px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 50px;
    margin: 20px 0px 0px 100px; }
.side:link {
    background: none #2f416b;
    color: #85a69d; }
.side:visited  {
    background: none #3f528c;
    color: #85a69d; }
.side:hover {
    background: none #3f528c;
    color: #ffffff; }
.side:active {
    background: none #2f416b;
    color: #ffffff; }
 
/* sidebar button regular text/////////////////////////////*/
.sideL {
    display: block;
    /*height: 18px;*/ /*20px;*/
    /*width: 50px;*/
    /*font: 12px "Trebuchet MS", Verdana, sans-serif;*/
    color: #539163; /*#b5d6cd;*/ /*#85a69d;*/
    background: none #2f416b;
    text-decoration: none;
    text-align: center;
    /*margin: 20px 0px 0px 100px;*/
    /*border: solid 1px #222;*/
    padding: 0px 0px 0px 0px;
}
.sideL:link {
    background: none transparent;
    color: #539163; }
.sideL:visited  {
    background: none transparent;
    color: #539163; }
.sideL:hover {
    background: none transparent;
    text-decoration: underline;
    color: #fff; }
.sideL:active {
    background: none transparent;
    color: #539163; }
    

/* bio  /////////////////////////////*/
#bio .cap {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: 1.1em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0px;
    margin: 0px; }

/*books  /////////////////////////////*/
#books p.pageTitle {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: italic 1.5em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 30px 0px 0px 80px;
    margin: 0px; }

#books .orna {
    width: 30px;
    height: 18px;
    padding: 0px;
    margin: 0px 0px 0px 100px;  }
    
#books p.cap {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: 1.1em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 10px 250px 0px 80px;
    margin: 0px; }
    
p.bod {
    background: none transparent;
    color: #75968d; /*sage*/
    font: 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    text-indent: 0px;
    padding: 4px 250px 20px 100px;
    margin: 0px; }
    
p.bodquo {
    background: none transparent;
    color: #75968d; /*sage*/
    font: 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    text-indent: -8px;
    padding: 4px 250px 20px 100px;
    margin: 0px; }
    
.attrib {
    margin: 0px 0px 0px 60px; }
/* books end*/

/*events  /////////////////////////////*/
#events .orna {
    width: 30px;
    height: 18px;
    padding: 0px;
    margin: 0px 0px -10px 140px; 
} 
#eventCont {
    display: block;
    /*position: ;*/
    background-color: #ddd;
    width: 500px;
    height: 200px;
    margin: 30px 30px 30px 30px;
    border: 2px solid #444;
}
#events p.pageTitle {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: italic 1.5em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 30px 0px 0px 80px;
    margin: 0px;
}
#events p.cap {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: italic 1.1em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 20px 250px 0px 80px;
    margin: 0px;
}
#events p.bod {
    background: none transparent;
    color: #539163; /*#75968d;*/
    font: 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 4px 230px 10px 100px;
    margin: 0px;
}
#events p.bod a {
    background: none transparent;
    color: #aa8811;
    text-decoration: none;
    font: 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    margin: 0px;
}
#events p.bod a:visited {
    background: none;
    color: #aa8811;
}
#events p.bod a:hover {
    text-decoration: underline;
    background: none transparent;
    color: #aa8811;
}
#events p.bod a:active {
    background: none;
    color: #aa8811;
}
/* end events */

/*audio  /////////////////////////////*/  
.audio {
    display: block;
    position: static;
    width: 368px;
    height: 184px;
    border: solid 1px #222;
    background: none #e1e8f2;
    color: inherit;
    padding: 20px 0px 0px 30px;
    margin: 30px 0px 0px 100px ;
}
p.audioinfo {
    background: none;
    color: #75968d;
    font: 1.1em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}      
.play {
    display: block;
    float: left;
    height: 20px;
    font: .9em "Trebuchet MS", Verdana, sans-serif;
    color: #85a69d;
    background: none #2f416b;
    text-decoration: none;
    text-align: center;
    margin: 10px 20px 0px 0px;
    border: solid 1px #222;
    padding: 5px;
    width: 111px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px; }
.play:link {
    background: none #2f416b;
    color: #85a69d; }
.play:visited  {
    background: none #2f416b;
    color: #85a69d; /*sage*/ }
.play:hover {
    color: #ffffff;
    background: none #3f528c; }
.play:active {
    background: none #2f416b;
    color: #85a69d; }
/* audio end */

/*order  /////////////////////////////*/
.book {
    background: none #fff;
}
#order p.pageTitle {
    background: none transparent;
    color: #539163; /*#3f528c;*/
    font: italic 1.5em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 30px 0px 0px 80px;
    margin: 0px;
}
p.sbar {
    color: #e1e8f2;
}
.specialb {
    display: block;
    height: 20px;
    font: .9em "Trebuchet MS", Verdana, sans-serif;
    color: #85a69d;
    background: none #ebdfbf;
    text-decoration: none;
    text-align: center;
    margin: 10px 0px 0px 100px;
    border: solid 1px #aa8811;
    padding: 5px;
    width: 111px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px;
}
.specialb:link {
    background: none #ebdfbf;
    color: #aa8811;
}
.specialb:visited {
    background: none #ebdfbf;
    color: #aa8811;
}
.specialb:hover {
    background: none #ebdfbf;
    color: #fff;
}
.specialb:active {
    background: none #ebdfbf;
    color: #fff;
}
.order {
    display: block;
    float: left;
    height: 20px;
    font: .9em "Trebuchet MS", Verdana, sans-serif;
    color: #85a69d;
    background: none #2f416b;
    text-decoration: none;
    text-align: center;
    margin: 10px 0px 0px 20px;
    border: solid 1px #222;
    padding: 5px;
    width: 111px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px; }
.order:link {
    background: none #2f416b;
    color: #85a69d;
}
.order:visited  {
    background: none #2f416b;
    color: #85a69d;
}
.order:hover {
    color: #ffffff;
    background: none #3f528c;
}
.order:active {
    background: none #2f416b;
    color: #ffffff;
}
/* order end */

/* contact modal window */
#contactModal {
    display: none;
    position: absolute;
    float: left;
    left: 50%;
    top: 100px; /*28%;*/
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 300px;
    height: 170px;
    border: solid #aa8811 3px;
    z-index: 2;
    box-shadow: 10px 10px 10px grey;
}
.contactHeaderText {
    text-align: center;
    color: #aa8811;
    font-size: 1.4em;
    margin: 12px 0px 0px 0px;
}
.contactText {
    text-align: center;
    color: #539163;
    padding: 10px 20px;
    margin: 0px 0px 0px 0px;
}
.emailText {
    color: #539163;
    margin: 0px 0px 0px 0px;
}
.closeBtn {
    text-align: center;
    font-size: 0.8em;
    color: #539163;
    margin: 6px 0px 0px 0px;
}
.or {
    display: block;
    font-style: italic;
    padding: 4px 0px 0px 0px;
}