@import url(../../workshop.css);

div.thumbwrapper { /* wrapper around a single thumbnail */
  float: left;
  margin: 10px;
  width: 133px; /* same as max thumbnail width */
  height: 155px; /* max thumbnail height plus space for caption */
}

div.thumbnail { /* the area of a single thumbnail */
}

div.thumbnail div.thumbimg { /* wrapper around the image in a thumbnail */
  text-align: center;
}

div.thumbnail div.name {
  background: #CCE76E;
}

div div.caption, div.name { /* this is for text below thumbnails and images */
  color: #404822;
  line-height: 130%;
  text-align: center;
  padding: 0px 4px;
}

div.thumbnail div.name { /* this is only for text below thumbnails */
  font-size: 0.8em;
  /*
  white-space: nowrap;
  overflow: hidden;
  */
}

div.thumbs { /* the area all the thumbnails reside in */
  margin: 2%;
}

div.fullimage { /* the full image areas, including the caption */
  border: solid 1px #203643;
  float: left;
  margin: 10px;
  background: #CCE76E;
}

div.spacer { /* needed to clean the flow before and after floating thumbnails */
  clear: both;
}

div.thumbs a img {
  /* Browsers often have built-in rules that apply a border for "a img".
   * Override that here. */
  border: 0px;
}

address { /* the footer of all pages */
  float: right;
  width: 90%;
  margin: 2%;
  font-size: 0.8em;
  color: #203643;
  font-style: normal;
  text-align: right;
}