body
{
  margin           : 0;
  padding          : 0;
  border           : 0;
  background-color : #ffc;
  color            : #000;
  font-family      : verdana, arial, helvetica, sans-serif;
}

.h1 { font-size : 1.5em; font-weight: bold; margin-top: 0.4em; }
.h2 { font-size : 1.2em; font-weight: bold; margin-top: 0.4em; }
.h3 { font-size : 1.0em; font-weight: bold; margin-top: 0.4em; }

div#title
{
  text-align       : center;
  border-bottom    : 1px dashed #444;
  margin-bottom    : 0.4em;
}

div#logo_l   /* Logo - floating left of the heading */
{
  float            : left;
  width            : 7em;
}

div#logo_r   /* Logo - floating right of the heading */
{
  float            : right;
  width            : 7em;
}

div#logo_r img,
div#logo_l img   /* Enlarge the logo image */
{
  margin           : 0.2em;
  width            : 6.6em;
  border           : 0;
}

div#heading   /* Heading - centered right of logo */
{
  margin-left      : 7em;
  margin-right     : 7em;
  height           : 7em;
}

div#heading a    /* Heading anchor tag - set special font etc. */
{
  position         : relative;
  top              : 1em;
  font-size        : 1.6em;
  padding-top      : 0.6em;
  padding-bottom   : 0.5em;
  display          : block;
  color            : #ffc;
  background-color : #88f;
  text-decoration  : none;
  text-transform   : uppercase;
  font-weight      : bolder;
  white-space      : nowrap;
  border           : 1px solid #c04;
}

div#heading a:hover   /* Hovered heading anchor tag */
{
  text-decoration  : underline;
}

hr.clear   /* Horizontal spacer */
{
  display          : none;
}

/* Menu - left of content */
div#menu
{
  padding-top      : 0.5em;
  padding-bottom   : 0;
  padding-left     : 0;
  padding-right    : 0;
  color            : #000;
  background-color : #ccf;
  margin-left      : 7em;
  margin-right     : 7em;
  margin-top       : 0;
  margin-bottom    : 0;
  border-top       : 1px solid #444;
  border-left      : 1px solid #444;
  border-right     : 1px solid #444;
  text-align       : center;
}

/* Menu sections */
div#nav
{
  display          : block;
  margin-bottom:0;
/*
  text-align       : left;
*/
}

/* Menu section titles */
div#nav_title
{
  float:right;
  width: 6.5em;
  display          : inline;
  padding-left     : 2em;
  font-family      : monospace;
  font-style       : italic;
  font-size:smaller;
}

/* Current menu items */
span#nav1
{
  display          : inline;
  font-weight      : bolder;
  background-color : #ffa;
  color            : #000;
  border-bottom    : 1px solid #ffa;
  border-top       : 1px solid #444;
  border-left      : 1px solid #444;
  border-right     : 1px solid #444;
  padding-left     : 0.45em;
  padding-right    : 0.45em;
}

/* Other menu items */
a.nav0
{
  display          : inline;
  font-size        : smaller;
  padding-left     : 0.4em;
  padding-right    : 0.4em;
}

/* Navigation items - rollover effects */
a.nav0:link,
a.nav0:visited
{
  border-bottom    : 1px solid #888;
  border-top       : 1px solid #888;
  border-left      : 1px solid #888;
  border-right     : 1px solid #888;
  background-color : #ffc;
  color            : #666;
  text-decoration  : none;
}

a.nav0:hover,
a.nav0:active
{
  border-bottom    : 1px solid #ddd;
  border-top       : 1px solid #222;
  border-right     : 1px solid #222;
  border-left      : 1px solid #222;
  background-color : #ffc;
  color            : #000;
  text-decoration  : none;
}

/* Styles menu */
div#styles
{
  position         : absolute;
  top              : 15em;
  left             : 0.5em;
  width            : 6.5em;
  z-index          : 3;
  display          : inline;
  font-size        : smaller;
  border           : 1px dashed #800;
  padding          : 1px;
  background-color : #ccd;
  color            : #000;
}

div#lang
{
  position         : absolute;
  top              : 15.7em;
  left             : 0.5em;
  width            : 6.5em;
  z-index          : 2;
  font-size        : smaller;
  border           : 1px dashed #800;
  padding          : 1px;
  background-color : #ccd;
  color            : #000;
}


div#sb669
{
  position         : absolute;
  top              : 10.7em;
  left             : 0.5em;
  width            : 6.5em;
  z-index          : 2;
  font-size        : smaller;
  border           : 1px dashed #800;
  padding          : 1px;
  background-color : #ccd;
  color            : #000;
}

/* Menu section titles */
div#lang_title,
div#sb669_title,
div#style_title
{
  font-family      : monospace;
  font-style       : italic;
  padding-left     : 0.05em;
}

span#lang1,
a.style1,
a.style1:link,
a.style1:visited,
a.style1:hover,
a.style1:active
{
  display          : block;
  font-weight      : bolder;
  background-color : #ffa;
  color            : #000;
  border-bottom    : 1px solid #444;
  border-top       : 1px solid #444;
  border-left      : 1px solid #444;
  border-right     : 1px solid #444;
  margin-top       : 0.2em;
  margin-bottom    : 0.2em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  text-align       : center;
  /* special "anti-link" settings */
  text-decoration  : none;
  cursor           : default;
}

a.lang0,
a.style0
{
  display          : block;
  margin-top       : 0.2em;
  margin-bottom    : 0.2em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  text-align       : center;
  vertical-align   : middle;
}


