/* 
    Document   : media
    Created on : 17-Jul-2012, 4:53:20 PM
    Author     : Alain
    Description:
        Purpose of the stylesheet follows.
*/

div.video
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 853px;
    height: 480px;
}

/*image gallery*/
div.gallery_row
{
    margin:2px;    
    text-align:center;
}
div.gallery_row div.galleryItem
{
    display:inline-block;
    margin:3px;
    height:150px;
    width:200px;
    
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border:3px solid rgb(60,60,45);
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
    cursor:pointer;
    
    /*Compatibility hacks*/
    zoom: 1;
    *display: inline;
    _height: 150px;
}
div.gallery_row div:hover
{
    border-color: rgb(110,110,90);
}

div.gallery_row a.galleryItem
{
    display:inline-block;
    margin:3px;
    height:150px;
    width:200px;
    
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border:3px solid rgb(60,60,45);
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
    cursor:pointer;
    
    /*Compatibility hacks*/
    zoom: 1;
    *display: inline;
    _height: 150px;
}

div.gallery_row a:hover
{
    border-color: rgb(110,110,90);
}

div.gallery_row_desc
{
    width:100%;
    text-align: center;
}

div.gallery_item_desc
{
    display:inline-block;
    text-align:center;
    font-weight:normal;
    width:200px;
    margin:0px auto;
    
    /*Compatibility hacks*/
    display:-moz-inline-stack;
    zoom: 1;
    *display: inline;
}