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

.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
{
  border : 1px solid #fff;
}

div#logo_l   /* Logo - floating left of the heading */
{
  float        : left;
  text-align   : center;
  padding      : 0.5em;
}

div#logo_l img
{
  border       : 0;
}

h1#heading   /* Heading - centered right of logo */
{
  text-align   : center;
  margin-left  : 4em;
  margin-right : 4em;
}

h1#heading a    /* Heading anchor tag - set special font etc. */
{
  padding-left     : 1em;
  padding-right    : 1em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  color            : #00f;
  background-color : #eee;
  font-family      : monospace;
  font-weight      : bolder;
  white-space      : nowrap;
  border           : 1px solid #080;
}

div#heading a:link,   /* Hovered heading anchor tag */
div#heading a:visited
{
  text-decoration  : none;
}

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

hr.clear   /* Horizontal spacer */
{
  clear            : both;
  color            : #e00;
  background-color : #e00;
  height           : 0.1em;
  margin-left      : 0.4em;
  margin-right     : 0.4em;
  margin-top       : 0;
}

/* Menu - left of content */
div#menu
{
  float            : left;
  width            : 7em;
  margin-left      : 0.5em;
  margin-right     : 0.5em;
  padding          : 0;
}

/* Menu sections */
div#nav,
div#lang,
div#sb669,
div#styles
{
  font-size        : smaller;
  margin-bottom    : 1em;
  border           : 1px solid #44a;
  background-color : #eee;
  color            : #000;
}

/* Menu section titles */
div#nav_title,
div#lang_title,
div#sb669_title,
div#style_title
{
  background-color : #eee;
  color            : #666;
  border-bottom    : 1px solid #44a;
  font-family      : monospace;
  font-style       : italic;
  padding-left     : 0.45em;
}

/* Current menu items */
span#nav1,
a.style1,
a.style1:link,
a.style1:visited,
a.style1:hover,
a.style1:active
{
  display          : block;
  font-weight      : bolder;
  background-color : #ccc;
  color            : #000;
  border-bottom    : 1px solid #444;
  border-top       : 1px solid #888;
  margin-top       : 0.2em;
  margin-bottom    : 0.2em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  padding-left     : 0.45em;
  /* special "anti-link" settings */
  text-decoration  : none;
  cursor           : default;
}

span#lang1
{
  display          : block;
  font-weight      : bolder;
  background-color : #ccc;
  color            : #000;
  border-bottom    : 1px solid #444;
  border-top       : 1px solid #888;
  margin-top       : 0.2em;
  margin-bottom    : 0.2em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  text-align       : center;
}

/* Other menu items */
a.nav0,
a.style0
{
  display          : block;
  margin-top       : 0.2em;
  margin-bottom    : 0.2em;
  padding-top      : 0.2em;
  padding-bottom   : 0.2em;
  padding-left     : 0.4em;
}

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

/* Navigation items - rollover effects */
a.nav0:link,
a.lang0:link,
a.style0:link,
a.nav0:visited,
a.lang0:visited,
a.style0:visited
{
  border-top       : 1px solid #eee;
  border-bottom    : 1px solid #eee;
  background-color : #eee;
  color            : #000;
  text-decoration  : none;
}

a.nav0:hover,
a.lang0:hover,
a.style0:hover,
a.nav0:active,
a.lang0:active,
a.style0:active
{
  border-bottom    : 1px solid #444;
  border-top       : 1px solid #aaa;
  background-color : #fff;
  color            : #00f;
  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;
  margin-left      : 0.4em;
  margin-right     : 0.4em;
}

#footer_credits   /* Credits - floating left */
{
  float            : left;
  width            : 10em;
}

#footer_validators   /* Validators - floating right */
{
  float            : right;
  width            : 94px; /*7em;*/
  text-align       : right;
}

#footer_rest   /* lastmodified - middle */
{
  height           : 1em;
  margin-right     : 94px;
  margin-left      : 10em;
  text-align       : center;
}

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

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

div#content   /* Content area - rightof navigation list */
{
  margin-left      : 7em;
  padding-left     : 5%;
  padding-right    : 5%;
  text-align       : center;
}

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;
}

.smaller
{
  font-size        : 0.85em;
}

.xsmaller
{
  font-size        : 0.75em;
}

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             : 45%;
  margin-top       : 1.5em;
  padding          : 1em;
  visibility       : hidden;
}

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

/* eof */