BODY {
  background-image: url("backgr.gif");
  font-family: arial;
}

DIV.book {
  position: absolute;
  top: 5%;
  left: 2%;
}
DIV.text {
  position: absolute;
  top: 5%;
  left: 450px;
}
DIV.head {
  font-weight: bold;
  color: lightcyan;
}
DIV.bottom {
  position: absolute;
  left: 1px;
  top: 1px;
}
DIV.top {
  position: absolute;
}
DIV.comment, DIV.bar {
  position: relative;
  top: 15ex;
  width: 21em;

  color: midnightblue;
  text-align: justify;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  
  padding: 3px;
  margin: 5px;
  
  border-style: solid;
  border-width: 0px;
  border-color: cornflowerblue;
}
DIV.bar {
  text-align: center;
  border-width: 1px;
}
DIV.info {
  font-size: 7pt;
  font-style: normal;
}

DIV.comment IMG {
  float: left;
  margin: 6px;
}

SPAN.date {
  font-size: 36pt;
  color: cornflowerblue;
  display: block;
}

DIV.bar A {
  text-decoration: none;
  font-style: normal;
  color: lightcyan;
}
DIV.bar A:hover {
  color: white;
  text-decoration: underline;
}

HR {
  color: lightcyan;
  background-color: lightcyan;
  margin: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: midnightblue;
  height: 3px;
}

.bottom SPAN, .bottom {color: midnightblue;}