/* ---- SITE-480.css ----
   Mobile Landscape to Tablet Portrait including devices and browsers (minimum 480px wide).
*/

.inner { width:100%; }

.yearActive a em{
	
	display: none;
}



.content-inner {
	
	margin: 0px;
	
}


.topDividerIllustration{
	background:url("../img/dividerIllustrationSmall.png") no-repeat center;
    height:2px;
    position:relative;

    top:0px;
	
}

.topDivider{
	background:url("../img/topDividerSmall.png") no-repeat center;
    height:1px;
    position:relative;
    top:0px;
	
}

#logo-full {
    height:350px;
}

#logo{
    height:350px;
    background:url("../img/logoAllMed.png") no-repeat ;
	background-position: center center;
}

/* Logos */

body.graphics #logo{
    height:350px;
    background:url("../img/logoGDESMed.png") no-repeat center;
	background-position: center;
}

body.illust #logo{
    height:350px;
    background:url("../img/logoIllustMed.png") no-repeat center;
	background-position: center;
}

body.fine-art #logo{
    height:350px;
    background:url("../img/logoFAMed.png") no-repeat center;
	background-position: center;
}

body.cdme #logo{
    height:350px;
    background:url("../img/logoCDMEMed.png") no-repeat center;
	background-position: center;
}

body.art-and-design #logo{
    height:350px;
    background:url("../img/logoADMed.png") no-repeat center;
	background-position: center;
}

body.anim #logo{
    height:350px;
    background:url("../img/logoAnimMed.png") no-repeat ;
		background-position: center;

	
}


#portfolio > .nav-bar > .back-btn{
    float:left;
    margin-left:0px;
}

#portfolio > .nav-bar > a.back-btn{
    height:34px;
    width:41px;
    display:inline-block;
    background:url("../img/backIllustrationSmall.png") no-repeat center;
    text-indent:-99999px;
}

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

.students > .item > a.student > .top-level{
    width:200px;
    height:200px;
    overflow:hidden;

    position:relative;
}

.students > .item > a.student > .top-level > .project-thumb{
    background-size:cover;
    width:200px;
    height:200px;
    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 > .profile-pic{
    width:167px;
    height:163px;
    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;
}
.students > .item > a.student > .top-level:hover > .profile-pic{
    top:0;
}

.students > .item > a.student > .top-level > .student-info{
    height:47px;
    width:100%;
    transition:all 0.5s ease 0s;
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.5s ease 0s;
    position:absolute;
    bottom:-210px;
    text-align:center;
    color:#fff;
}

.students > .item > a.student > .top-level:hover > .student-info{
    bottom:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.students > .item > a.student > .top-level > .student-info h2{
    font-size:11px;
    text-transform:uppercase;
    line-height:12px;
}
.students > .item > a.student > .top-level > .student-info h3{
    font-size:11px;
    margin-top:6px;
}

.list-col {
        text-align:center;
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
}
.inner-footer {
	
	color: #CCC;
	
	background: #4a4a49;
	
	height: 450px;
}

.copyright{
	text-align: center;
    padding-top:350px;
   
}

.locations {
	width: 50%;
	position: relative;
	text-align: left;
	margin:0px;
	float: right;
}

.showInfo {
	
	width: 50%;
	position: relative;
	text-align: left;
	margin:0px;
	float: left;
}

/* Dividers*/
.topDividerStudent {
	background:url("../img/topDividerSmall.png") no-repeat center;
    height:1px;
    position:relative;
    top:0px;
	
}

body.graphics .topDividerStudent {
	
	background:url("../img/dividerGDESSmall.png") no-repeat center;
	height:1px;
}

body.illust .topDividerStudent {
	
	background:url("../img/dividerIllustrationSmall.png") no-repeat center;
	height:1px;
}

body.fine-art .topDividerStudent {
	
	background:url("../img/dividerFineArtSmall.png") no-repeat center;
	height:1px;
}

body.cdme .topDividerStudent {
	
	background:url("../img/dividerCDMESmall.png") no-repeat center;
	height:1px;
}

body.art-and-design .topDividerStudent {
	
	background:url("../img/dividerArtDesignSmall.png") no-repeat center;
	height:1px;
}

body.anim .topDividerStudent {
	
	background:url("../img/dividerAnimationSmall.png") no-repeat center;
	height:1px;
}

/* Home Page Dividers*/



body.graphics #body-full div.topDivider {
	
	background:url("../img/dividerGDESSmall.png") no-repeat center;
	height:1px;
}

body.illust #body-full div.topDivider {
	
	background:url("../img/dividerIllustrationSmall.png") no-repeat center;
	height:1px;
}

body.fine-art #body-full div.topDivider {
	
	background:url("../img/dividerFineArtSmall.png") no-repeat center;
	height:1px;
}

body.cdme #body-full div.topDivider {
	
	background:url("../img/dividerCDMESmall.png") no-repeat center;
	height:1px;
}

body.art-and-design #body-full div.topDivider {
	
	background:url("../img/dividerArtDesignSmall.png") no-repeat center;
	height:1px;
}

body.anim #body-full div.topDivider {
	
	background:url("../img/dividerAnimationSmall.png") no-repeat center;
	height:1px;
}