/**
 * Project Gallery Style
 * Author: Dennis Robinson
 * Date:   March 28, 2009
 */

div.gallery {
	/* !important declarations are for modern browsers, the redundant declarations are for IE */
	width: 610px !important;
	width: 626px;
	margin: 0px auto !important;
	margin: 0px 19px;
	padding: 0px;

	/* Cause the gallery div to expand around floats */
	overflow: auto;
}

div.gallery a {
	display: block;
	float: left;
	width: 100px;
	height: 75px;
	margin: 0px 10px 5px 10px;
	padding: 0px;

	border: 1px solid #333333;
}

div.gallery a:hover {
	border-color: #999900;
}

div.gallery a img {
	width: 100px;
	height: 75px;
}

/**
 * The pop-up image viewer
 */
div#image_viewer {
	/* Hide the image viewer by default */
	display: none;

	/* Position this container at the top left, and fill the whole viewport with it */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	background-image: url('../images/transparent_background.png');
	/* Center the contents in IE */
	text-align: center;
}

div#image_viewer div.holder {
	width: 322px;
	margin: 50px auto 10px auto;
}

div#image_viewer div.holder div.image {
	width: 100%;
	height: 240px;

	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

div#image_viewer div.holder a.close_button {
	display: block;
	float: right;
	margin: 0px;
	padding: 3px 8px 2px 8px;

	border: 1px solid #999999;
	border-bottom-width: 0px;
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
}

div#image_viewer div.holder a.close_button:hover {
	background-color: #FFFFFF;
	color: #333333;
}

div#image_viewer div.holder div.description {
	margin: 5px auto;

	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
}