body, div
{
	font-family: Arial, Verdana, sans-serif;
	color: #FFFBC9;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 20px;
	padding: 5px 5px 5px 5px;
	text-align: justify;
}

body
{
	margin: 0px 0px 0px 0px;
	background-image: url('images/graphic/sfondo_pattern.png');
	background-repeat: repeat;
}

div
{
	position: absolute;
}

div.layout
{
	background-image: url('images/graphic/magic_kaito_layout.png');
	background-repeat: no-repeat;
	width: 775px;
	height: 680px;
	top: 0px;
	left: 210px;
	z-index: 1;
}

div.text
{
	width: 340px;
	height: 405px;
	font-size: 72%;
	left: 550px;
	top: 125px;
	z-index: 2;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 10px;
}

div.credits
{
	width: 590px;
	height: 30px;
	left: 290px;
	top: 580px;
	text-align: center;
	font-size: 65%;
	z-index: 2;
}

div.menu
{
	width: 200px;
	height: 380px;
	z-index: 2;
	padding: 5px 5px 5px 5px;
	top: 120px;
	left: 10px;
	font-size: 170%;
	font-family: Zothique Demo;
	line-height: 40px;
}

a:link, a:visited
{
	font-weight: bold;
	color: #ffed00;
	text-decoration: none;			
}

a:hover
{
	color: #ff9900;
	font-weight: bold;
	text-decoration: line-through;			
}

h2
{
	color: #ffed00;
	font-size: 16px;
}

h3
{
	color: #ffed00;
	font-size: 14px;
}

div.menu a:link, div.menu a:visited
{
	text-transform: normal;
}

div.menu a:hover
{
	text-transform: italic;
}

b
{
	color: #ffed00;
}

.border
{
	border: 3px double #ffed00;
	padding: 1px;
	margin: 7px;
}

.nolist
{
	list-style-type: none;
}

span
{
	float: left;
	width: 10%;
	font-size: 400%;
	font-family: times new roman, algerian, courier;
	line-height: 80%;
	color: #ffed00;
	padding-right: 9px;
}