@font-face {
    font-family: 'DaysRegular';
    src: url('days/Days-webfont.eot');
    src: url('days/Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('days/Days-webfont.woff') format('woff'),
         url('days/Days-webfont.ttf') format('truetype'),
         url('days/Days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background: #A40035;
	font: 1em 'DaysRegular', Arial, sans-serif;
	color: #eee;
}



.wrapper {
	background: url(beaker-bg.jpg) no-repeat center center;
	height: 600px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 0px 4px #300;
	position: relative;
	border-radius: 4px;
}
.wrapper .nav {
	position: absolute;
	width: 380px;
	left: 62px;
	word-spacing: 1.3em;
	top: 8px;
}

.wrapper .nav a {
	color: #ad0146;
	text-decoration: none;
	font-size: 1.1em;
	text-shadow: 0px 1px 0px #3CECFF;	
}
.wrapper .nav a:hover, #home .wrapper .nav a#home, #about .wrapper .nav a#about, #download .wrapper .nav a#download, #donate .wrapper .nav a#donate {
	color: #00B8CC;
	text-decoration: none;
	text-shadow: 1px 1px 0px #9DF5FF;
	-moz-transition: color 0.3s 0s;
	-webkit-transition: color 0.3s linear 0s;
	-ms-transition: color 0.3s linear 0s;
	-o-transition: color 0.3s linear 0s;
	transition: color 0.3s linear 0s;
}

.wrapper #flashcontent {
	position: absolute;
    left: -23px;
    top: 266px;

}
.wrapper #content {
	position: absolute;
	top: 140px;
	width: 88%;
	padding: 0 20px;
	background: url(beaker-content.jpg) repeat;
	height: 420px;
	margin-right: 6px;
	margin-left: 6px;
}
.wrapper #content h2  {
	color: #00D0E7;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	text-shadow: 1px 1px 0px #FF3B89;
}
.wrapper #content p  {
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.wrapper #paypal {
	position: absolute;
	width: 94%;
	top: 160px;
	text-align: center;
	font-size: 1.1em;
	color: #00CEE6;
}

.wrapper #content a, .wrapper .footer a   {
	color: #00CEE2;
	text-decoration: none;
}
.wrapper #content a:hover, .wrapper .footer a:hover {
	color: #00CEE2;
	text-decoration: underline blink;
}
.wrapper #content ul li   {
	font-size: 0.9em;
}
.wrapper #content ul {
	margin-left: -10px;
}



.wrapper .footer {
	position: absolute;
	width: 100%;
	top: 544px;
	text-align: center;
	font-size: 0.9em;
	color: #00CEE6;
}
.wrapper .footer .small {
	font-size: 0.7em;
}