/*
Image gallery Styling

This is included by default but you will get website performance by minimising the number of CSS resources included in the HEAD section so I suggest you copy&paste it into your themes style.css and then comment out the line in bitvolution-image-galleria.php that contains the following PHP code:
   wp_enqueue_style('bitvol_galleria_css'...
*/

.gallery .mainImageDiv {width:500px;height:375px;float:left;text-align:center;}
.gallery img.mainImage {padding:0;border:3px double #CCC;}
.gallery ul {float:left;width:310px;height:375px;overflow:auto;margin: 0 0 0 20px;list-style:none;}
.gallery li {display:block;width:80px;height:80px;float:left;margin:0 10px 10px 0;border:3px double #AAA;}
.gallery li.selected {border:3px double #000;}
.gallery li img {padding:0;opacity:0.3;border:0;}
.gallery li img.selected {opacity:1;}

.gallery .bvControlDiv {clear:both;width:500px;height:30px;float:left;text-align:center;margin:10px 0 0;}
.gallery .bvPrev {display:block;float:left;border:1px solid #CCC;text-decoration:none; padding:1px 5px;}
.gallery .bvNext {display:block;float:right;border:1px solid #CCC;text-decoration:none; padding:1px 5px;}
.gallery .bvCaption {display:block;width:250px;overflow:hidden;margin: 0 auto;font-style:italic;}

.bitVolClearAfter:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.bitVolClearAfter {zoom:1;}