/*****************************************************************************/
/* Stylesheet for the photo web pages */

/* ------------------------------------------------------------------------- */
/* Basics */

body
{
  color: white;
  background-color: black;
}

/* ------------------------------------------------------------------------- */
/* Links are not in colour to avoid clashing with photos */

a
{
  color: white;
}
a:visited
{
  color: lightgrey;
}
a:active
{
  color: lightgrey;
}
a:hover
{
  background-color: darkblue;
}

/* ------------------------------------------------------------------------- */
/* For laying out the thumbnails well */

div.photos
{
  clear: both;
}
.photos table
{
  float: left;
  min-width: 184px;
  min-height: 240px;
  width: 184px;
  height: 240px;

  text-align: center;
}

/* ------------------------------------------------------------------------- */
/* For laying out the actual image display */

/* The top line as a whole */
.topline
{
  text-align: center;
}

/* The previous link */
.previous
{
  margin-right:  3em;
}

/* The next link */
.next
{
  margin-left:  3em;
}

/* The image display area */
.display
{
  margin-top: 4px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  display: table;  
}

/* The actual image */
img.photo
{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Description */
.description
{
  margin-top: 1ex;
  margin-bottom: 1ex;
  text-align: center;
}

/* Details */
.details
{
  font-style: italic;
  font-size: smaller;
}

/* The timestamp in the details */
.copyright
{
  text-align: left;
  float: left;
}

/* The timestamp in the details */
.timestamp
{
  text-align: right;
  float: right;
}

/* Page footer */
.html_trailer
{
  clear: both;
  font-style: italic;
  font-size: smaller;
}

/*****************************************************************************/