/* =============================================================================
   SPOTLIGHT WIDGET STYLES
   ========================================================================== */
   
    /*#spotlight{
        width:31%; 
        max-width:310px;
        margin: 0 1%;
        float:right;
    }*/
  #spotlight > h3 {
  margin-bottom:0;
  }
	.spotlightimg > span {
    position: absolute;
}		
    #spotlight > h3 > a {
        position:relative;
        margin: 80px 0 0;
        color: #fff;
        padding: 100px 0 5px 10px;
        font-size: 20px;
        display: block;
        border: 1px solid #222;
        border-bottom-width: 0;
		text-decoration:none;
        /*background: url(../images/univ.jpg) no-repeat center center;*/
        background-size: auto 130px;
        min-height: 27px;
        border-radius: 5px 5px 0 0;
        
        box-shadow: 5px 5px 20px 0 #000 inset;
        -moz-box-shadow: 5px 5px 20px 0 #000 inset;
        -webkit-box-shadow: 5px 5px 20px 0 #000 inset;
    }
  #spotlight > h3 > a:hover{
	text-decoration:none;
}  


    #spotlight img { 
        max-width: 100%;
        margin-top: -175px;
        height: 200px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
    #spotlight > div {
        background: #ccc;
        border-radius: 0 0 5px 5px;
        padding: 10px 20px;
        border: 1px solid #777;
        border-top-width: 0;
    }
    
    #spotlight div .name { font-weight:bold; font-size: 16px; }
    #spotlight div .title {}
    #spotlight .quote { margin-top:5px; }
    #spotlight .quote p { text-align: center; font-style: italic; }
    #spotlight .quote span { font-size:30px; color: #555; float:right; }
    #spotlight .quote span:first-child { float:left; }

/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */
	/* Tablet Landscape / Desktop */
	@media screen and (min-width: 0px) and (max-width: 1000px) {
	}
	
	/* Tablets */
	@media screen and (min-width: 0px) and (max-width: 800px) {
	    /*#spotlight {
            float: none;
            margin: 0 auto 10px;
            padding: 2px 2px 10px;
            width: auto;
        }*/
	}
	
	/* Tablets portrait */
	@media screen and (min-width: 0px) and (max-width: 650px) {		
	}
	
	/* Mobile */
	@media screen and (min-width: 0px) and (max-width: 580px) {
	}
	 
	/* Media Queries - Retina Display Devices*/ 
	@media all and (-webkit-min-device-pixel-ratio : 1.5) {
	}