/* Styles for the main display of thumbnails ------------------------------------------------------------------- */

#galleryContainer {
	padding-bottom: 1em;
	padding-top: 1em;
}

#galleryContainer, .row {
	/*width: 100%;*/
	overflow: hidden;
	clear: both;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.row {
	width: 99.5%;
	margin-bottom: 2em;
	margin-top: 0.5em;
}

.photoContainer {
	float: left;
	width: 30%;
	margin-right: 2.5%
}

.photoContainer p {
	margin: 0.8em 0 0 0;
}

.photoContainer .image a:link img,
.photoContainer .image a:visited img,
.photoContainer .image a:hover img,
.photoContainer .image a:active img {
	border: 1px solid #999 !important;
	padding: 1px
}

.photoContainer .image img {
	float:none !important;
	margin:0 !important;
}


/* Styles for the links ------------------------------------------------------------------- */

#linksContainer {
	background-color: #F2F2F7;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	width: 100%;
	overflow: hidden;
}

#linksContainer .nextLinks,
#linksContainer .backLinks {
	width: 6em;
	float: left;
	margin-left: 0.5em;
}

#linksContainer .nextLinks {
	float: right;
	text-align: right;
	margin-left: 0;
	margin-right: 0.5em;
}


/* Styles for the expanded photos  ------------------------------------------------------------------- */

#expandedContainer {
	margin-top: 3em;
}
	
	#expandedContainer a.closerlink {
		display:none;
	}

#expandedContainer .expandedphoto {
	margin-bottom: 2.5em;
	width: 100%;
	text-align: center;
	overflow: hidden; /* just in case photo is too large */
}

#expandedContainer .expandedphoto p {
	margin:  0.8em 0 0 0;
	padding: 0 5px;
	text-align:left;
}

#expandedContainer .expandedphoto img.photoexpanded {
	border: 1px solid black;
	padding: 1px;
	background-color: white;
}

#expandedContainer .buttons {
	display: none;
}