/*
v 1.0 2011-04-18 20:08 mpulier
v 2.3 2017-08-24 04:24 mpulier
v 2.4 2018-02-11 14:29 mpulier
v 2.5 2019-04-24 01:20 mpulier
v 2.6 2019-09-05 11:20 mpulier
v 2.7 2021-02-22 04:45 mpulier
v 2.8 2021-04-13 mpulier
v 2.9 2021-08-11 mpulier
*/

body {
  background-color: #fcfcfc;
  background-image: url("../../img/WebBg.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 12pt;
  color: #700;
}
a:link, a:visited {
  color: blue;
  text-decoration: none;
}
caption {
  font-family: sans-serif;
  font-size: 16pt;
  font-weight: bold;
}
cite {
  font-weight: bold;
}
h1 {
  clear: both;
  margin-bottom: 30px;
  margin-left: 12px;
  font-size: 18pt;
}
.bio, .review, .poembox, .selectedPoems, .readings, .interview {
  position: absolute;
  top: 45%;
  left: 47%;
  width: 48%;
  border: 1px solid #444;
  border-radius: 35px;
  background-color: #fcfcfc;
  padding: 2em;
}
.bioVideo {
    position: absolute;
    padding-bottom: 56.25%;
    top: 45%;
    left: 1%;
    width: 48%;
    aspect-ratio: 16 / 9;
}
.bookCoverFront {
    float: right;
    width:100%;
    overflow: hidden;
}
.reviews{
    background-color: #ffd;
    padding: 2em;
    color: black;
    font-size: 13px;
    width: 30%;
}
.perfectdiet, .lovelymundane, .soundsofmorning {
  float: right;
  width: 220px;
}
.postcard {
  clear: both;
  position: absolute;
  top:30%;
}
.cover {
  margin-top: 50px;
}
.topbuttons {
  width: 90%;
  margin: 0 auto;
}
div[class=poembox] p {
  margin-left: 1em;
}
p.attribution {
  margin-top: 0;
  text-align: right;
}
.blurb {
  margin-bottom: 40px;
  text-align: center;
  font-size: 12pt;
}
.credit {
  width: 12em;
  float: right;
  border: thin solid black;
  padding: 4px;
}
.poem {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 11pt;	
}
.question {
  margin-left: 2em;
  margin-right: 2em;
  font-style: italic;
}
.quotation {
  margin-bottom: 0;
  font-style: italic;
}
.title {
  margin: 10px 0 0;
  text-align: center;
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 48pt;
  font-weight: 900;
  font-style: italic;
}
.chapname {
  font-size: 14pt;
}
span.attribution {
  display:block;
  margin-top:6px;
  margin-left:3em;
}
.menu {
  padding: 7px;
  text-align: center;
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 11pt;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: 0 auto;
  text-align: center;
}

#quote_area {
  margin-right: 4em;
  border: 1px solid #444;
  background-color: #fcfcfc;
  opacity: 1.0;
  padding: 0 1em;
  position: absolute;
  left: 40%;
  top: 75%;
}
#topButtons {
  position: absolute;
  top: 0;
  left: 40%;
}
#topButtons li {
  font-size: 16pt;
  font-weight: bold;
}