/*  Cameo Skin CSS ========================================= */



.mis-stage {}



.mis-slider {

    /*  Slider element does not need to be a specific height

            Here we use it to create a stylish bar behind slides */

    margin-top: 138px;

    height: 80px;

}



.mis-slider li a {

    text-decoration: none;

    color: #666;

    display: block;

    border: 1px solid #000;

    background: #fff;

}



.mis-slider li figcaption {

    font-size: 14px;

    color: #fff;

    background: rgba(0, 0, 0, 0.7);

    position: absolute;

    display: block;

    width: 100%;

    bottom: 0px;

    right: 0;

    line-height: 28px;

    text-align: center;

}



.mis-slider li img {

    /*  Make max-width of image a little less than width of slide

                to avoid some browser shinking bugs */

    max-width: 318px!important;

    /*  for really small screens make width 100% */

    width: 100%;

    /*  Make image round */

    border: none;

    padding:0 10px;

}



.mis-slide {

    /*  Set width in pixels to restrict width of slides

                for multi-item slider, default width is 100%

                for single-item slider. Use padding to add space

                between slides */

    width: 318px;

    height: 212px;





    /*  Undo the margin added by slider element */

    margin-top: -138px;

}



.mis-nav-buttons a {

    color: #fff;

}



.mis-slide h3 {

    color: #222222;

    font-weight: normal;

    padding-top: 15px;

    font-size: 16px;

}