/* Need this to make the fonts work when you increase / decrease sizes - means that all the proportional widths work. */
* {font-size: 100%;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
img.border {border: 3px double;}
a img {border: none;}



html {background: gray; padding: 1.5em;}
body {
	font: 0.84em/1.3 Verdana, sans-serif;
	padding: 0;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330066;
  	background: rgb(99%,99%,99%);
  	max-width: 1280px;
  	min-width: 60em;
  	margin: 0 auto;
  	border: 1px solid #000;
  	border-width: 1px;
	position: relative;
}


#sitemast {padding: 0; overflow: hidden; border-bottom: 1px solid #000;
  height: 96px; width: 100%; position: relative;}
#sitemast h1 {
	font-size: 1.75em;
	letter-spacing: 0.13em;
  	padding: 0 0 0.5em 0.5em;
  	margin: 0;
	position: absolute;
	left: 0;
	top: 100px;
  	color: rgb(32%,31%,9%);
	cursor:pointer;
  	/* hide-from-IE5/Mac hack \*/
	top: auto; bottom: 0;
  	/* end hack */}
#sitemast h1 a {padding: 1em 0.25em;}
#sitemast h1 a, .panel a {text-decoration: none;}


#main {
	margin: 0 20em 0 0;
	padding: 1em 4em 3em 4em;
	border-right: 1px solid #AAA;
	background: #FFF;
	min-height: 40em;
 	min-width: 40em;
	overlay:clip;
}


#extra {
	position: absolute;
	top: 98px;
	right: 0;
	font-size: 1em;
	line-height: 1.1;
  	width: 20em;
  	padding: 0;
  	margin: 0;
}


.panel {padding-top: 1px;}
.panel h4, .panel h5 {margin: 0.5em 0 0.25em; font-size: 90%; line-height: 1em; padding: 0 0.5em;
  border-bottom: 1px solid #CCC;}
.panel ul {list-style: none; margin: 0 0.5em 1em; padding: 0; font-size: 90%;}
.panel li {margin-left: 0.66em; text-indent: -0.66em; line-height: 1.1em;}

#navigate h4 {margin: 0; padding-top: 0.25em;}
#navigate li {float: left; border: 1px solid #CCC; border-width: 0 1px 1px 0;
  text-indent: 0; margin: 0; padding: 2px 0 0;}
#navigate li a {display: block; float: left; margin-left: 0.5em; padding-right: 0.5em;
  text-align: center;}
#navlinks {height: 1em; padding: 0; margin-left: 0;}

#reading img {border: 1px solid silver;}
#extra #reading img {margin: 0.5em;}

#footer {margin: 0; padding: 0 0 1.5em 4.7em;
  font-size: 0.85em; background: #FFF;}
#footer p {line-height: 1em; margin: 0; padding: 0.5em 1em 0 0;}
#footer p.sosumi {border-top: 1px solid silver; padding-top: 1em}

.book #main img.cover {float: right; margin: 1em 0 1em 2em;
  border: 1px solid; border-color: #AAA #444 #444 #AAA;}


table {
	border 	:	1px solid #FFF;
	width	:	100%;
}

th {
	background : #FF0000;
}