﻿
/*  Cameo Skin CSS ========================================= */

.mis-stage {
    background-color: #fff;
}
    .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;
        }  
        .mis-slider li figcaption {  
            font-size: 1.125em;
			color:#4e5153;
			font-weight:bold;
			display:none;
        }
        .mis-slider li img { 
            max-width: 270px;
            /*  for really small screens make width 100% */
            width: 100%;
            /*  Make image round */
            border-radius: 135px;
            border: none;
			border:10px solid #e8e8e8; 
			box-shadow: #f8f8f8 0px 0px 0px 10px; 
        }
        .mis-slider div.nr{
			display:none;
			position:absolute;
			bottom: -182px;
			width: 630px;
			left: -150px;
		}
		.mis-current  .mis-container  figure img {
			border:10px solid #b5cfea !important; 
			box-shadow: #e0eaf7 0px 0px 0px 10px !important; 
			margin-bottom:20px;
		}
        .mis-current .mis-container  figure figcaption { 
			display:block !important;
		}
		.mis-current .mis-container  figure div.nr{
			display:block;
		}
		.mis-current .mis-container  figure div.nr h2{
			font-size:16px;
			color:#4e5153;
			font-weight:normal;
		}
		.mis-current .mis-container  figure div.nr div.js{
			margin-top:10px;
			font-size:14px;
			line-height:24px;
			color:#4e5153;
		}
        .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: 360px;
            height: 360px;
	        padding: 40px;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: #ccc; 
    }
