div
{
 padding: 0em 0em 0em 1em;
}
body
{
 background: #ccc0aa;
 color: #220;
}
#footer
{
 padding-top: 3em;
}
a
{
 color: #440;
}
h1
{
 color: #330;
 text-align: center;
 padding-right: 2em;
 margin-bottom: 0.5em;
}
h2
{
 margin-top: 0.5em;
 margin-left: -1em;
 padding-bottom: 5px;
 text-align: center;
}
h3
{
 margin-top: 2em;
 margin-bottom: 0px;
}
h4
{
 margin-top: 10px;
 margin-bottom: 0px;
}
p
{
 padding: 0em 0em 0em 1em;
 margin: 1em 0em 0em 0em;
}
#mainDiv, #footer
{
 width: 600px;
 text-align: left;
 margin: auto;
}
ul
{
 margin-top: 0px;
 padding-left: 2em;
}
.imgCaption
{
 margin: 0px 10px 0px 40px;
 font-size: 100%;
 font-style: italic;
}

.note
{
 display: block;
 font-size: 90%;
 color: #650;
 padding-left: 1em;
}

.timeStamp
{
 font-size: 70%;
 color: #550;
}


ul.projectNames li
{
  font-weight: bold;
  margin-bottom: 0.5em;
}

ul.projectNames li ul,
ul.projectNames li ul li:first-child
{
 display: inline;
}

ul.projectNames li ul
{
 margin-left: 0;
 padding-left: 0;
}

ul.projectNames li ul li:before {
 content: ', ';
}



li ul
{
 margin-left: 0.0em;
 padding-left: 1.2em;
}

/*
li.moreSoon
{
 list-style-type: none;
}
*/

dl
{
 margin: 0 0 0 0.3em;
 font-weight: normal;
}

dt
{
 float: left;
 margin-right: 1em;
 font-style: italic;
 font-weight: bold;
}

dt:before
{
 content: "\00BB \0020";
}

dt:after
{
 content: ':';
}

dd
{
 display: block;
 margin-left: 1em;
 padding-top: 0.1em;
}

dd ul,
ul.projectNames dd li
{
 display: inline;
 font-weight: normal;
}

dd li:before
{
 content: ',';
}

ul.projectNames dd li.firstLi:before
{
 content: '';
}


#stateDiagram
{
 margin: 0px 0px 0px 100px;
}