
/*** GALLERY ***/

#gallery {
	padding: 18px 0;
	overflow: auto;
}

/* GALLERY: cats */

#gallery #cats {
	padding: 0;
	list-style: none;   
    margin-bottom: 10px;    
    position: relative;
    min-height: 52px;
}

#gallery.cats-right #cats {
	float: right;
	margin: 0 5px 0 0;
}      

#gallery.cats-top #cats li {
	float: left;
	margin: 0 5px 0 0;
}

#gallery #cats .subcats {
	list-style: none;
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
}

#gallery #cats .current .subcats,
#gallery #cats .current.subcats {
    display: list-item;
}

#gallery #cats li {
	font-size: 13px;
	/*letter-spacing: 3px;*/
	border: 1px solid #ddd;
	padding: 1px 20px;
	margin: 0 0 5px 0;
	background: #01B2EE;
}

#gallery #cats li.hover {
	background: #01B2EE;
} 
#gallery #cats li.macrocat {  
	background: #eee;
}       
#gallery #cats li.macrocat > a {
	color: #0075BB;  
}  
#gallery #cats li.current {  
	background: #0075BB;
}    
#gallery #cats li.current a { 
	color: white; 
}    

#gallery #cats li a {
	text-decoration: none;
	color: white;
	display: block; 
    line-height: 18px;
}    

/* GALLERY: pics */

#gallery .pics {
	overflow: auto;
}

#gallery.cats-top .pics {
	clear: both;
    margin-top: 30px;
}

#gallery .pics ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}

#gallery .pics li {
	float: left;
	overflow: hidden;
	margin: 0px 30px 0 0;  
    width: 152px;
	position: relative;
}

#gallery .dark {
	height: 152px;
	width: 152px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: .2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

#gallery .pic-and-shadow {
    margin-bottom: 5px;
}
    
#gallery .pic-frame {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 5px; 
    display: block;   
}

#gallery .pic {
    height: 140px;
    width: 140px;     
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; 
}

#gallery .shadow {
    height: 5px;   
    background: url(/images/gallery-pic-shadow.png) center center no-repeat;
}

#gallery .title {
    text-align: center;
    overflow: hidden;
}

/* GALLERY: pager */

#gallery .pager {
	text-align: center;
}

#gallery .pager a,
#gallery .pager span { 
    height: 17px;  
    width: 17px;
	font-size: 11px;
	line-height: 17px;
    text-align: center;
	display: inline-block;
	padding: 0;
	z-index: 2;
	position: relative;  
	vertical-align: middle; 
    margin: 0 3px;
}

#gallery .pager a {      
	text-decoration: none;  
	border: 1px solid #ddd;  
	border-radius: 9px;   
	color: #0075BB;
	background-color: #eee;  
	behavior: url(/PIE.htc);
}

#gallery .pager a:hover {
	background: #01B2EE;    
	color: white;
}

#gallery .pager span {  
	border-radius: 9px;   
	color: white;
	background: #0075BB; 
	behavior: url(/PIE.htc);
}
/*# sourceMappingURL=fgallery.css.map */