@import url("navigation.css");

#navigation
{ margin-top:0;
  margin-left:0; }
#navigation li
{ background:white;
  border:0;
  border-left:1em solid #33C;
  border-right:1em solid #33C; }


body
{ color: black;
  background: #F0E68C;
  padding-bottom: 2em;
}

.email:before
{ content:"\2039"; }
.email:after
{ content:"\203A"; }

h1
{ position:absolute;
  margin:1ex;
  margin-left:0;
  color:#B22222;
  background:transparent;
  text-align:center;
  font-size:2em;
  top:0;
  left:12ex; }
h1:after
{ content:"."; }
h2, h3, h4, h5, h6, dt
{ color:#191970;
  background-color:transparent; }

.marginal
{ display:block;
  position:absolute;
  right:1em;
  width:20ex;
  background:white;
  padding:1ex;
  border:1px solid black;
  font-family:sans-serif;
  text-align:right;
}

li#logo
{ border:0;
  background-color:transparent; }


#footer
{ clear:both;
  margin-top:3ex;
  padding-top:1ex;
  border-top:1px solid black; }
#footer img
{ float:right; }
#footer address
{ float:left; }


a:link
{ color: blue;
  background-color:transparent; }
a:visited
{ color: purple;
  background-color:transparent; }

a img
{ border:0;
  vertical-align:top; }
li img
{ vertical-align:middle; }

#error
{ background:red;
  padding:3em; }

#main
{ text-align:justify;
  padding-top:4em; }

#main ul li
{ list-style-position:inside; }
/* I can't get a <ul> to look nice next to the #navigation in
safari. -sven*/

/* affix the next tag to the .affix one.  Used <p
   class="affix"/><pre/> if the <p/> and <pre/> are significantly
   related. */
.affix
{ margin-bottom:0; }
.affix + *
{ margin-top:0; }

code, samp, pre
{ background-color:black;
/*  color:#F0E68C;*/
  color:white;
  padding-right:2px;
  padding-left:2px; }
pre
{ padding:2px;
  margin-left:5ex; }


dl
{ margin-left:5ex; }
dl.runon dt
{ float:left; }
dl.runon dt:after
{ content:":"; }