/* ---- SITE-960.css ----
   General Laptop/PC browsing (minimum 960px wide).
*/

.inner { width:940px; }

.students > .item > a.student{
    margin:7px;
    height:170px;
    width:170px;
    display:inline-block;
}

.students > .item > a.student > .top-level{
    width:170px;
    height:170px;
    overflow:hidden;
    position:relative;
}

.students > .item > a.student > .top-level > .project-thumb{
    background-size:cover;
    width:160px;
    height:160px;
    margin:5px;
    position:relative;
    top:0;
    transition:all 1s ease 0s;
    -moz-transition:  all 1s ease 0s; /* Firefox 4 */
    -webkit-transition: all 1s ease 0s; /* Safari and Chrome */
    -o-transition:all 1s ease 0s;
}
.students > .item > a.student > .top-level:hover > .project-thumb{
    top:-220px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}


.students > .item > a.student > .top-level > .profile-pic{
    width:120px;
    height:120px;
    margin:0 auto;
    position:absolute;
    top:210px;
    left:25px;
    transition:all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.4s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.4s ease 0s;
}