/**
 * Styles for thumbnails/galleries
 */


/* gallery (one big image, with smaller images underneath)
-------------------------------------------------------------- */


div.gallery ul {padding: 0; margin: 0;}
div.gallery .image {float: left; border: 1px solid #056a48; padding: 1px; margin-bottom: 8px; }
div.gallery .image img {float: left; }
div.gallery .thumbs li {float: left; list-style: none; margin-right: 7px; padding-bottom: 3px}
div.gallery .thumbs li.active {border-bottom: 4px solid #056a48;}

/* Clearing floats without extra markup  */
/*
.gallery { display: inline-block; }
.gallery:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .gallery { height: 1%; }
.gallery { display: block;}
*/