a.lang0:link,
a.style0:link,
a.lang0:visited,
a.style0:visited
{
  border-bottom    : 1px solid #888;
  border-top       : 1px solid #888;
  border-left      : 1px solid #888;
  border-right     : 1px solid #888;
  background-color : #eec;
  color            : #666;
  text-decoration  : none;
}

a.lang0:hover,
a.style0:hover,
a.lang0:active,
a.style0:active
{
  border-bottom    : 1px solid #222;
  border-top       : 1px solid #222;
  border-right     : 1px solid #222;
  border-left      : 1px solid #222;
  background-color : #ffc;
  color            : #000;
  text-decoration  : none;
}


a.lang0    img,
span#lang1 img
{
  border           : 0;
  font-size        : 18px;
  width            : 1em;
  vertical-align   : middle;
}


#footer   /* Footer */
{
  clear          : both;
  vertical-align : middle;
  text-align     : center;
  margin-left    : 0.4em;
  margin-right   : 0.4em;
  margin-top     : 0.5em;
  border-top     : 1px dashed #444;
  border-bottom  : 1px dashed #444;
  padding-top    : 0.2em;
}

#footer_credits   /* Credits - floating left */
{
  display        : inline;
}

#footer_validators   /* Validators - floating right */
{
  display        : inline;
  margin-left    : 2em;
}

#footer_rest   /* lastmodified - middle */
{
  height         : 1em;
  display        : block;
  margin-left    : 2em;
}

#footer_rest1 /* smaller font */
{
  display        : inline;
  font-size      : 0.8em;
}

#footer_credits    * img,
#footer_validators * img
{
  width  : 16px;
  border : 0;
}

div#content   /* Content area - rightof navigation list */
{
  margin-left      : 7em;
  margin-right     : 7em;
  border           : 1px solid #444;
  text-align       : center;
  background-color : #ffa;
  color            : #000;
}


a:link    { background-color: transparent; color:#33f; text-decoration:none; }
a:visited { background-color: transparent; color:#33f; text-decoration:none; }
a:hover   { background-color: transparent; color:#009; text-decoration:underline; }
a:active  { background-color: transparent; color:#009; text-decoration:underline; }

ul.blog {
  list-style-type  : none;
  text-align       : left;
}

li.blog {
  font-family       : Helvetica,Arial,sans-serif;
  font-size         : 0.9em;
  border            : 1px solid #888;
  background-color  : #eee;
  color             : #000;
  margin            : 1em;
  padding           : 0.4em;
}

.blogdate {
  font-size        : 0.8em;
  background-color : transparent;
  color            : #444;
}

.bloghead {
  font-size      : 1em;
  font-weight    : bold;
  padding-bottom : 0.2em;
  margin-bottom  : 0.5em;
  border-bottom  : 1px dashed #888;
}

ul.team {
  list-style-type : none;
}

li.tplayer {
  font-family       : Helvetica,Arial,sans-serif;
  font-size         : 0.9em;
  border            : 1px solid #888;
  background-color  : #ffc;
  color             : #000;
  margin            : 1em;
  padding           : 0.4em;
}

.thead {
  font-size         : 1em;
  font-weight       : bold;
  padding-bottom    : 0.2em;
  margin-bottom     : 0.5em;
  border-bottom     : 1px dashed #888;
}

table.tprop
{
  border            : 0;
}

td.tkey
{
  font-style        : italic;
  font-size         : 0.8em;
}

td.tval
{
  font-size         : 0.9em;
  font-weight       : bold;
}

div.tfoto
{
  border-bottom    : 1px dashed #888;
  margin-left      : 30%;
  margin-right     : 30%;
  text-align       : center;
  padding-bottom   : 0.5em;
}

.tfoto img
{
  border           : 4px outset #ccc;
  font-size        : 150px;
  width            : 1em;
}

.smaller
{
  font-size         : 0.85em;
}

.xsmaller
{
  font-size         : 0.75em;
}

/* Styles for subpages */
body#subpage
{
  margin-left       : 5%;
  margin-right      : 5%;
}

div#subpage_content
{
  text-align        : center;
}

table#subpage_table,
table#story
{
  border            : 0;
  margin-left       : auto;
  margin-right      : auto;
  padding           : 0;
  font-size         : smaller;
}

table#subpage_table th
{
  color             : #000;
  background-color  : #ffc;
}

table#subpage_table td
{
  text-align        : center;
  vertical-align    : middle;
}

td.subpage_td_extra
{
  color             : #000;
  background-color  : #ffc;
  text-align        : center;
}

hr.hr
{
  height           : 1px;
  color            : #888;
  background-color : #888;
  border           : 0;
}

acronym
{
  border-bottom    : 1px dashed #f40;
}

acronym a
acronym a:link,
acronym a:visited
{
  text-decoration:none;
}

acronym a:hover
{
  cursor           : help;
  text-decoration  : none;
}

acronym a span
{
  position         : absolute;
  left             : 35%;
  right            : 35%;
  margin-top       : 1.5em;
  padding          : 1em;
  visibility       : hidden;
}

acronym a:hover span
{
  visibility       : visible;
  background-color : #ffa;
  color            : #000;
  border           : 3px double #a00;
}

div#tom_tue_tue_txt { }
a#tom_tue_tue_a     { margin-left:40%; }
img#tom_tue_tue     { font-size: 100px; width:1em; border:2px outset #00f;}


/* eof */