
html{

}

body{
	position: relative;

    background-image: url("img/bg.png");
	color: #ffffff;
	background-color: #000000;
	background-repeat: repeat;
	margin: 0px;
	background-attachment: fixed;

	font-size: 14px;
	line-height: 180%;
}

table{
	margin-right : auto;
	margin-left : auto;
}

div.main{
	margin-right: auto;
	margin-left: auto;

	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
}

a{
	color: #33ddff;
	text-decoration: none;
}
a:active{
	color: #cc44ff;
	text-decoration: none;
}
a:visited{
	color: #22aaff;
	text-decoration: none;
}
a:hover{
	color: #88ffff;
	text-decoration: underline;
}

/* --- English lore archive: clean text nav + readable tip tables --- */
/* The original site used a graphical header of Japanese menu plates linking to
   pages that are not part of this archive; it is replaced here by a simple
   English text nav over the four archived lore pages. */
div.lorenav{
	text-align: center;
	font-size: 14px;
	padding: 16px 0 6px 0;
}
div.lorenav a{
	margin: 0 3px;
}
div.lorenav .sep{
	color: #557788;
}
.footnote{
	color: #aaccdd;
	font-size: 12px;
}
/* tip pages use <table border>; give them collapsed, legible borders on the dark bg */
table[border]{
	border-collapse: collapse;
	margin: 4px auto;
}
table[border] td, table[border] th{
	border: 1px solid #4a7fa0;
	padding: 3px 7px;
}
