/* 
    Document   : photogallery
    Created on : May 3, 2010, 2:21:47 PM
    Author     : Daniel Cassman
    Description:
        Photo gallery for photos using the imgcolor jQuery
				plugin.
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.float.last	{		margin-right:			0 !important;}

.gallery_img	{
					width:					205px;
					position:				relative;
					margin:					0 12px 28px 12px;
					padding:				0;
					text-align:				center;
													}
.gallery_img img	{
					position:				relative;
					padding:				5px;
					border:					1px solid #aaaaaa;
					height:					135px;
					max-width:				203px;
					border-radius:			5px;
					-webkit-border-radius:	5px;
					-moz-border-radius:		5px;
					-khtml-border-radius:	5px;
					background:				#f9f9f9;
					margin-bottom:			0px;
					behavior:				url(/css/PIE.php);
													}
.gallery_img span, #imgcolor-container span
				{	display:				none;	}
.gallery_img:hover img	{
					box-shadow:				0px 0px 20px #787878;
					-webkit-box-shadow:		0px 0px 20px #787878;
					-moz-box-shadow:		0px 0px 20px #787878;
					background:				#f9f9f9;
					behavior:				url(/css/PIE.php);
													}
#imgcolor-container span	{
					display:				inline;
					position:				absolute;
					bottom:					0;
					right:					0;
					padding:				10px 15px;
					background:				#eee;
					color:					#000000;
					z-index:				999;
					border-left:			1px solid #555;
					border-top:				1px solid #555;
					border-top-left-radius:	5px;
					-webkit-border-top-left-radius: 5px;
					-moz-border-radius-topLeft:		5px;
					-webkit-border-top-left-radius:	5px;
					behavior:				url(/css/PIE.php);
													}
#imgcolor-control	{
					position:				fixed;
					bottom:					20px;
					width:					400px;
					background-color:		#110F0E;
					padding:				10px;
					border-radius:			8px;
					-moz-border-radius:		8px;
					-webkit-border-radius:	8px;
					-khtml-border-radius:	8px;
					z-index:				30;
													}
.imgcolor-button	{
					display:				block;
					float:					left;
					width:					90px;
					padding:				5px 15px;
					color:					#ccc;
					background-color:		#111;
					font-size:				13px;
					text-align:				center;
					border:					1px solid #ccc;
					border-radius:			5px;
					-moz-border-radius:		5px;
					-webkit-border-radius:	5px;
					-khtml-border-radius:	5px;
													}
.imgcolor-button:hover	{
					border-color:			#548AFF;
					background-color:		#222;
					color:					#eee;
													}
.imgcolor-button.prev, .imgcolor-button.close
				{	margin-right:			15px;	}
#imgcolor-container	{
					position:				fixed;
					text-align:				center;
					border:					2px solid #eee;
					border-radius:			2px;
					-moz-border-radius:		2px;
					-webkit-border-radius:	2px;
					-khtml-border-radius:	2px;
					background:				#eee;
					z-index:				20;
													}
div#imgcolor-control a	{
					color:					#bbb;
					text-decoration:		none;
													}
div#imgcolor-control a:hover	{
					text-decoration:		none;
					color:					#eee;
													}
div.gallery-label h2
				{	margin:					-10px 0 0;
					font-size:				20px;	}
p.date	{
					color:					#999;
					margin:					0 0 1em;
													}