/* basic formatting */
body {
  background-color: #ffffff;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  margin: 1em 1em 1em 1em;
}

h1 {
  padding: 0.5em 0.5em 0.5em 0.5em;
  background-color: #d0e0ff;
}

h2 {
  background-color: #f0f0f0;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

h3 {
  background-color: #f0f0f0;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

a:hover {
  background-color: #ffc0c0
}

a img {
  border: none;
}

p {
  padding: 0.1em 0.5em 0.1em 1em;
}

pre {
  padding: 0.1em 0.5em 0.1em 1.5em;
}

/* declare a figure class for embedded images with a caption */
div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figure img {
  width: 100%;
  border: none;
}

/* declare a thumbnail class for image thumbnails with a caption */

div.thumbnail {
  float: left;
  width: 220px;
/*  min-height: 220px;*/
  height: 220px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.thumbnail p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  margin: 0.1em;
  padding: 0.1em;
  text-indent: 0;
}
div.thumbnail img {
  width: 100%;
  border: none;
}

/* name hilite */
span.name {
  /* font-weight: bold; */
  background-color: #ffe0e0;
}