/* use this to put borders around things... */
.thin_border {
	border: 1px solid black;
}

.greenlink:hover {
  background-color: #67b168;
  color: white;
  text-decoration: none;
}

/* use this to put borders around things... */
.crop-img {
  margin-bottom: 10px;
  max-height: 150px;
  max-width: 100%;
}

.large-img {
  margin-top: 10px;
  max-width: 100%;
}

/* This is the css for the chapter thumbnails. They are small boxes that show
   the first few lines of a chapter. There are several bits of css to make sure
   that they display properly.
*/
.chapter-thumbnail {
  /* add a margin to look nice */
  margin-top: 10px;

  /* preserve the original line breaks and spacing (I need this because the
     content of the chapter is just text not HTML, so normally the line breaks
     would be ignored) */
  white-space: pre;

  /* don't show a scroll bar when the text is too big to fit in the box (which
     it always will be but we don't mind as it is just a thumbnail) */
  overflow: hidden;

  /* make sure that the box doesn't get too big */
  max-height: 150px;

  /* even if the text is big */
  height: 150px;

  /* rounded corners */
  border-radius: 10px;
}

#mainViewer {
  margin-top: 10px;
  /* preserve the original line breaks (see above)*/
  white-space: pre;
}