body {
  font-family: "lucida grande", helvetica, arial, tahoma, verdana, sans-serif;
  font-size: 75%;
  color: #000000;
  background: #ffffff;
  border: 0;
  margin: 0;
  padding: 0;
}

// a { color: #7c00a6; }

code { font-style: monospace; font-size: 120%; }

img { border: 1px solid #000; }
td.logo img { border: 0; }
img.right { float: right; margin-left: 1em; }
img.left { float: left; margin-right: 1em; }

textarea {
  width: 100%;
  height: 300px;
}

div.everything {
  margin: 0;
  padding: 0;
  border: 0;
}

/* ===========================================
   dirlisting thingy.
   ======================================== */

td.dirfilename { }
td.dirsize { text-align: right; padding-left: 2em; }
td.dirlastmod { text-align: right; padding-left: 2em; }


/* ===========================================
   logo thingy.
   ======================================== */

div.title_wrap { }
div.title { }
div.title p { padding: 0; margin: 0; }
div.title h1 { font-size: 200%; padding: 0; margin: 0; }

/* ===========================================
   menu
   ======================================== */

div.menu_wrap { color: #000000; }
div.menu { text-align: right; }
div.menu p { margin: 0; padding: 0; }
div.menu a { 
  text-transform: uppercase;
  font-size: 110%;
  font-weight: bolder; 
  color: #000000; 
  text-decoration: none;
  padding-right: 2em; 
}

div.menu a:hover, div.menu a:active { }

/* ===========================================
   submenu
   ======================================== */

div.submenu_wrap { color: #000000; }
div.submenu { }
div.submenu p { margin: 0; padding: 0; clear: both; border: 1px solid white; }
div.submenu a { }

/* ===========================================
   content
   ======================================== */

div.content_wrap { }
div.content a { }
div.content {
  text-align: justify;
  padding: 0 4em 0 4em;
}

li { text-align: left; }

h1 { font-size: 160%; margin-top: 2em; }
h2 { font-size: 140%; margin-top: 2em; }
h3 { font-size: 120%; margin-top: 2em; }

h2 a { text-decoration: none; }


/* ===========================================
   copyright notice.
   ======================================== */

div.copyright_wrap { clear: both; padding-top: 2em; }
div.copyright { text-align: center; font-size: 80%; color: #444; }
div.copyright a { text-decoration: none; font-weight: normal; color: #444; }

/* ===========================================
   edit/state bars.
   ======================================== */

div.funcbar a:hover, div.funcbar a:active,
div.editbar a:hover, div.editbar a:active { }

#submenu_select { }

div.funcbar, div.editbar { }
div.funcbar a, div.editbar a { }
div.statebar { }
div.statebar span { }

/* ===========================================
   some graphic design ;)
   ======================================== */

table.banner { width: 100%; }
table.banner td { vertical-align: bottom; }
table.banner td.logo { width: 200px; }

table.banner td.logo { padding-left: 4em; }

div.everything     { width: 60em; }
div.copyright_wrap { }
div.content_wrap   { width: 43em; }
div.menu_wrap      { }
div.submenu_wrap   { width: 16em; float: right; }
div.title_wrap     { }

div.everything { 
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em; 
}

div.banner { 
  margin: 0;
  padding: 10px;
}

span.clear { clear: both; }

div.logo { }
div.menubar { }

div.funcbar, div.editbar, div.statebar, 
div.menu, div.submenu, div.flickr, div.content, div.copyright { }


/*
div.everything     { border: 1px dashed black; }
table.banner       { border: 1px solid green; }
div.logo           { border: 1px solid magenta; }
div.menu_wrap      { border: 1px solid yellow; }
div.submenu_wrap   { border: 1px solid red; }
div.content_wrap   { border: 1px solid blue; }
div.copyright_wrap { border: 1px solid green;  }
*/