
  jQuery Nivo Slider v3.2
  httpnivo.dev7studios.com
 
  Copyright 2012, Dev7studios
  Free to use and abuse under the MIT license.
  httpwww.opensource.orglicensesmit-license.php
 

 The Nivo Slider styles 
.nivoSlider {
    positionrelative;
    width100%;
    heightauto;
    overflow hidden;
    margin-bottom 20px;
}
.nivoSlider img {
    positionabsolute;
    top0px;
    left0px;
    max-width none;
}
.nivo-main-image {
    display block !important;
    position relative !important; 
    width 100% !important;
}

 If an image is wrapped in a link 
.nivoSlider a.nivo-imageLink {
    positionabsolute;
    top0px;
    left0px;
    width100%;
    height100%;
    border0;
    padding0;
    margin0;
    z-index6;
    displaynone;
    backgroundwhite; 
    filteralpha(opacity=0); 
    opacity0;
}
 The slices and boxes in the Slider 
.nivo-slice {
    displayblock;
    positionabsolute;
    z-index5;
    height100%;
    top0;
}
.nivo-box {
    displayblock;
    positionabsolute;
    z-index5;
    overflowhidden;
}
.nivo-box img { displayblock; }

 Caption styles 
.nivo-caption {
    positionabsolute;
    left15px;
    bottom 15px;
    background-color #31393f;
    color#fff;
    widthauto;
    z-index8;
    padding 5px 10px;
    overflow hidden;
    display none;
    -moz-opacity 0.8;    
    -webkit-box-sizing border-box;  SafariChrome, other WebKit 
    -moz-box-sizing border-box;     Firefox, other Gecko 
    box-sizing border-box;          OperaIE 8+ 
}

.nivo-caption p {
    padding5px;
    margin0;
}
.nivo-caption a {
    displayinline !important;
}
.nivo-html-caption {
    displaynone;
}

.nivo-caption h3{
    text-transform uppercase;
    font-size 13px;
    margin-bottom 0;
    color #fff;
}
 Direction nav styles (e.g. Next & Prev) 
.nivo-directionNav a {
    z-index9;
    cursorpointer;
}
 Control nav styles (e.g. 1,2,3...) 
.nivo-controlNav {
    text-aligncenter;
    padding 15px 0;
}
.nivo-controlNav a {
    cursorpointer;
}
.nivo-controlNav a.active {
    font-weightbold;
}

.nivo-wrapper{
    width 100%;
    position relative;
}

.nivo-wrapper .nivo-directionNav{
    position absolute;
    right 20px;
    top 50%;
    z-index 20;

    width 50px;
    height 110px;
    margin-top -56px;
}

.nivo-wrapper .nivo-directionNav a{
    width 50px;
    height 50px;
    display block;
    float left;
    background-color rgba(49, 57, 63, 0.5);
    
    transition background-color 0.2s ease-in-out 0s;
    -webkit-transition background-color 0.2s ease-in-out 0s;
    -moz-transition background-color 0.2s ease-in-out 0s;
    -ms-transition background-color 0.2s ease-in-out 0s;
    -o-transition background-color 0.2s ease-in-out 0s;
}

.nivo-nextNav{
    text-indent -9999px;
    background-image url('..imgnivo-next-nav.png');
    background-position center;
    background-repeat no-repeat;  
    margin-top 2px;
}

.nivo-prevNav{
    right 0;
    text-indent -9999px;
    background-image url('..imgnivo-prev-nav.png');
    background-position center;
    background-repeat no-repeat;
}

.nivo-controlNav {
	text-align center;
	padding 0;
	position relative;
	z-index 10;
        top -20px;
}
.nivo-controlNav a {
	displayinline-block;
	width10px;
	height10px;
	backgroundurl('..imgbullets.png') no-repeat;
	text-indent-9999px;
	border0;
	margin 0 2px;
}
.nivo-controlNav a.active {
	background-position0 100%;
}

.slider-full{
    margin-bottom 80px;
}

.events-slider .nivo-caption{
    left 0;
    bottom 0;
    background-color rgba(0, 0, 0, 0.7);
    background-image url('..imgnivo-events.png');
    background-repeat no-repeat;
    background-position 15px center;
    padding 20px 20px 20px 70px;
}

.events-slider .nivo-caption h4{
    color #fff;
    text-transform none;
    margin-bottom 5px;
}

.events-slider .nivo-caption p{
    padding 0;
    color #ccc;
}
