html, body {
	width: 940px;
	height: 100%;
	margin: 0px auto;
	font-size: small;
	font-family: Helvetica, sans-serif;
	color: #000;
}

div#page {
	position: relative;
	margin: 20px 20px 0px 20px;
/*	height: 100%;*/
	min-height: 100%;
}

header {
	border-style: solid;
	border-left-width: 0;
	border-bottom-width: 1px;
	border-right-width: 0;
	border-top-width: 0;

	margin: 5px auto;
}
header h1 {
	display: inline-block;
	margin: 2px 3px;
	font-size: 16px;
	
}
a {
	text-decoration: none;
	color: black;
}

footer {
	position: absolute;
	bottom: 0px;
	
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding-top: 3px;
	text-align: center;
	
	background-color: white;
	
	border-style: solid;
	border-left-width: 0;
	border-bottom-width: 0;
	border-right-width: 0;
	border-top-width: 1px;	
}

@media screen and (max-device-width: 500px) {
html, body {
	width: 320px;
}

div#page {
	margin: 10px;
}

footer {
	height: 40px;
}
}

@media screen and (max-device-width: 500px) and (orientation: landscape) {
footer {
	position: relative;
	bottom: auto;
}
}