/* CSS to control the format of Good/Bad/Ugly pages.
 *
 * Redali Colors:
 *   red    -> rgb(117,11,11)
 *   blue   -> rbg(76,153,176)
 *   purple -> rgb(94,37,87)
 */

/* Top area containing title and sound bite */

.gbuTop {
  margin-bottom: .25in;

/*
  border-style: solid;
  border-color: black;
  border-width: 1px;
*/
}

/* Main title */

div.gbuTitle {
  text-align: left;
}

span.gbuTitle {

  font-size: 100%;

  background-color: rgb(117,11,11);
  color: white;

  padding-left: .1in;
  padding-right: 1in;
  padding-top: 2px;
  padding-bottom: 0px;

  border-style: solid;
  border-color: black;
  border-width: 1px;

}

/* Sound bite (interesting paragraph about object). */

.gbuSoundBite { padding: 0.1in; color: inherit; background-color: #fffcdf; border: solid 1px black; }

/* Main image area. */

.gbuImage {
  margin-right: 10px;
}

/* Table containing one row and 2 columns (image on left, review on right) */

.gbuTable {

}

/* Review area (contains good/bad/ugly blurbs). */

.gbuReview { color: inherit; background-color: #fffcdf; margin-bottom: 0.25in; border: solid 1px black;;
}

/* Good quality area and labels. */

.gbuGood {
  margin-top: .1in;
  margin-bottom: .1in;
  margin-right: .1in;
  margin-left: .1in;
/*
  margin-left: .5in;

  display: list-item;
  list-style-image: url("artwork/gbuGood.png");
  list-style-position: outside;
*/
}

.gbuGoodLabel {
  font-weight: bold;
  color: #005000;
  background-color: inherit;
}

/* Bad quality. */

.gbuBad {
  margin-top: .1in;
  margin-bottom: .1in;
  margin-right: .1in;
  margin-left: .1in;

/*
  margin-left: .5in;

  display: list-item;
  list-style-image: url("artwork/gbuBad.png");
  list-style-position: outside;
*/

}

.gbuBadLabel {
  font-weight: bold;
  color: rgb(94,37,87);
  background-color: inherit;
}

/* Ugly quality. */

.gbuUgly {
  margin-top: .1in;
  margin-bottom: .1in;
  margin-right: .1in;
  margin-left: .1in;

/*
  margin-left: .5in;

  display: list-item;
  list-style-image: url("artwork/gbuUgly.png");
  list-style-position: outside;
*/

}

.gbuUglyLabel {
  font-weight: bold;
  color: #750b0b;
  background-color: #fffcdf;
}

