/********************************************************************\
*                                                                    *
*  cybersoul.css                                                     *
*                                                                    *
*  Author:    Fredrich P. Maney <maney@maney.org>                    *
*  Copyright: (c) 2001 Fredrich P. Maney. All rights reserved.       *
*                                                                    *
*  This stylesheet is based on one created by Edward Choi.           *
*  Original available at <URI:http://www.cybersoul.org/>.            *
*                                                                    *
\********************************************************************/

/* @import url(/ui/skeleton.css); */

html {
   margin: 0; padding: 0;
   width: 100%; height: 100%;
}

body {
  color: #000; background: #515151;
  font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
  margin: 20px; padding: 0;
/*
  max-width: 1280px; min-width: 40em;
  max-height: 1024px; min-height: 40em;
*/
  font-size: x-small; /* get around IE5/Win's broken fonts */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}

div.jump, div#panel, #broken-browsers {display: none !important;}

big {font-size: 14px;}
small {font-size: 10px;}

a {color: #036; background: transparent; text-decoration: none;}
a:hover {
  background: #eee; color: #900;
  border-bottom: dashed 1px #900;
}
a img {background: none; border: solid 1px #000;}
a:hover img {background: none; border: solid 1px #000;}
a.filetype {
   font-size: 85%; font-style: smallcaps;
   font-family: "Andale Mono", Courier, "Courier New", monospace;
}

img {
  display: block !important;
  border: solid 1px #000;
  margin: 0;
  margin-right: 5px;
}
img.logo {background: none; border: none; margin: 2px; padding: 0;}

h1, h2 {
  margin: 0;
  padding: 0;
  font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
  font-weight: normal;
  color: #333;
}

h3 {
  background: transparent;
  font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
  color: #333;
}

code, pre {
  border: solid 1px #000;
  color: #000;
  background-color: #FAFAFA; 
  padding:10px;
  font-size: 110%;
  font-family: "Andale Mono", Courier, "Courier New", monospace;
}

abbr { 
  border-bottom: dotted 1px #000;
  cursor: help; 
}

img {
  border: solid 1px #000;
}

legend {
  border: solid 1px #000;
  color: black;
}

label {
  font-weight: bold;
}

/**************\
* Layout Rules *
\**************/
#wrapper {
  color: #000; background: #fff;
  border: solid 1px #000;
  margin: auto;
  padding: 0px;
  width: 750px;
  height: 100%;
}

#masthead {
  color: #fff; background: #900;
  border: solid 1px #AE0000;
  border-bottom: solid 1px #000;
  font-size: 20px;
  font-weight: bold;
  margin: auto; 
  padding: 10px 10px 10px;
  text-align: right;
}
#masthead h1 a {padding:0 0.25em; text-decoration: none;}
#masthead h1 a:hover {background: transparent; color: #036;}

#pagebody {
   clear: both;
   height: 100%;
   width: 100%;
}

#maincontent {
  color: #000;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
  line-height: 140%;
  margin: auto; 
  padding: 20px;
}
#maincontent img.photo {float: left; position: relative;}
#maincontent .email {
   font-size: 0.9em; font-style: italic; font-weight: lighter;
   line-height: 0.95em; margin: 0; padding: 0;
   text-align: right; text-transform: lowercase; vertical-align: middle;
}

#menubar {
  color: #000; background: #ccc;
  float: left;
  font-size: 0.9em;
  font-weight: lighter;
  line-height: 0.95em;
  margin: 0 0 1em 0;
  padding: 0; 
  width: 100%;
}

#menubar .navigation {text-align: left; vertical-align: middle;}
#menubar .navigation li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}
#menubar .navigation li a {
  background: #ccc; color: #036;
  border-bottom: solid 4px transparent;
  margin: 0 10px 0 0;
  padding: 0;
}
#menubar .navigation li a:hover {border-bottom: solid 4px #333;}

#menubar .appearance {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 21px;
  top: 67px;
}
#menubar .appearance a img {
  background: #515151; color: #ccc;
  margin: 2px 6px 0 0;
  padding: 0;
}

#footer {
  color: #808080; background: #eee;
  border-top: solid 1px #ccc;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  margin: auto;
  padding: 10px;
  text-align: right;
}

/********************************************************************\
*  End of File                                                       *
\********************************************************************/