/*
Skin Name: Nivo Slider Light Theme
Skin URI: http://nivo.dev7studios.com
Description: A light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-light.slider-wrapper {
    background : #FFF;
    padding    : 10px;
}

.theme-light .nivoSlider {
    position      : relative;
    background    : #FFF url(loading.gif) no-repeat 50% 50%;
    margin-bottom : 10px;
    overflow      : visible;
}

.theme-light .nivoSlider img {
    position : absolute;
    top      : 0px;
    left     : 0px;
    display  : none;
}

.theme-light .nivoSlider a {
    border  : 0;
    display : block;
}

.theme-light .nivo-controlNav {
    text-align : left;
    padding    : 0;
    position   : relative;
    z-index    : 10;
}

.theme-light .nivo-controlNav a {
    display     : inline-block;
    width       : 10px;
    height      : 10px;
    background  : url(bullets.png) no-repeat;
    text-indent : -9999px;
    border      : 0;
    margin      : 0 2px;
}

.theme-light .nivo-controlNav a.active {
    background-position : 0 100%;
}

.theme-light .nivo-directionNav a {
    display     : block;
    width       : 30px;
    height      : 30px;
    background  : url(arrows.png) no-repeat;
    text-indent : -9999px;
    border      : 0;
    top         : auto;
    bottom      : -36px;
    z-index     : 11;
}

.theme-light .nivo-directionNav a:hover {
    background-color      : #EEE;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
}

.theme-light a.nivo-nextNav {
    background-position : 160% 50%;
    right               : 0px;
}

.theme-light a.nivo-prevNav {
    background-position : -60% 50%;
    left                : auto;
    right               : 35px;
}

.theme-light .nivo-caption {
    font-family : Helvetica, Arial, sans-serif;
}

.theme-light .nivo-caption a {
    color         : #FFF;
    border-bottom : 1px dotted #FFF;
}

.theme-light .nivo-caption a:hover {
    color : #FFF;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled {
    width : 80%;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled a {
    width         : auto;
    height        : auto;
    background    : none;
    margin-bottom : 5px;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
    display : block;
    width   : 120px;
    height  : auto;
}