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

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

       
Last Revision: 22 February, 2007


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



/*** structure ***/

body {margin:0; padding:0;
}



#gal_wrapper {position: relative;  margin: 0; padding: 0px 10px; 
		background-color: #5D4D4D; text-align: center;
	
		font-family: arial; font-size: 12px; color: #212121;}



/*** 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 30px auto; }





/*** colors and styles ***/


/*** links ***/

#gal_wrapper a, #gal_wrapper a:visited, #gal_wrapper a:active {text-decoration: none; 
								color: #D89699; 
								font-weight:bold;}

#gal_wrapper a:hover {color: #404040; text-decoration: none;
			text-weight: bold; font-style: italic; cursor: pointer; }


#gal_wrapper a img {border: none; }





/*** header ***/

#gal_header {border-bottom: 0px 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: arial, tahoma; 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: #695B5B; border: 0px solid #ccc;

			border-style: solid; border-width: 1px; 
			border-color: #2F2929; }

#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: #BC9FFF; }
	
#gal_thumbnails a img {border-width: 3px; border-style: solid;

			border-color: #7E464E;

			padding: 0; 
background-color: #80323B; }
	
#gal_thumbnails a:hover img {border: 3px solid #E2D6A6; }


	
#gal_thumbnails .iname {color: #000; }
	
#gal_thumbnails .idate {color: #000; font-weight: normal;   }
	
#gal_thumbnails .idim {color: #A98467; }
	
#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: #7E5E96; }


.gal_pageNav a.page {display: block; padding: 2px 5px 2px 5px; color: #B8D7EA; }
	
.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: #404040;  }



/*** footer ***/

#gal_footer {border-top: 1px dotted #2F2929; overflow: hidden; }
	
#gal_footer p.time {float: left; color: #bbb; font-size: 10px; }
	
#gal_footer p.copy {float: right;  }