html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size: 100%;*/
    vertical-align: baseline;
    background: transparent;
}
body {
  font-family: Arial;
  background-color: #e9e9e9;
}
div.logo{
  z-index: 2;
  position: fixed;
  top: 0px;
  left: 0px;}
a.navbar:link, a.navbar:visited, a.navbar:hover, a.navbar:active {
    color:#000; 
    text-decoration:none; 
    /*font-weight:normal;*/
}
div.navbar{
  z-index: 1;
  position: fixed;
  left: 0px;
  top: 0px;
  font-size: 18px;
  font-variant: small-caps;
  font-weight: bold;
  height: 39px;
  background-color: rgba(153,153,153,0.5);}
ul.navbar{
  padding-left: 40px;}
li.navbar {
    display: inline-block;
    float: left;
    padding: 9px 10px 8px 10px;
}
li.darren{
  font-size: 30px;
  display: inline;
  float: left;
  padding: 0px 10px 0px 10px;}
li.hover{
    background-color: rgba(153,153,153, 0.8);
}
li.active-page{
    color: darkred;}
div.content{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-bottom: 50px;
    left: 0px;
    margin-top: 16px;
    width:  1000px;
}
div.spacer{
    position: relative;
    height:  25px;
    /*border: 3px solid;*/
}
div.project{
    position: relative;
    display: block;
    left: 0px;
    margin:  10px 0 15px 0px;
}
h2.project-title{
    position: relative;
    font-size: 24px;
    margin-bottom: 10px;
}
ol.content, ul.content{
    list-style-position: inside;
}