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

.mis-stage {
    background-color: transparent
}
    .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;
        /*background-color: #eee;*/
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
			
        }  
        .mis-slider li figcaption {
            font-size: 1.125em;
        }
        .mis-slider li img {
            /*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
            max-width: 270px;
            /*  for really small screens make width 100% */
            width: 100%;
            /*  Make image round */
            border-radius: 5px;
            border:5px solid #fff;
			box-shadow: 0px 0px 1px rgba(0,0,0,.5);
			-webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -ms-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease-out;
			
        }
		.mis-slider li img:hover {
			transform:scale(1);
			border: 0;
			box-shadow: 0px 0px 15px rgba(0,0,0,.3)
			
			 }
        .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: 250px;
            height: 250px;
	        padding: 20px;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: #eee; 
    }