/*!
* @file
* @brief    sigplus Image Gallery Plus image slider stylesheet
* @author   Levente Hunyadi
* @version  1.2
* @remarks  Copyright (C) 2009-2010 Levente Hunyadi
* @remarks  Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see      http://hunyadi.info.hu/projects/sigplus
*/

/*
* User-definable image gallery stylesheet rules.
* Rules in this section should be changed as needed.
*/

/* image slider wrapper */
div.imageSlider {
clear:left;
margin:16px !important;
padding:0 !important;
position:relative !important;
}

/* images */
div.imageSlider ul > li img {
border:none !important;
margin:0px !important;
padding:2px !important;
}

/* captions */
div.imageSlider ul > li .imageCaptionContainer {
display:inline-block !important;
position:relative !important;
margin:0 !important;
padding:0 !important;
}

div.imageSlider ul > li .imageCaption {
background-color:black !important;
color:white !important;
position:absolute !important;
height:30% !important;
left:0 !important;
bottom:0 !important;
opacity:0.6 !important;  /* Firefox */
filter:alpha(opacity=60) !important;  /* IE */
overflow:hidden !important;
text-align:center !important;
z-index:1;
}

/* links inside caption */
div.imageSlider ul > li .imageCaption div.buttons {
position:absolute;
height:16px;
width:100%;
}

div.imageSlider ul > li .imageCaption div.buttons a {
background:transparent none no-repeat center center;
display:inline-block;
height:16px;
width:16px;
margin:2px;
}

div.imageSlider ul > li .imageCaption div.buttons a.metadata {
background-image:url(camera.png);
}

div.imageSlider ul > li .imageCaption div.buttons a.download {
background-image:url(disk.png);
}

/* an example with margin, border and padding */
div.example div.imageSlider ul > li img {
border:thin solid gray !important;
margin:4px !important;
padding:4px !important;
}

/*
* Generic image gallery stylesheet rules.
* Normally, no changes should be made to rules in this section.
*/

/* image slider wrapper */
div.imageSliderLeft {
float:left !important;
}

div.imageSliderRight {
float:right !important;
}

/* slider ribbon */
div.imageSlider ul {
list-style-type:none !important;
list-style-image:none !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
}

/* items on slider ribbon */
div.imageSlider ul > li {
background-image:none !important;
float:left !important;
margin:0 !important;
padding:0 !important;
}

div.imageSlider ul > li a {
display:block !important;
}

div.imageSlider ul > li a:focus {
outline:none !important;
}