body
{
margin: 2em 0 0 0;
background: url(background.png);
color: black;
}

h1
{
font-size: 1.5em;
background-color: #ddc796;
border-bottom: 4px solid #af8e45;
margin: 0 0 1em 0;
padding-left: 0.3em;
}

h2
{
font-size: 1.2em;
background-color: #ede1c9;
border-bottom: 2px solid #af8e45;
margin: 0.5em 0 0 0;
padding-left: 0.3em;
}

a
{
color: #7e5000;
}

a:hover
{
border-bottom: 1px #7e5000 solid;
}

p
{
margin: 1em 1em 1em 2em;
}

li
{
list-style-type: square;
}

#nav
{
position: absolute;
top: 1em;
left: 1em;
width: 10em;
padding: 0;
margin: 0;
}

#nav ul {
list-style:none;
margin: 1em 0 0 0;
padding: 0;
}

#nav li
{
text-align: left;
font-weight: bold;
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li a
{
text-decoration: none;
display: block;
border: 1px solid #806427;
padding: 0.3em 0.5em 0.3em 0.5em;
margin: 0 0 0.5em 0;
color: #ffffff;
}

#nav li.notcurrent a
{
background-color: #c69120;
}

#nav li.notcurrent a:hover
{
background-color: #ffad00;
border-left: 0.8em solid #806427;
}

#nav li.current a
{
background-color: #eca900;
border-left: 0.5em solid #806427;
}

#nav li.current a:hover
{
background-color: #ffad00;
border-left: 0.8em solid #806427;
}

#content
{
background-color: #f7f2e1;
position: relative;
left: 12em;
margin-right: 13em;
margin-bottom: 1em;
border: 1px #806427 solid;
padding: 1em;
}

#joel-picture
{
margin-top: 1em;
float: right;
}

/********************************************************************/

#cv
{
background-color: #f7f2e1;
margin: 2em 1em 1em 1em;
border: 1px #806427 solid;
padding: 1em;
}

dt
{
font-weight: bold;
}

dd
{
margin-bottom: 1em;
}

th
{
text-align: left;
}