body
{
  margin: 3em 2em 2em 2em;
}

body.trees
{
  margin: 3em 10em 6em 12em;
}

/* For the heads of family at the top of the page */
h1
{
  margin: 2em 2em 0em 0em;
}

/* Sub-heading for details of children or grandchildren */
h2
{
  margin: 2em 2em 0em 0em;
}

/* Sub-sub-heading for an individual under h2 */
h3
{
  margin: 2em 2em 0em 0em;
}


p
{
  font-size: 110%;
  margin: 1.5em 2em 0em 0em;
  white-space: pre-wrap;  /* preserve double-spacing */
}

/* For cases where there's a second spouse who is also an ancestor */
p.sub_h1
{
  margin: 0.5em 2em 0em 0em;
  font-size: 2em;
  font-weight: bold;
}

/* For continuation of an entry under heading h2 about a child or grandchild */
p.cont
{
  margin: 0.75em 2em 0em 0em;
}

/* To indent and close-space text */
p.quote
{
  margin: 0.25em 8em 0em 3em;
}

/* For each entry in a list of children */
p.child
{
  margin: 0em 2em 0em 3em;
  /* Create hanging indent if the text uses more than one line */
  padding-left: 2em;
  text-indent: -2em;
}

/* For lines containing a hyperlink */
p.link
{
  font-size: 120%;
  margin: 0em 2em 0em 0em;
}

/* For text on the page that lists all the trees */
p.trees
{
/*  margin: 1.25em 8em 0em 10em; */
  font-size: 125%;
}

/* For setting off text that names a direct ancestor */
.flag
{
  text-decoration: none;  /* turn off underlining */
  color: red;
}

/* Just for changing color */
red
{
  color: red;
}

/* For links to pages within this site */
a.local
{
  color: green;
}


/* IMAGES */

/* Make sure images can't overrun the page */
img
{
   max-width: 95%;
   max-height: 95%;
}

/* For holding multiple linked figures:  centered, 1 line space before it */
div.image
{
  margin: 1em 0em 1em 3em;
/*  align: center;  */
  font-family: "Arial", sans-serif;
  text-align: center;
  max-width: 100%;
}

/* For moving links to the right side of the page */
div.fr
{
  display: inline-block;  /* NO EFFECT */
  float: right;
  margin: 0.1 2em 0.1 0.1;
}


/* Only use so far is containing a figure within the "image" div above */
span
{
  display: inline-block;
}

/* The new HTML5 figure and figcaption elements -- BE WARNED, most versions of IE don't support this!  See http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/ */
figure
{
  margin: 1em 0 0 0;
  display: block;
  align: center;
  font-family: "Arial", sans-serif;
  text-align: center;
}

figcaption
{
  margin: 0.5em 0 0 0;
  display: block;
  text-align: center;
  font-weight: bold;
}

/* For multiple figures side-by-side in a div.image */
figure.tile
{
  margin: 1em .5em 0 .5em;
}



/* Float an image to the right of the text, and have text flow around it on the left */
/* ISSUE:  This works as long as the HTML doesn't adjust image size */
figure.fr
{
  display: inline-block;  /* NO EFFECT */
  float: right;
  margin: 0.1 2em 0.1 0.1;
}

/* Center the caption under the image */
/* figure figcaption
 {
  text-align: center;
  font-size: 110%;
  font-weight: bold;
} */