/* figures.css */

div.intro { 
  border: thin white solid;
}
div.figure { 
  text-align: center;
  border: 0; /* thin silver solid; */
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
div.figure .heading { 
  font-size: 120%;
  text-align:left;
}
div.figure p { 
  text-align:left;
}
div.figure img { 
  margin: 5px;
}
div.figure hr { 
  display: block;
  clear: left;
  margin: -0.66em 0;
  visibility: hidden;
}
div.figure .caption { /* intended for a phrase */
  font-size: 100%;
  text-align: center;
  margin: 10px;
 }
div.figure .legend { /* intended for longer descriptions  */
  padding: 5px; 
  font-size: 100%;
  text-align: left;
  margin: 5px;
}

img.scaled { 
  width: 100%;
}

* .clearer { 
  /* use after a float see: http://www.complexspiral.com/publications/containing-floats/ 
   */
  display: block;
  clear: left;
  visibility: hidden;
}

* .image_right { 
  display: block;
  float: right;
  margin: 10px 0px 10px 10px;
}

* .image_left { 
  display: block;
  float: left;
  margin: 10px 10px 10px 0px;
}

.thumbnail img { 
  border: 0;
  margin: 5px;
  padding: 10px;
  float: left;
}