@charset "utf-8";
/* CSS Document */
#contentarea {
	position: relative;
}
#contentarea a.previous {
	height: 40px;
	width: 145px;
	position: absolute;
	top: 20px;
	left: 0px;
	background-image: url(/hib/images/previousOFF.png);
	background-repeat:no-repeat;
}
#contentarea a.next {
	height: 40px;
	width: 103px;
	position: absolute;
	top: 20px;
	right: 0px;
	background-image: url(/hib/images/nextOFF.png);
	background-repeat:no-repeat;
}
#contentarea a.previous:hover {
	background-image: url(/hib/images/previousON.png);
	background-repeat:no-repeat;
}
#contentarea a.next:hover {
	background-image: url(/hib/images/nextON.png);
	background-repeat:no-repeat;
}
#story {
	float: right;
	margin-right: 10px;
	text-align: justify;
	width: 520px;
	padding: 0px;
	margin-top: 40px;
}
#story h1 {
	font-size: 200%;
	color: #8fae46;
	font-weight:normal;
	letter-spacing: 2px;
	padding-bottom: 20px;
}
#story h2 {
	font-size: 150%;
	font-weight:normal;
	letter-spacing: 2px;
	padding-bottom: 5px;
	color: #6392c5;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px
}
#story p {
	font-size: 80%;
	padding-bottom: 10px;
}
#story ul {
	margin: 0px 10px 20px 30px;
}
#story ul li a {
	font-size: 80%;
}
#contentarea img.profile {
	/*float: left;*/
	margin-top: 40px;
}