/* for photo galleries */

body { max-width: none; margin: 0.5em; }

/* All gallery thumbs have the same height, auto-width.
   The min-width is so that unloaded images show up as rectangles
   instead of vertical lines. */
.thumb {
   width: auto; height: 11em; min-width: 7em;
   border: 1px solid; margin: 0.2em;
}

@media screen and (max-width: 52em) {
  .thumb { height: 8em; min-width: 5em; margin: 0 0 2px 0; }
}

@media screen and (max-width: 480px) {
  .thumb { height: 6em; min-width: 4em; margin: 0 0 2px 0; }
}