@media screen {
	html,body {
		font-family: Geneva, Arial, Helvetica, sans-serif; /* font handling is not great on Windows, but this is passable */
		font-size: 90%;
		background-color: #CBFE69;
	}
	#main {
		background-image: url(images/bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		position: relative;
		width: 930px;
		height: 1040px;
		margin: 0 auto;
		padding: 0;
	}
	
	#story {
		position: absolute;
		left: 170px;
		top: 120px;
		width: 581px;
		line-height: 130%;
		padding-bottom: 2em;
	}
	#story p {
		margin: 0.7em 0;
	}
	#story *:first-child {
		margin-top: 0;
	}
	#story h1 {
		font-style: italic;
		margin-bottom: 0.2em;
		-margin-top: 0.2em; /* hack for Internet Explorer */
	}
	#story h2 {
		font-style: italic;
		margin-bottom: 0.2em;
	}
	#story h3 {
		font-style: italic;
		margin-bottom: 0.2em;
	}
	#story a {
		color: #ff8000;
		text-decoration: none;
	}
	#story a:hover {
		text-decoration: underline;
	}
	
	.menu a {
		color: #400080;
		text-decoration: none;
		padding: 1px 3px;
		font-style: italic;
		font-size: 110%;
	}
	.menu a:hover {
		text-decoration: underline;
	}
	#leftmenu {
		position: absolute;
		left: 22px;
		/*top: 123px;*/
		top: 150px; /* move it down while there are only 3 links */
		width: 111px;
		margin: 0;
		text-align: center;
	}
	#leftmenu img {
		margin: 5px auto;
		display: block;
	}
	#topmenu {
		position: absolute;
		left: 208px;
		top: 66px;
		width: 550px;
		margin: 0;
		text-align: center;
	}
	#topmenu img {
		vertical-align: -30%;
		margin: auto 5px;
	}
	
	#contact {
		position: absolute;
		left: 785px;
		top: 120px;
		width: 124px;
		padding: 0.2em;
		font-size: smaller;
		text-align: center;
		background-color: #CBFE69;
	}
	#contact p {
		margin: 0.5em;
	}
	
	#homelink {
		position: absolute;
		left: 16px;
		top: 13px;
	}
	
	#premolo {
		position: absolute;
		left: 26px;
		top: 509px;
	}
}
@media print {
	html,body {
		font-family: Geneva, Arial, Helvetica, sans-serif; /* font handling is not great on Windows, but this is passable */
		font-size: 90%;
		background-color: #CBFE69;
	}
	
	#story {
		line-height: 130%;
		padding: 2em;
	}
	#story p {
		margin: 0.7em 0;
	}
	#story h1 {
		font-style: italic;
		margin-bottom: 0.2em;
		-margin-top: 0.2em; /* hack for Internet Explorer */
	}
	#story h2 {
		font-style: italic;
		margin-bottom: 0.2em;
	}
	#story h3 {
		font-style: italic;
		margin-bottom: 0.2em;
	}
	#story a {
		color: #ff8000;
		text-decoration: none;
	}
	
	#contact {
		margin: 0 0 2em 2em;
		border: 1px solid grey;
		width: 12em;
		text-align: center;
		float: right;
	}
	
	.menu {
		display: none;
	}
	
	.noprint {
		display: none;
	}
}