/*
Image gallery Styling

This is included by default but you will get better 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 add the following to your themes functions.php to stop this gallery plugin from outputing any style:

// hook for when stylesheets are output                                                                                                                         
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
  // Deregister the bitvol-galleria stylesheet (because we will override it in this themes stylesheet)                                                          
  wp_deregister_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;}