@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	/* PM */
	body {
		font-size: 2.0em; /* half as big again as the default */
	}
	
	/* next exhibition home page heading */
	body#home h3.nextExhibition {
		font-size: 1.2em;
		margin-top: 20%;
	}
	
	#content {
		position:relative;
		top: 5%;
		left:-15%;
		margin:0 0 5em 5em;
		border:1px solid #fff;
		clear:both;
		width: 90%;
		height: 85%;
	}
	
	body#home div.nextExhibition {
		position: absolute; 
		bottom: 4%;
		left: 5%;
		text-align: center;
	}
	
	ul#css3menu1 li.topfirst, ul#css3menu1 li.topmenu {
		height:64px ;
		line-height:64px;
		font-size: 64px;
	}
	
	
	ul#css3menu1 a{
		display:block;
		vertical-align:middle;
		text-align:left;
		text-decoration:none;
		font:bold 48px Trebuchet MS;  /* should not need to set font size to 48 here - in smartphones.css */
		color:#000000;
		text-shadow:#FFF 0 0 1px;
		cursor:pointer;
		padding:10px;
		background-color:#c1c1c1;
		background-image: url(../images/mainbk.png);
		background-repeat:repeat;
		background-position:0 0;
		border-width:0 0 0 1px;
		border-style:solid;border-color:#C0C0C0;
	}
	
	ul#css3menu1 ul a{
		text-align:left;
		padding:4px;
		background-color:#FFFFFF;
		background-image:none;
		border-width:0;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		font:48px Tahoma;
		color:#000;
		text-decoration:none;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}