/*
CSS Name: Classic Black Design
Description: Minimalistic design, grey captions.
Author: Benedikt Morschheuser
Version: 1.0
*/

/*defaults*/


div.bmo_scrollGallery div.bmo_the_gallery_thumbs div.bmo_the_gallery_image a{
	display:block;
	width:95%;	/*dont use padding or margins here, use the % width and hight to reduce the size of the inner images*/
	height:95%;
	line-height:100px;/*will be changed by js*/
	text-align:center;
	overflow:hidden;
}

div.bmo_scrollGallery div.bmo_the_gallery_images div.bmo_the_gallery_image img{
	background: url("../imgs/ajax-loader.gif") no-repeat scroll center center transparent;
	/*styles to center images*/
	vertical-align:middle;
	display:inline;
	max-height:100%; /*dont use padding or margins here, use the % width and hight to reduce the size of the inner images*/
	max-width:100%;
}
div.bmo_scrollGallery div.bmo_the_gallery_images div.bmo_the_gallery_image div.bmo_the_gallery_caption{
	bottom:0px;
	line-height:0;
}

div.bmo_scrollGallery div.bmo_the_gallery_images div.bmo_the_gallery_image div.bmo_the_gallery_caption div.bmo_the_gallery_caption_text{
    background-color:#000;
    color:#fff;
    width:100%;
    filter: alpha(opacity=65);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    opacity:0.65;
    -moz-opacity: 0.65; 
    zoom: 1;
	line-height:16px;
}




/*schrift unter bild:
img max- height:80%;
zusätzlich auf img ein paading-bottom. Das geht!

oder das vertical align auf top setzen und max-heit auf 70% und caption mit top:70% possitionieren
breite der caption dann 100% und mit text-aling center text zentrieren
*/