/***************************************************************************************
MEDIA GALLERY CSS

<div class="gallery>
<a><img /></a>
</div>

***************************************************************************************/

.gallerywrap{
    float:left; clear:both;
    width:100%;
    background:url('../images/white80.png') repeat left top;
}


.ogallery{

}

.gallery .gallery_image{
    /*float:left;*/
}

.wrap_image{
    height:200px;
    float:left;
    position:relative;
}

.gallery_image{
    padding:10px; margin:10px;
    background:white; border: double #eeeeed;
}

.gallery_image img{
    border:solid #eeeeed 2px;
    display:block; margin: 0 auto 0 auto;
}

.gallery_image a:hover img, .gallery_image a:active img{
    border:solid #c0c3c0 2px;
}

.sidebar .gallery_image{
    /*display:block; margin:0 auto 0 auto;*/
    /*float:left; clear:both;*/
    display:inline-block;
    text-align:center;
}

.sidebar .gallery_image img{
     display:block; margin:0 auto 0 auto;

}