/* 
	copyright Michelle Rajunov 2008
	www.MappingDuBois.org css
	photo gallery css
	modified: March 18, 2009
	
	Galleria css the default from the plugin Galleria
	Includes css for thumbnails, comments, and albums tab
	
*/
	
/************************* Galleria ******************************/
.galleria{list-style:none;width:500px;margin:0 auto;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_wrapper{	text-align: center;}

/************************* Main Imagee ******************************/
#main_image span.caption{	text-align: center; border:1px solid #BBA982;  			padding: 10px 10px 0 10px;	}
#main_image{	margin:0px 10px 10px -10px;  width: 65%;	min-width: 200px;	max-width: 600px;	text-align:center;	float: left;}
#main_image img{margin:0 auto 10px;		padding:2px; max-height: 500px;	max-width: 99%;		border:1px solid #BBA982;	}
	
/************************* Albums ******************************/
#albums{	margin:  -20px 1px 20px 0;	float: right;	text-align:right;	padding: 7px;	background: #99BB55;	
	border: 2px solid #667733;	position:relative;}
#albums ul{	margin: 10px 5px;}
#albums li{	margin: 4px 0;}
#albums a.albumSlider{	text-align: right;	font-size: 12pt; }
#albums a{			color: #5A4B29;			padding: 2px;}
#albums a:hover{	border: 0;	    		background: #f2f077;	cursor: pointer;	}
#albums li img{		margin: 0 0 -4px 4px;	}
#albums li img:hover{	cursor:pointer;}

#albums form{			}
#albums input{ 			margin: 0;  padding: 2px; }
#albums label{			width: 0;}
#albums input.submit{	border: 0;	margin: -5px 1px; }

/************************* Thumbs ******************************/
#thumbs{				float: right;	width: 33%;		margin-bottom: 15px;	clear: right;}
#thumbs ul.gallery{		clear: both;	width: 99%;		margin: 0;}
#thumbs ul.gallery li{	height:50px;	width: 50px;	margin: 0 10px 10px 0;	border:1px solid #FBE8BE; }
#thumbs .gallery li div .caption{		font-style:italic;	font-size:10px;}


#thumbs a{				display: block;		clear: both; 	padding: 3px 0;		width: 150px;}
#thumbs a img{	 		margin-bottom: -3px;}
#thumbs a:hover{		border: 0;				cursor: pointer;}
#thumbs form{			margin-bottom: 15px;	display:none;}	
#addImage_form input{	width: 70%; }
#addImage_form button{	clear: both; 	float: left;}
#thumbs div.files{	margin: 5px 0;		float:left;		clear:both;		border-top: 1px solid #ccc;	}
#thumbs div.files p{	margin: 2px 0 0;}
#filename{		float: left;	padding: 7px;}
#filename img{	margin-left: 10px; }

/************************* Comments ******************************/
#comments{	    float: right; 	width: 33%;		clear: right;}
#comments ul{	margin: 0;}
#comments li{	clear: both; 	padding: 10px 0 20px;	}
#comments a.commentSlider{		float: right; 	margin: -14pt 0; 	font-size: 8pt;}
#comments a.commentSlider:hover{border: 0;		cursor: pointer;}

#comments div.noComments{border: 2px dashed #667733;	padding: 10px;}
#comments div.name{		background: #D6504C;	border: 1px solid #993333; 	width: 70%;				padding: 2px;	}
#comments span.date{	font-size: 7pt;			font-style: italic;			margin-top: 5px;}
#comments div.text{		background: #99BB55;	border: 1px solid #667733; 	color: #5A4B29;			padding: 7px;	}
				
#addComment_form{		width: 99%;		min-width: 100px;	margin-top: 10px;}	
#addComment_form label{	width: 99%;		margin: 0; padding: 0;	}
#addComment_form input,textarea{		margin: 0 0 10px;	width: 99%;}

#comments ul a.delete_comment:hover{border: 0;	cursor: pointer;}
#comments ul a.delete_comment img{	margin-bottom: -3px;}