/************************************************
	    GALLERY SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 02/03/2013

        
        !!NB: DO NOT MODIFY THIS DOCUMENT DIRECTLY!!
        APPLY OVERRIDES IN STYLE.CSS, 
        (or main site style sheet)

        !!IMPORTANT REQUIRED OVERRIDES!!
        Set the following to those configured using 
        the Apollo admin.net for gallery thumbnail
        sizes. These values can be set automatically 
        by calling generateCss.aspx and passing this 
        file into it as the file paramter.

        .gallery .thumbnail div { width }
        .gallery .thumbnail a { width / height }
    ************************************************/
    
    /* Gallery Listing Page */
    #galleries { margin-bottom: 20px !important; }
        .galleryBox { width: 200px; height: 170px; border: solid 1px silver; background-color: #ffffff; padding: 10px; float: left; clear: none; 
                      margin-right: 10px; border-radius: 4px; margin-bottom: 10px; overflow: hidden }
                      
            .galleryBox .imgHolder { width: 100%; height: 118px; overflow: hidden; border-radius: 4px; margin-bottom: 4px; background-color: #ffffff; }
            .galleryBox img { display: block; width: 100%;  }
            .galleryBox a { display: block; background-color: #ffffff; }
            
    /* Gallery Viewer Page */
    .gallery { position: relative; }   
        .gallery .thumb { }
        .gallery .thumb a:hover { background-color: #333333; }                    
        
        .gallery .thumb div { float: left; clear: none; margin: 10px 10px 0px 0px; border: solid 1px silver; width: 150px; background-color: #ffffff; border-collapse: collapse; border-radius: 4px; }
        .gallery .thumb a { display: table-cell; width: 150px; height: 150px; text-align: center;  vertical-align: middle; background-color: #ffffff; border-radius: 4px;}    
        .gallery .thumb img { border: solid 1px #66f; vertical-align: middle; border-radius: 4px; }