@charset "iso-8859-1";

/* author: David Faulder 
 Creation date: 30/05/2007 */
body {background-color: #ffffcc; color: #330099; font-family: 'trebuchet ms',sans-serif; text-align: center;}
/* text-aligns are an IE hack to get the centering of #content to work */
#header {clear: both; text-align: left; }
#main {clear: both; text-align: left;}
#footer {clear: both; text-align: left; }

#content {width: 600px; margin: 0 auto; text-align: left; }
#intro {padding-top: 40px;}

h1, h2, h3 {font-family: Georgia,serif}
h1 {color: #ff3300;}
h2 {color: #3300ff;}

img {border: 0}
hr {color: #ff3300}
q {font-style: italic;}
cite {color: #000000}
sup {color: #ff0000; font-size: 75%;}
.nobr {white-space: nowrap;}
.relation {color: #3300ff; font-weight: bolder;}

#menu {background-color: #ff3300; color: #ffffff; position: fixed; width: 100%; z-index: 2;}
#otherPages {margin-left: 4px;}
#thisPage {margin-left: 20px;}
.menuitems {color: #ffffff;}
.menuitems A {text-decoration: none; color: #ffffcc; font-weight: bold;}
.menuitems A:hover {color: #ffff33;}
.anchor {padding-top: 80px; text-decoration: none;}
.logo  {float: right; margin-right: 10px;} 

.more, .hide {color: #0033ff; font-size: 75%;}
.more:hover, .hide:hover {background: #ffffff; white-space: nowrap;}
.detail {visibility: hidden; position: absolute; z-index: 5; background-color: #ffff99; border-color: gray; border-style: solid; border-width: thin; width: 500px;}
/* Experimental to left align detail boxes */
.generation-1 {padding-left: 1em; line-height: 0.5em; }
.generation-2 {padding-left: 2em; line-height: 0.5em; }
.generation-3 {padding-left: 3em; line-height: 0.5em; }
.generation-4 {padding-left: 4em; line-height: 0.5em; }
.generation-5 {padding-left: 5em; line-height: 0.5em; }
.generation-6 {padding-left: 6em; line-height: 0.5em; }
.generation-7 {padding-left: 7em; line-height: 0.5em; }
.generation-8 {padding-left: 8em; line-height: 0.5em; }
.generation-9 {padding-left: 9em; line-height: 0.5em; }

.new {color: #ff3300; font-size: 75%; white-space: nowrap;}
.vnew {color: #ff0000; font-size: 75%; background-color: #ffff00; white-space: nowrap;}

.ref {font-size: 75%;}

/* indexing CSS */
.stories {display: list-item;} /* initially show all stories - use js to hide */
.indextitle {margin-left: 3em; font-size: 80%; color: #0000ff;}
.indexwords {font-size: 80%; color: #6666ff;}
.general {text-align: justify;}
.stories {background-color: #ffffff;} /* each story in a white background */
.stories .stories {background-color: #ffff99;} /* but not subpoints */

#smallprint {font-size: 75%; color: #000000; background-color: #ffffff;}
.info {color: #996600; font-size: 75%;}
.acknowledge {color: #660066; font-size: 50%;}
.warning {background-color: #ff3300; color: #cccccc;}

/* Design from http://webdesign.maratz.com/lab/visited_links_styling/ */
a.visittick:visited {background: url(../utility/visited.gif) no-repeat 100% 50%; padding-right: 12px;}
a.visittick:hover {background: #ffffff}
a.visittick:visited:hover {background: url(../utility/visitedhover.gif) no-repeat 100% 50%; padding-right: 12px}

/* End of style section. Generated by AceHTML at 15/12/2007 22:14:42 */