body {

background: #cccaaa;
margin: 0px;
font: .8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

}

.titlebar {

background: #104a10;
font: 2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
padding: 10px;
text-align: right;
background-image: url(vendingmachines.jpg);
background-repeat: repeat;
background-position: top right;
color: #ddd;

}

.sidebar {

background: #eee;

font: .9em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
width: 175px;
text-align: right;
padding: 10px;
border-right: 2px dotted #666;
border-bottom: 2px dotted #666;
float: left;

}

.sidebar h1 {

font: bold 1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
color: #666;
margin-bottom: .2em;

}

.sidebar b {

color: #666;

}

.sidebar a {

text-decoration: none;
color: #000;

}

.sidebar a:hover {

text-decoration: underline;
color: #666;

}

/* thanks to http://www.cssplay.co.uk/ for this menu */

#menu ul {
  display:table;         /* ignored by IE */
  padding: 0;
  margin: 0;
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  background: #666;
  }
* html #menu ul {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  background: #666;
  }
#menu li {
  display:table-cell;    /* ignored by IE */
  }
* html #menu li {
  display:inline;        /* for IE only */
  }
#menu a, #menu a:visited {
  display:block;         /* for all browsers except IE */
  padding: 5px 20px;
  margin: 1px;
  color:#2d2c3b;
  text-decoration:none;
  background: #aaaccc;
  }
* html #menu a, * html #menu a:visited {
  display:inline-block;  /* for IE only */
  margin: 1px -1px;         /* to correct an IE border width bug */
  }
#menu a:hover {
  background: #f8f4a2;
  }


.content {
position: absolute;
left: 220px;
width: 600px;
padding: 10px;
margin-top: 20px;
background: #fff;
border: 3px solid #666;

}

.content h1 {
font: 1.8em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

}

.content h2 {
font: 1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
margin-left: 10px;
color: #666;
}

img.boxy {

float: left;
margin: 8px 5px 0px 0px;
}

.projectitle {
font-weight: bold;
font-size: 1.2em;
color: #666;
}

.projectitle a {

text-decoration: none;
color: #666;

}

.projectitle a:hover {

text-decoration: underline;

}

.box {

width: 150px;
color: #000;
float: center;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
background: #ddd;
}

img.project {

border: 1px solid #666;
margin: 5px 5px 5px 0;

}

img.headshot {

float: right;
border: 1px solid #666;
margin: 0px 0px 5px 5px;

}