/* This is the style sheet for Shoden.org */

body {
margin:			0px;
background-color: 	white;
background-image:	url(http://www.shoden.org/images/Graphics/background1.jpg);
background-repeat:	repeat-y;
color: 			#666666;
font-family: 		Verdana, Helvetica, Arial, sans-serif;
font-size: 		1em;
}

p {
font-size: .8em;
}

h1 {
font-size: 1.2em;
}

h2 {
font-size: 1.1em;
}

html, body {
    height: 100%;
}

#container {
position:	relative;
min-height:	100%;
}

#header_home {
position:		absolute;
top:			5px;
left:			5px;
z-index:		9;
width:			140px;
height:			120px;
background-color: 	#FFFFFF;
background-image:	url(http://www.shoden.org/images/Graphics/shoden2.jpg);
border:			black thin solid;
}

#header_main {
position:	absolute;
top:		5px;
left:		150px;
z-index:	9;
width:		660px;
height:		120px;
background-color: #DEDEDE;
border:		black thin solid;
buffer:		0px;
margin:		0px;
}

#footer {
position:	static;
left:		5px;
z-index:	2;
width:		800px;
height:		80px;
border:		black thin solid;
}

#main {
position: 	absolute;
top:		130px;
left:		150px;
z-index:	2;
width:		660px;
background-color: #FFFFFF;
min-height:	800px;
padding-left:	0em;
padding-right:	0em;
border:		black thin solid;
}

#main ul {
font-size: 	.9em;
font-weight:	bold;
list-style: 	disc inside;
}

#main li {
font-size: 	.8em;
font-weight:	normal;
}

#thumbnail_row {
position:	relative;
display:	block;
width:		650px;
height:		260px;
margin:		5px;
font-size: 	.6em;
}

#thumbnail_left {
position:	absolute;
display:	block;
width:		320px;
height:		260px;
text-align:	center;
}

#thumbnail_right {
position:	absolute;
display:	block;
left:		325px;
width:		320px;
height:		260px;
text-align:	center;
}

p.quote {
font-size:	.6em;
white-space:	pre;
}

#footer2 {
position:	static;
left:		150px;
width:		660px;
border:		thin black solid;
bgcolor:	silver;
font-size:	.6em;
text-align:	right;
}

#menu {
position: 	absolute;
top:		130px;
left:		5px;
width:		140px;
z-index:	10;
background-color: #DEDEDE;
font-size: 	.6em;
margin-top: 	0em;
margin-left: 	0em;
margin-right: 	0em;
margin-bottom: 	0em;
border:		black thin solid;
}

#menu ul {
margin-top:	0em;
margin-right:	0em;
margin-bottom:	.5em;
margin-left: 	0em;
padding-left: 	0em;
font-size: 	1em;
font-weight:	bold;
}

#menu li {
display: 	block; 
list-style-type: none;
width:		138px;
font-size: 	.9em;
font-weight:	normal;
}

#menu a {
display:	block;
width:		138px;
color:		#666666;
padding-left:	.2em;
text-decoration: none;
}

#menu a:link {
display:	block;
width:		138px;
color:		#666666;
padding-left:	.2em;
text-decoration: none;
}

#menu a:visited {
display:	block;
width:		138px;
color:		#666666;
padding-left:	.2em;
text-decoration: none;
}

#menu a:hover {
display:	block;
width:		138px;
background:	#666666;
color:		#DEDEDE;
padding-left:	.2em;
text-decoration: none;
}

#menu a:active {
display:	block;
width:		138px;
background:	#666666;
color:		#DEDEDE;
padding-left:	.2em;
text-decoration: none;
}