/*=============================================
            Lazy Photo Gallery
               CSS file
               Version 2.0

            by Sam Perkins-Harbin
           http://www.forge22.com

       Last Revision: 26 February, 2008

=============================================*/


/*** structure ***/
body {margin:0; padding:0;
		background-color: #e6e6e6; }

#gal_wrapper {position: relative;  margin: 0; padding: 20px 50px; background-color: #e6e6e6; text-align: center;
	font-family: verdana; font-size: 12px; color: #000;}

/*** unit structers and sizes ***/
#gal_container {width: 100%; margin: 0; text-align: center; }

#gal_header {   margin: 0 auto 10px auto; text-align: left; }
#gal_folderNav { position: relative; width: 100%;   clear: both; padding: 0; margin: 0 auto 10px auto; overflow: auto;}

.gal_pageNav {width: 100%; margin: 10px auto; clear: both; overflow: auto; }

#gal_thumbnails {width: 100%; clear: both; overflow: auto;  }

#gal_footer {margin: 0 auto 50px auto; }



/*** colors and styles ***/

/*** links ***/
#gal_wrapper a, #gal_wrapper a:visited {text-decoration: none; color: #336699; }
#gal_wrapper a:hover, #gal_wrapper a:active {color: #66CCFF; }

#gal_wrapper a img {border: none; }



/*** header ***/
#gal_header {border-bottom: 1px solid #ccc;  }

	#gal_header h1.gal { margin: 0 0 1em 0;  }
		#gal_header h1.gal a, #gal_header h1.gal a:visited {font-size: 24px; color: #66CCFF; font-family: "Trebuchet MS", verdana, arial; text-decoration: none; }
			#gal_header h1.gal a:hover {color: #336699; }

	#gal_header h2.gal { font-size: 16px; margin: 0 0 1em 0; color: #000; }
		#gal_header h2.gal span {color: #bbb; font-weight: normal; font-size: 12px; }

		#gal_header h2.gal span.gal_numFolders {}
		#gal_header h2.gal span.gal_numImages {}



/*** specials ***/
#gal_preview { margin: 1em auto; width: 100%; text-align: center; overflow: auto;
		border-top: 1px solid #ccc; padding: 10px 0 0 0; }
	#gal_preview a { position: relative; margin: 0 auto;  }
	#gal_preview a img {border: 3px solid #fff;}
	#gal_preview a:hover img {border: 3px solid #ccc; }
	#gal_preview span {position: absolute; bottom:18px; left:0; z-index: 30; width: 100%;
			background: #fff; color: #333; font-size: 10px;
			filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

#gal_random { float: right; text-align: center;  }
	#gal_random a { position: relative; margin: 0;  }
	#gal_random a img {border: 3px solid #fff;}
	#gal_random a:hover img {border: 3px solid #ccc; }
	#gal_random span {position: absolute; bottom:18px; left:0;  z-index: 30; width: 100%;
			background: #fff; color: #333; font-size: 10px;
			filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }



/*** directory navigation ***/
#gal_folderNav {  background-color: #fff; border: 1px solid #aaa; text-align: left; font-size: 10px; }

	#gal_folderNav ul {width: 100%; }
	#gal_folderNav ul, #gal_folderNav li { margin: auto; padding: 0; list-style-type: none; }
	#gal_folderNav li {  float: left;   }
	#gal_folderNav a, #gal_folderNav a:visited  {display: block; position: relative; width: 66px; height: 52px;  padding: 18px 2px 0 2px; margin: 5px; overflow: hidden;
			background-color: #fff; color: #999; text-decoration: none; border: 1px solid #aaa; }

	#gal_folderNav a.gal_root {color: #000; background-color: #ddd; }
	#gal_folderNav a.gal_parent { color: #444; background-color: #eee; }

	#gal_folderNav a:hover {background-color: #ddd; color: #000; border-color: #000; }

/* if subfolder thumbs are set, these are the styles */
	#gal_folderNav a img.gal_subThumb {position: absolute; top:0; left:0; z-index:10; }

	#gal_folderNav a span {position: absolute; top:18px; left:0; z-index: 30; width: 100%;
			background: #fff; color: #222;
			filter:alpha(opacity=80);	-moz-opacity: 0.80;	opacity: 0.80; }


/*** all image thumbnails and image links ***/
#gal_thumbnails {  }
	#gal_thumbnails p.thumb { /* width and height of thumbnails are gernerated in main index.php script */
			margin: 5px; padding: 3px; float: left;
			font-size: 10px; text-align: center;
			background-color: #fff; border: 1px solid #ccc;
			border-style: solid; border-width: 1px; border-color: #ccc #a0a0a0 #a0a0a0 #ccc; }
		#gal_thumbnails p.thumb a {color: #000; font-weight: bold;  }

	#gal_thumbnails tt {font-family: verdana; font-size: 10px; color: #666; }

	#gal_thumbnails a {color: #999; text-decoration: none; }
	#gal_thumbnails a:hover, #gal_container a:active {color: #d0d0d0; }
	#gal_thumbnails a img {border-width: 3px; border-style: solid;
			border-color: #aaa #ccc #ccc #aaa;
			padding: 0;
			background-color: #ccc; }
	#gal_thumbnails a:hover img {border: 3px solid #eee; }


	#gal_thumbnails .iname {color: #000; }
	#gal_thumbnails .idate {color: #000; font-weight: normal;   }
	#gal_thumbnails .idim {color: #888; }
	#gal_thumbnails .isize {color: #aaa; }




/*** page navigation ***/
.gal_pageNav { text-align: left; }
	.gal_pageNav ul, .gal_pageNav li {margin: auto; padding: 0; list-style-type: none; }
	.gal_pageNav li {float: left; text-align: center;  }
	.gal_pageNav li.current a.page {font-weight: bold; color: #fff; background-color: #aaa; }

	.gal_pageNav a.page {display: block; padding: 2px 5px 2px 5px; color: #444; }
	.gal_pagenav a.prev, .gal_pageNav a.next, .gal_pageNav .prev, .gal_pageNav .next {display: block; width: 65px; padding: 2px 5px 2px 5px; }
	.gal_pageNav a:hover {color: #000;  }

/*** footer ***/
#gal_footer {border-top: 1px solid #ccc; overflow: auto; }
	#gal_footer p.time {float: left; color: #bbb; font-size: 10px; }
	#gal_footer p.copy {float: right;  }