html { background-color:#DEDEDE; }
body { background-color:#DEDEDE; font-family:Verdana, Arial, sans-serif; color:#000; line-height:1em; margin:0; padding: 0; font-size: 1em; }
a, a:link, a:visited, a:active { text-decoration: none; color:#000; }
a:hover { color:#ffb81e; }
img { border: 0; padding: 0; }
p { padding-bottom: 0.3em; text-align: justify; }
h4 { color: #F60; }
h5 { padding: 0; margin:0;}
ul { padding:0; margin:0; list-style: none; }
#skipLink { display: none; }
/* * { border: 1px solid green; } /* testing */
br.clearing { height:0; font-size: 0px; clear: both; }
#copyright { width: 100%; font-size: 0.8em; margin: 0 auto; margin-top: 1em; text-align: center; clear: both; }

.site { width: 698px; margin: 0 auto; background: #FFF; padding: 0.2em; border: 0; padding-top: 1em; }
.content p.author { font-style: italic; color: #999; margin-bottom: 0; }
p.author a { /*IE sucks, no inherit */ color: #999; font-weight: normal; }
p.author a:hover { color: black; }

.content { font-size: 0.8em; /*line-height:1.1em; */margin: auto 150px; margin-top: 1em; }
.content h3 { text-align: center; color: #F70; }
.content a { font-weight: bold; }
.content p, .content h4 { margin: 0; }
.content p { margin-bottom: 0.6em; }
.content h4 { margin-top: 1em; }

.menu { background-color: #dc6; text-align: center; /* IE */ font-size: 0.8em; }
/* matched the haiku menu.. hmm, weird design */
#nav { background:#dc6; width:31em; height: 2.1em; position:relative; margin:0 auto; text-align: left; padding-bottom:1px; }			
#nav li { float:left; list-style:none; margin:0; }
#nav li li { float:none; list-style:none; margin:0; padding:0; border:1px solid #fff; font-size: 0.9em; }
#nav li a { text-transform: uppercase; display: block; padding:0.4em 1.8em 0.4em 0; }
#nav li li a { text-transform: none; display: block; padding:0.1em 0.6em; }
#nav ul	{ text-align: left; position:absolute; top:1.7em; margin:0; margin-top:1px; padding:0.2em; display:none; background:#fff; border:1px solid #999; }
#nav:after, #nav ul:after { content:' '; display:block; clear:left; height:0; overflow:hidden  }
#nav a:hover { color: #000; }
#nav li:hover, #nav li a:hover { background-color: #dc6; }
#nav li:hover ul, #nav li.over ul { display:block }

.logo { clear: both; background: transparent url(../i/waterpic.jpg) no-repeat top left; height: 36px; width:698px; margin: 0 auto; margin-bottom: 3px; }
#home .logo { background-image: url(../i/leafpic.jpg); height: 127px; }

.oslogo { float: left; margin-left: 0.5em; margin-bottom: 0.4em; }
.links { float: right; font-size: 0.7em; line-height: 1.1em; margin-bottom: 0.4em; margin-top: 1.5em;}
.links a.first { border-left: none !important;}
.links li { display: inline; }
.links li a { padding: 0.2em 1.7em; border-left: 1px solid black;  }


/* Side menus */
.cmenu { width: 140px; font-size: 0.7em; } 
.cmenu h4 { padding: 0; margin:0; margin-left: 1em; margin-top:1em; color: #F70; }

#pagemenu { float: left; clear: left; }
#pagemenu li { margin-left: 2em; }
#pagemenu li a.active { color: #393; }
#pagemenu li a:hover { color: #393; }
#donatemenu { float: right; font-style: italic; }
#donatemenu li:before { content: " -  "; }

/* custom page styles */
/* experience / */
dl.experience dt { padding: 1em 0; padding-left: 40px; }
dl.experience dt a { vertical-align: middle; }
dl.experience dd { padding: 0; margin:0; margin-bottom: 1em; }
#dl-mla, #dl-a { background: url(../i/discuss.png); }
#dl-cvsrb { background: url(../i/directory.gif); }
#dl-cvss { background: url(../i/stats.gif); }
#dl-hbf { background: url(../i/truck2.png); }
#dl-fbed { background: url(../i/beos.png); }
#dl-mla, #dl-a, #dl-cvsrb, #dl-cvss, #dl-hbf, #dl-fbed { background-position: center left; background-repeat: no-repeat; }

/* develop / */
a.pdf:after, a.search:after, a.file:after { font-size: 0.8em; font-weight: normal; } 
a.pdf:after { content : " (PDF)"; }
a.search:after { content : " (Search)"; }
a.file:after { content : " (File)"; }

#develop .content h4 { text-align: left; color: #2e9028; }
#develop .content h5 { font-weight: normal; color: #F70;  }
#develop .ref a, #develop .tools li, #develop .docs li { padding: 0.2em; padding-left: 28px; background-position: 5px center; background-repeat: no-repeat; } 
#develop .ref a { display: block; }
/* default icon */ #develop .docs li, #develop .ref a { background-image: url(../i/small_book.png); }
#develop .tools li { background-image: url(../i/small_zip.png); }
#develop .ref a.pdf { background-image: url(../i/small_pdf.png); }
#develop .ref a.search { background-image: url(../i/small_find.png); }
#develop .ref a.file { background-image: url(../i/small_file.png); }