/* I realize that the CSS for turning something as simple as a list of linked images into a nicely reflowing thumbnail gallery 
    is highly useful, and that you might want to copy it for use on your own website (although I highly recommend trying to 
    figure things out on your own instead). If you do copy the code, please give me some credit, ideally linking back to me. Thanks. 
                                                                                                                        -- Sander */
* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #585552;
  color: #eafaff;
  font-family: Verdana, Bitstream Vera Sans, sans-serif;
  font-size: 1em;
  font-size-adjust: 0.54;
  margin: 1em;
}
h1, h2 {
  display: inline;
  padding-right: 0.125em;
}
h1, h2, h3 {
  font-family: Book Antiqua, Bitstream Vera Serif, Times New Roman, sans-serif;
  font-size-adjust: 0.47;
}
h1 :link, h1 :visited {
  background-color: inherit;
  color: #eafaff;
  text-decoration: none;
}
h3 :link, h3 :visited {
  background-color: inherit;
  color: #aababf;
  text-decoration: none;  
}
h1 :link:hover, h1 :visited:hover, h3 :link:hover, h3 :visited:hover {
  text-decoration: underline;
}
div {
  margin-top: 1em;
}
/*/*/
img {
  border: #343332 1px solid;
  margin: auto;
}
/* Hiding the above from N4.x. Can't you people just upgrade to Netscape 7? Please?? */
div :link, div :visited {
  min-width: 170px;
  min-height: 96px;
  display: block;
  float: left;
  margin: auto;
  text-align: center;
}
* html :link, * html :visited { /* IE of course doesn't understand min-width and min-height. Le Sigh. */
  width: 170px;
  height: 96px;
}
/* Hard 'space' (courtesy of the transparent border) to make sure that subsequent images larger than min-width don't run together. */
div :link:before, div :visited:before, div :link:after, div :visited:after { 
  display: inline;
  content: " ";
  border: 2px solid transparent;
  vertical-align: 50%;
}
img:hover {
  border-color: #e0f0ff;
}