/* _____________________________________________________________
	As with most projects on the web, the beatifying of the
	webpage is done through the Cascading Style Sheets (CSS). 
	Below is the one used in the demos contained in this webpage.
   _____________________________________________________________ */
   
/* - - - - - - - - - - - - - - - - - - - - -
		Gallery Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryCntr {
	position: relative;
	width: 900px;
	height: 545px;
	padding: 0px;
/*
	border: 1px solid #ccc;
	background: #fff;
	opacity: .55;
*/
}
.flickrGalleryCntr img {
	border:1pt none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 90%;
	height: 100%;
	float: left;
	border: 0px solid #ccc;
	padding: 10px;
	margin: 10px;
}
.flickrGalleryAlbum img {
	float: left;
	padding: 10px;
	border: 1px solid #555;
	background: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImages {
	height: 860px;
}
.flickrGalleryImageView {
	padding-top: 30px;
	text-align: center;
	margin-left: auto;
 	text-align: -moz-center;
	margin-right: auto;
	width: 100%;
}
.flickrGalleryImageView img {
	display: inline;
	border: 5px solid #000;
	opacity: 100;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageMenu {
	text-align: center;
	width: 860px;
	opacity: .90;
	filter: alpha(opacity=40);
}
.flickrGalleryImageMenuHover {
	opacity: .90;
	filter: alpha(opacity=90);
}

.flickrGalleryImageMenu a {
	color: #333;
	width: 860px;
	border: 1px solid blue;
}
.flickrGalleryImageMenuButtons {
	white-space:nowrap;
	width: 860px;
	height: 20px;
	color: #ccc;
	float: left;
}
.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
	border: 0px solid #000000;
	text-decoration: none;
}
.flickrGalleryImageMenuButtons a:hover {
	opacity: 50;
	filter: alpha(opacity=100);
	color: #ccc;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: #000; 
	filter: alpha(opacity=70);
	border-bottom: 0px solid #0f0f0f;
	padding: 1em;
}
.flickrGalleryImageThumbs ul {
	list-style: none;
}
.flickrGalleryImageThumbs li {
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	background: url("../images/loading.gif") no-repeat;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	opacity: .50;
	filter: alpha(opacity=90);
	margin-left: 430px;
	margin-top: 20%;
	font-weight: 0;
}