/**************************************************************************************
 * Photo Gallery Stylesheet 1
 *
 * Copyright (c) 2006, Monrose Services Ltd.	

 * Version Date          Comment
 * 1.0     29 Jan 2006   First controled version.  Supports wrapper div around
 *                       thumbnail image.
 *
 * 1.1     10 Jul 2006   Main image display modified to support drop shadow border.
 *                       Font Family rationalised to Arial, Helvetica, sans-serif throughout.
 *                       Caption in bold, rather than italic to improve readabilty.
 *                       Thumbnail background colour slightly paler.
 *
 * 1.2     13 Jul 2006	 Class galnav added for gallery navigation to avoid clashing with
 *                       existing styles for <a> tags.
 *
 * 1.3     15 Jul 2006   Class galnav must also be added to the a:visited style.
 *
 * 1.4		 20 Jul 2006   Height of thumbnail box reduced by 1em.  Tidied up to eliminate
 *                       unnecessary duplication.									
 ************************************************************************************** */

/* OVERALL STYLES ..................................................................... */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}



/* INDEX DISPLAY ...................................................................... */
div.mg_thumb {
	float: left;
	margin: 10px;
	padding: 10px;
	background-color: #ffffdd;		/* Pale yellow */
	color: black;
	border-left: 2px solid silver;
	border-right: 2px solid gray;
	border-top: 2px solid silver;
	border-bottom: 2px solid gray;
	text-align: center;
}

div.mg_thumb img {
	border-left: 1px solid gray;
	border-right: 1px solid silver;
	border-top: 1px solid gray;
	border-bottom: 1px solid silver;
}

div.thumb_caption {
	height: 6em;
	overflow: hidden;
}

div.mg_thumb p {
	text-align: center;
}

/* GALLERY DISPLAY .....................................................................*/

h1.gallery_name, h2.sub_gallery_name {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

h1.gallery_name {
	font-size: 120%;
}

h2.sub_gallery_name {
	font-size: 110%;
}


h3.image_name {
	font-family:	Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	color: silver;
	background: inherit;
}

div.image_wrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.image_wrapper img {
	border: none;
	margin: 0;
	padding: 0;
}

/* Drop shadow borders. */
.corner_border_tl {
	width: 35px;
	height: 35px;
	background-image:url(images/backgrounds/border-tl.jpg);
	background-repeat: no-repeat;
}
.corner_border_tr {
	width: 35px;
	height: 35px;
	background-image:url(images/backgrounds/border-tr.jpg);
	background-repeat: no-repeat;
}
.corner_border_br {
	width: 35px;
	height: 35px;
	background-image:url(images/backgrounds/border-br.jpg);
	background-repeat:no-repeat;
}
.corner_border_bl {
	width: 35px;
	height: 35px;
	background-image:url(images/backgrounds/border-bl.jpg);
	background-repeat:no-repeat;
}
.horizontal_edge_border_t {
	height: 35px;
	background-image:url(images/backgrounds/border-tc.jpg);
	background-repeat: repeat-x;
}
.horizontal_edge_border_b {
	height: 35px;
	background-image:url(images/backgrounds/border-bc.jpg);
	background-repeat: repeat-x;
}
.vertical_edge_border_l {
	width: 35px;
	background-image:url(images/backgrounds/border-cl.jpg);
	background-repeat: repeat-y;
}
.vertical_edge_border_r {
	width: 35px;
	background-image:url(images/backgrounds/border-cr.jpg);
	background-repeat: repeat-y;
}

p.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
}

p.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
}

.greyed_out {
	background: inherit;
	color: silver;
}

p.high_res_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin-left: 10px;
	font-weight: bold;
}

a.galnav:link, a.galnav:visited {
	color: blue;
	background: inherit;
	text-decoration: underline;
}

a.galnav:hover, a.galnav:active {
	color: blue;
	background: #d0d0d0;
}
/*
a.galnav:visited {
	color: blue;
	background: inherit;
}
*/