html {
height:100%;
}

body {
height:100%;
margin:0px;
}

/*add this to style.css*/
#top, #bottom, #left, #right {
	background: #FFFFFF;
	position: fixed;
	z-index:100;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 20px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 20px; }
		#top { top: 0; }
		#bottom { bottom: 0; }
		
@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#top, #bottom, #left, #right { display: none; }
	body {border:20px solid #FFFFFF;}
	
}