/* _____________________________________________________________
	As with most projects on the web, the beautifying of the
	webpage is done through the Cascading Style Sheets (CSS). 
	Below is the one used in the demos contained in this webpage.
   _____________________________________________________________ */
   

#photo {
	position:absolute;
	top:100px;
	left:175px;
}
/* - - - - - - - - - - - - - - - - - - - - -
		Gallery Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryCntr {
	position: relative;
	width:800px;
	padding: 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-right:auto;
	margin-left:auto;
}
.flickrGalleryCntr img {
	border:0pt none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 25%;
	height: 100%;
	float: left;
	padding: 10px;
	margin: 10px;
}
.flickrGalleryAlbum img {
	float: left;
	padding: 5px;
}
.desc {
	visibility:hidden;
}
/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */

.flickrGalleryImages {
	height: 550px
}
.flickrGalleryImageView {
	padding-top: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.flickrGalleryImageView img {
	display: inline;
	margin: auto;
}

/*.flickrGalleryImages {
	position:absolute;
	width:700px;
}
.imageWrap {
	position:relative;
	margin:auto; /*centers image in between arrows
	width:500px;
}
.flickrGalleryImageView {
	position:relative;
	display:block;
	text-align: center;
	margin:auto;!important
	margin-top:auto;
	margin-bottom:auto;
}
.flickrGalleryImageView img {
	margin: auto;
}*/

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
/*#prev {
	position:absolute;
	float:left;
	top:50%;
	width:30px;
	height:29px;
	z-index:100;
}

#next {
	position:absolute;
	text-align:right;
	top:50%;
	width:700px;
	height:29px;
}*/
.flickrGalleryImageMenu {
	width: 100%;
	position:inherit;
	opacity: .40;
	filter: alpha(opacity=40);
}
.flickrGalleryImageMenuHover {
	opacity: .80;
	filter: alpha(opacity=80);
}

.flickrGalleryImageMenu a {
	color: #000;
	width: 100%;
}
.flickrGalleryImageMenuButtons {
	color: #000;
}

.flickrGalleryImageMenuButtons table{
	padding-left:70px;
}

.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
}
.flickrGalleryImageMenuButtons a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color: #000;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: #000000;
	border-bottom: 5px solid #0f0f0f;
	padding: 1em;
	height: 100%;
	overflow: auto;
}
.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 {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	/* z-index: 11; */
	width: 90%;
	height: 90%;
	opacity: .90;
	filter: alpha(opacity=90);
	color: #ffffff;
	margin: auto;
	margin-top: 30%;
	font-size: large;
	font-weight: 900;
	display: block;
}