/**
* Plugin Crystal Gallery
* 
* Copyright (C) 2012  Adamantium Solutions (www.adamantium.sk)
*
* @package     jquery.crystalGallery
* @author      Adamantium Solutions
* @copyright   2012 Adamantium Solutions
* @link        http://www.crystalgallery.adamantium.sk
*/


/**
* Crystal gallery
*/

.crystal-holder {
    background-color: #000000;
    font-family: 'Cabin Condensed', 'Trebuchet MS', Tahoma, sans-serif;
    font-size: 12px;
    color: #ffffff;
}

a {
    color: #ffffff;
}

a:hover {
    text-decoration: none;
}



/**
* Crystal gallery logo
*/                    

div.crystal-logo {
    color: #ffffff;
    font-size: 28px;
    text-align: center;
}

div.crystal-thumbnails-top div.crystal-logo td.crystal-logo-padding,
div.crystal-thumbnails-bottom div.crystal-logo td.crystal-logo-padding {
    padding: 0px 15px;
}

div.crystal-thumbnails-left div.crystal-logo td.crystal-logo-padding,
div.crystal-thumbnails-right div.crystal-logo td.crystal-logo-padding {
    padding: 15px 0px;
}
   


/**
* Crystal gallery thumbnails
*/
    
div.crystal-thumbnails-bottom div.crystal-thumbnails-categories {
    padding: 20px 20px 7px;
    position: relative;
}

div.crystal-thumbnails-top div.crystal-thumbnails-categories {
    padding: 7px 20px 20px;
    position: relative;
}

div.crystal-thumbnails-left div.crystal-thumbnails-categories {
    padding: 20px 30px 30px;
    position: relative;
}

div.crystal-thumbnails-right div.crystal-thumbnails-categories {
    padding: 20px 30px 30px;
    position: relative;
}

div.crystal-thumbnails-top div.crystal-handle-holder {
    margin-bottom: 10px;
}

div.crystal-thumbnails-bottom div.crystal-handle-holder {
    margin-top: 10px;
}

div.crystal-thumbnails-left div.crystal-handle-holder {
    right: -15px;
    float: right;
}

div.crystal-thumbnails-right div.crystal-handle-holder {
    left: -15px;
    float: right;
}



/**
* Crystal gallery categories
*/

div.crystal-categories {
    line-height: 18px;
}

div.crystal-thumbnails-top div.crystal-categories {
    margin-bottom: 7px;
}

div.crystal-thumbnails-bottom div.crystal-categories {
    margin-top: 8px;
    margin-bottom: 3px;
}

div.crystal-thumbnails-left div.crystal-categories {
    text-align: right;  
    margin-bottom: 15px;
    line-height: 14px;
}

div.crystal-thumbnails-right div.crystal-categories {
    text-align: left;
    margin-bottom: 15px;
    line-height: 14px;
}

div.crystal-categories a.crystal-category-link {
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;    
    font-size: 14px;
    margin-right: 25px;
}

div.crystal-categories a.crystal-category-link:hover,
div.crystal-categories a.crystal-selected-category {
    text-shadow: 0px 0px 0px transparent, 0px 0px 5px #ffffff;        
}



/**
* Crystal gallery social icons
*/

div.crystal-social-trigger {
    text-transform: uppercase;
    font-size: 10px;
}

div.crystal-social-trigger:hover,
div.crystal-social-trigger.crystal-social-active {
    text-shadow: 0px 0px 0px transparent, 0px 0px 2px #ffffff, 0px 0px 5px #ffffff;    
}

div.crystal-thumbnails-top div.crystal-social-trigger {
    padding: 8px 5px;
    bottom: -30px;
}

div.crystal-thumbnails-bottom div.crystal-social-trigger {
    padding: 8px 5px;
    top: -30px;   
} 

div.crystal-thumbnails-left div.crystal-social-trigger {
    padding: 9px 30px;
    top: -30px;    
}

div.crystal-thumbnails-right div.crystal-social-trigger {
    padding: 9px 30px;
    top: -30px;   
}

div.crystal-thumbnails-top div.crystal-social-holder,
div.crystal-thumbnails-bottom div.crystal-social-holder {
    padding: 20px 15px;  
}

div.crystal-thumbnails-left div.crystal-social-holder,
div.crystal-thumbnails-right div.crystal-social-holder {
    padding: 10px 30px;  
}   

div.crystal-social-holder a.crystal-social-link {
    padding: 2px;
    height: 16px;
    width: 16px;
}



/**
* Crystal gallery thumbnail
*/

div.crystal-thumbnail img.crystal-thumbnail-inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
     
div.crystal-thumbnail.crystal-selected img.crystal-thumbnail-active,
div.crystal-thumbnail:hover img.crystal-thumbnail-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
} 

div.crystal-thumbnail:hover div.crystal-with-title {
    border: 2px solid #ffffff !important; 
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}   

div.crystal-title-container div.crystal-photo-title {
    color: #4c4c4c;
    background-color: #FFFFFF;
    padding: 3px 6px;   
    font-size: 16px;
    text-transform: uppercase;
}

div.crystal-title-container div.crystal-photo-position {
    color: #999999;
    background-color: #FFFFFF;
    padding: 3px 6px;
    font-size: 14px; 
}     

div.crystal-title-container.crystal-hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}