body.photoPage {background-color: black; color: white; padding: 0; margin: 1px}
body, div, td, li {font-family: sans-serif; color: white}
a:link, a:visited {color: white}
.imageTable img {border: 3px solid black; margin: 5px; display: block}
img.photo {
    border: 4px solid gray;
    margin: 5px auto;
    display: block;
    clear: all;
    text-align: center}
div.photoNav, div.photoTitle {margin-left: auto; margin-right: auto; text-align: center}

body,
body div,
body td,
body th,
body li,
body p
    {font-size: 14px}
body.photoPage .photoCaption
    {font-size: 14px}
body.photoPage .photoComment
    {font-size: 13px}
body.photoPage .tallLayout .changeSize,
    body.photoPage .photoSpecs,
    body.photoPage .contact
    body.photoPage .prevNav,
    body.photoPage .upNav,
    body.photoPage .sizeNav
    body.photoPage .nextNav
    {font-size: 12px}
body.photoPage .copyright
    {font-size: 11px}

/* The following block, including its starting and trailing comments, is magic.
All styles that include a pixel size should be repeated here.
See <http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html>. */
/*/*/a{}
body,
body div,
body td,
body th,
body li,
body p,
body.photoPage .tallLayout .changeSize,
body.photoPage .photoSpecs,
body.photoPage .contact
body.photoPage .prevNav,
body.photoPage .upNav,
body.photoPage .nextNav
{
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body div,
html>body td,
html>body th,
html>body li,
html>body p,
html>body.photoPage .tallLayout .changeSize,
html>body.photoPage .photoSpecs,
html>body.photoPage .contact
html>body.photoPage .prevNav,
html>body.photoPage .upNav,
html>body.photoPage .nextNav
{
  font-size: small;
}

body p,
body li {
    line-height: 140%
}

body.photoPage .photoCaption
    {font-size: 110%}
body.photoPage .photoComment
    {font-size: 100%}
body.photoPage .tallLayout .changeSize,
    body.photoPage .photoSpecs,
    body.photoPage .contact
    body.photoPage .prevNav,
    body.photoPage .upNav,
    body.photoPage .nextNav
    {font-size: 80%}
body.photoPage .copyright
    {font-size: 70%}
/*
/* */

div.prevNav {margin-left: 0; padding-right: 1em; float: left}
div.nextNav {margin-right: 0; padding-left: 1em; float: right}
td.prevNav {text-align: left; width: 25%; padding-right: 1em; vertical-align: top; white-space: nowrap}
td.upNav {text-align: center; width: 50%; padding: 0 0.7em; white-space: nowrap}
td.sizeNav {text-align: center; width: 25%; padding: 0 0.7em; white-space: nowrap}
td.nextNav {text-align: right; width: 25%; padding-left: 1em; vertical-align: top}
.photoCaption {margin: 1em auto; text-align: center}
.photoComment {margin-left: auto; margin: 1em auto; text-align: center}
.photoSpecs {color: gray; margin: 1em auto; text-align: center}
.contact {color: gray; margin: 1em auto; text-align: center}
.copyright {color: gray; margin: 1em auto; text-align: center}
body.photoPage .tallLayout {margin: 0 6px}
body.photoPage .tallLayout .descriptionColumn {padding-left: 6px}
.zoomIn {cursor: -moz-zoom-in}
.zoomOut {cursor: -moz-zoom-out}