@font-face {
  font-family: UnitRegular;
  src: url("../f/UnitWeb.eot");
}
@font-face {
  font-family: UnitRegular;
  src: url("../f/UnitWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


html {
/*  background-color: #3b3736;  Mushroom */
/*  background-color: #d5da40;  Green */
  background-color: black;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "URW Palladio L", "Book Antiqua", Georgia, serif;
  font-size: 100%;
  color: white;
}
#content {
  width: 1146px;
  margin-left: auto;
  margin-right: auto;
}
#panel-left {
  position: relative;
  width: 580px;
  height: 590px;
  overflow: hidden;
  background-color: #3b3736;
  color: white;
  padding: 20px;
}
#words {
  width: 100%;
  height: 440px;
  overflow-y: auto;
  padding: 0px;
}
#picture {
  float: right;
}
.bookquote {
  font-style: italic;
}
p.last {
  margin-bottom: 0px;
}

.quoteref {
  font-family: UnitRegular;
}
img {
   border-style: none;
}
#linksbox {
  position: absolute;
  bottom: 20px;
}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
  #content {
    width: 100%;
  }
  #panel-left {
    width: auto;
    height: auto;
  }
  #words {
    height: auto;
    padding-bottom: 120px;
  }
  #picture {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}