/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {

		#toppanel #panel {height:100%;padding-bottom:10px;}
		  
		.tab ul.login, .tab ul.login li, .tab {height:80px;}

		.tab a.open, .tab a.close {
		height:75px;
		}

		.tab ul.login li a {
		background:url(../img/Radical-Terrain-title-640.png) 0px 4px no-repeat;
		}


#panel .content .left {
	width: 645px;
	float: none;
	padding: 0 0px 0px 15px;
	margin-bottom:10px;
}

#panel .content .right {
	width: 645px;
	float: none;
	padding: 0 0px 0px 15px;
	margin-bottom:15px;


}
h2.collapse {
  font-size: 34px;
   margin: 10px 0px 0px;
}

h2.collapse a {
	height:45px;
}

h2.collapse a span {
    top: 22px;
}

.coda-slider-wrapper .coda-slider {
		width:640px;
}
.coda-slider-wrapper .coda-slider .panel {
		width:640px;
}
.panel p.photos img.tn {width:175px;}

.panel .videos img {width:284px;}


img.logo{width:150px; height:103px;margin-left:0px;margin-bottom:15px; padding-top:0px;float:none;}

#schedule {width:100%; padding:5px 0px 10px 5px;}
#exhibition {width:470px;padding:5px 10px 10px;}	
#exhibition img {width: 450px;}	
#schedule span {
		width:100%;
		height:52px;
		margin-right:20px;
		float:none;
		margin-bottom:2px;
		padding:8px;
}

#schedule span a > h5  {
	font-size: 14px; 
	}

#schedule .date {font-size: 12px;font-weight:bold; color:#ffdc01;margin-top:5px;}
#schedule a .more {color: #FF8E8E; position:absolute; right:10px; padding:3px 10px 0px 0px;font-size:11px; top:25px;}

}


@media screen and (max-width: 480px) {

.tab {
    padding-left:15px;
}


  #toppanel .left, #toppanel .right {width:100%;display:block; margin-bottom:10px;}

  #panel {
	display: none;
     }
    
	.tab ul.login, .tab ul.login li, .tab {
	height: 48px;
	}
	.tab a.open, .tab a.close {
	height:48px;
	}
	.tab ul.login li a {
	background:url(../img/Radical-Terrain-title-320.png) 0px 4px no-repeat;
	}

#panel .content {
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	font-size: 0.8em;
	}

	#panel .content .left {
	width: 100%;	
	float: none;
	padding: 0 15px 0px 15px;
	}

	#panel .content .right {
	width: 100%;
	float: none;
	padding: 0 15px 0px 15px;
	}

  	h2.collapse {
  	font-size: 24px;
   	margin: 10px 0px 0px;
   	}

	h2.collapse a {
	height:35px;
	}
	
	h2.collapse a span {
    top: 16px;
	}

	h2.collapse a:hover span{
    right: 26px;
	}

	h2.collapse.open  a span{
    right:26px;
	}

.coda-slider-wrapper .coda-slider {
		width:440px;
}
.coda-slider-wrapper .coda-slider .panel {
		width:440px;
}
  .coda-slider-wrapper .coda-nav a {
      margin-right: 3px;
      padding: 5px 23px; 
      display:block;
      font-size:.9em;
    }

	p.college {font-size: 12pt;}

.panel p.photos img.tn {width:155px;}

.panel .videos img {width:320px;}

img.logo{width:100px; height:auto;margin-left:0px;margin-bottom:15px; padding-top:0px;float:none;}
footer p, footer a { font-size: 10px; color:#fff; text-decoration:none;line-height:1.3em;}

#schedule {	width:100%;  padding:5px 5px 10px 5px;}
#exhibition { width: 100%; padding:5px 15px 10px 15px;}	
#exhibition img {width: 300px;}	

#schedule span {
		width:auto;
		height:52px;
		margin-right:20px;
		float:none;
		margin-bottom:2px;
		padding:8px;
}


#schedule span a > h5  {
	font-size: 13px; }

#schedule .date {font-size: 11px;font-weight:normal; color:#ffdc01;margin-top:5px;}
#schedule a .more {color: #FF8E8E; position:absolute; right:10px; padding:3px 10px 0px 0px;font-size:11px; top:25px;}

  
#exhibition h5 {font-size:12px;}
#schedule p, #exhibition p {font-size: 12px;}


}



@media screen and (max-width: 320px) {


  #toppanel .left, #toppanel .right {width:100%;display:block; margin-bottom:10px;}

  #panel {
	display: none;
     }
    
	.tab ul.login, .tab ul.login li, .tab {
	height: 48px;
	}
	.tab a.open, .tab a.close {
	height:48px;
	}
	.tab ul.login li a {
	background:url(../img/Radical-Terrain-title-290.png) 0px 7px no-repeat;
	}

#panel .content {
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	font-size: 0.8em;
	}

	#panel .content .left {
	width: 100%;	
	float: none;
	padding: 0 15px 0px 15px;
	}

	#panel .content .right {
	width: 100%;
	float: none;
	padding: 0 15px 0px 15px;
	}

  	h2.collapse {
  	font-size: 24px;
   	margin: 10px 0px 0px;
   	}

	h2.collapse a {
	height:35px;
	}
	
	h2.collapse a span {
    top: 16px;
	}

	h2.collapse a:hover span{
    right: 26px;
	}

	h2.collapse.open  a span{
    right:26px;
	}

.coda-slider-wrapper .coda-slider {
		width:320px;
}
.coda-slider-wrapper .coda-slider .panel {
		width:320px;
}
  .coda-slider-wrapper .coda-nav a {
      margin-right: 3px;
      padding: 5px 23px; 
      display:block;
      font-size:.9em;
    }

	p.college {font-size: 10pt;}

.panel p.photos img.tn {width:115px;}

.panel .videos img {width:222px;}

img.logo{width:100px; height:auto;margin-left:0px;margin-bottom:15px; padding-top:0px;float:none;}
footer p, footer a { font-size: 10px; color:#fff; text-decoration:none;line-height:1.3em;}

#schedule {	width:100%;  padding:5px 5px 10px 5px;}
#exhibition { width: 100%; padding:5px 15px 10px 15px;}	
#exhibition img {width: 300px;}	

#schedule span {
		width:auto;
		height:52px;
		margin-right:20px;
		float:none;
		margin-bottom:2px;
		padding:8px;
}


#schedule span a > h5  {
	font-size: 13px; }

#schedule .date {font-size: 11px;font-weight:normal; color:#ffdc01;margin-top:5px;}
#schedule a .more {color: #FF8E8E; position:absolute; right:10px; padding:3px 10px 0px 0px;font-size:11px; top:25px;}

  
#exhibition h5 {font-size:12px;}
#schedule p, #exhibition p {font-size: 12px;}


}