html { 
	font-size: 100%; 
}
body {
	background: url(pattern.png);
	color: #3465a4;
	font-size: 1rem;
	font-family: 'Ubuntu', sans-serif;
	line-height: 1.2rem;
}
a {
	color: #3465a4;
	text-decoration: none;
}
a:hover {
	color: #3465a4;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
section#main {
	margin: 100px auto;
	width:626px;
}
section#content {
	background: url(paper.resized.png) left no-repeat;
	height: 618px;
	width: 626px;
}
section#content a {
	color: #fff;
}
nav .menu {
	display: inline-block;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	text-align:center;
}
nav .menu:hover {
	cursor: pointer;
}
article#home, article#stuff, article#social, article#contact {
	display: none;
}
article#home:target, article#stuff:target, article#social:target, article#contact:target {
	display: block;
}
section#content  .text {
	padding: 110px 0px 0px 70px;
	width: 455px;
	height: 430px;s
}
section#content  .text p {
	text-align: justify;
	color: #fff;
}
footer {
	font-size: 0.6rem;
}
footer  p span#footerinfo {
	float: right;
}
footer  p span#footerinfo:hover {
	cursor: pointer;
}
.ui-tooltip
{
	font-size: 0.6rem;
	background: #222222;
	color: #ffffff;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #cdcdcd;
	box-shadow: 0 0 5px #cdcdcd;
}