/* CSS Document */

/*
** The container div to place album thumnails next to each other
** on the gallery page.
*/
div.gal_rowcontainter
{
	/* 
	** EDJ - This is for a bug in IE where it doubles
	** the margin specified
	*/
	display: inline;
	position: relative; 
	float: left; 
	
	margin-top: 10px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 15px; 
	
/*	border-color: red;
	border-style: solid;
	border-width: 1px;
*/	
	width: 770px; 
}

/*
** The container div for the album thumbail and text information.
*/
div.alb_thcontainer
{
	/* 
	** EDJ - This is for a bug in IE where it doubles
	** the margin specified
	*/
	display: inline;
	position: relative; 
	float: left; 
	
	margin-top: 0px; 
	margin-left: 25px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	
	border-color: #D99033;	
	border-style: ridge;
	border-width: 2px;
	
	background-color: #460F3C;

	width: 220px; 
}


/*
** The container div to place photo thumnails next to each other
** on the album page.
*/
div.pht_rowcontainter
{
	/* 
	** EDJ - This is for a bug in IE where it doubles
	** the margin specified
	*/
	display: inline;
	position: relative; 
	float: left; 
	
	margin-top: 10px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 15px; 
	
/*	border-color: red;
	border-style: solid;
	border-width: 1px;
*/	
	width: 770px; 
}

/*
** The container div for the photo thumbail and text information
*/
div.pht_thcontainer
{
	/* 
	** EDJ - This is for a bug in IE where it doubles
	** the margin specified
	*/
	display: inline;
	position: relative; 
	float: left; 
	
	margin-top: 0px; 
	margin-left: 25px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	
	border-color: #D99033;	
	border-style: ridge;
	border-width: 2px;
	
	background-color: #460F3C;

	width: 220px;
	height: 190px; 
}


/*
** The actual album thumbnail (img)
*/
img.alb_thumbnail
{
	border-color: black;
	border-style: solid;
	border-width: 2px;
	
	margin-top: 5px;
	margin-bottom: 5px;
}

.alb_title
{
	color: yellow;
	font-weight: bold; 
	font-style: italic;
}

.alb_date
{
	color: yellow;
	font-weight: normal;
	font-style: normal;
}

.alb_description
{
	color: yellow;
	font-weight: normal;
	font-style: normal;
}


/*
** This is the formatting for the album title displayed 
** at the top of the page (when showing an album).
** This is not for the title showed in the thumbnail
** (when showing a gallery).
** Same with description
*/
.alb_pageheader
{
	text-align: left;
	font-size: 18px;
	font-weight: bold; 
}


/*
** The actual photo thumbnail (img)
*/
img.pht_thumbnail
{
	border-color: black;
	border-style: solid;
	border-width: 2px;
	
	margin-top: 5px;
	margin-bottom: 5px;
}

.pht_title
{
	color: yellow;
	font-weight: bold; 
	font-style: italic;
}

.pht_date
{
	color: yellow;
	font-weight: normal;
	font-style: normal;
}

.pht_description
{
	color: yellow;
	font-weight: normal;
	font-style: normal;
}

/*
** The actual photo
*/
img.photo
{
	border-color: black;
	border-style: solid;
	border-width: 2px;
	
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
** Get the photo thumbnail border to change to white
** when user hovers over it.
*/
img.pht_thumbnail:hover
{
	border-color: #FFFFFF;
}

/*
** Get the album thumbnail border to change to white
** when user hovers over it.
*/
img.alb_thumbnail:hover
{
	border-color: #FFFFFF;
}