/* Gallery Styles */

/* These styles override the default appearance of gallery pages so they render
   with white text on a black background. The photos are more important than
   the text and the photos stand out better on a black background. */

body
{
	background: #B0B0A7;
}

div#page
{
	background: black;
	color: #E0E0E0;
}

div#page table td
{
	color: #E0E0E0;
}

#pageHeader
{
	/* A bit more padding is necessary because we don't have the natural
	   separation now that the header and page use similar colours. */
	padding-bottom: 0.4em;

	background: #202020;
	border-bottom: 1px solid white;
	color: #E0E0E0;
}

#pageHeader a
{
	color: #E0E0E0;
}

#pageContent a
{
	color: #A0C0FF;
}

#google
{
	/* The google box has a white background that doesn't look good when
	    the page has a black background. */
	display: none;
}

h2
{
	background: #101010;
	color: #E0E0E0;
}

/* This ends the default appearance override. The rest of these styles are
   styles that are specific to gallery pages. */
   
h2 span.date
{
	color: #C0C0C0;
	float: right;
	font-size: smaller;
	margin-top: 0.3ex;
}

table.photoSet
{
	margin: auto;
	margin-top: 2ex;
	border-spacing: 0pt;
}

td.thumbnail
{
	min-width: 180px;
	text-align: center;
}

td.thumbnail img
{
	margin-top: 16px;
	padding: 4pt;
	background: white;
	border: 1pt dotted #A0A090;
}

td.thumbnail p.title
{
	margin: 0.5ex 0ex 0.25ex 0ex;

	/* Define fonts in pixels, not points, because the image above it is a
		fixed number of pixels wide. */
	font: bold 11px Lucida Grande,Geneva,Arial;
}

td.thumbnail p.description
{
	margin: 0ex;
	color: #55AAFF;

	/* Define fonts in pixels, not points, because the image above it is a
		fixed number of pixels wide. */
	font: 11px Lucida Grande,Geneva,Arial;
}


/* --- Rules for the imgviewer page. --- */

table.imgviewer
{
	margin: 0ex;
	width: 100%;
}

table.imgviewer td.title
{
	/* Display the title with the same font as a heading. */
	font: 24px Futura,sans-serif;
}

table.imgviewer td.imagenum
{
	font: 18px Futura,sans-serif;
	color: gray;
	text-align: right;
}

table.imgviewer td.imagenum img[src="/images/whitePrevArrow.gif"]
{
	margin-right: 8px;
}

table.imgviewer td.imagenum img[src="/images/whiteNextArrow.gif"]
{
	margin-left: 8px;
}