body {
margin: 0;
padding: 0;
color: #00;
background-color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
}

#canvas {
margin: 30px;
padding: 20px;
border: 1px solid #ddd;
min-width: 600px;
}

h1 {
margin: 0;
padding: 0;
font-size: 1.8em;
font-weight: 400;
font-style: italic;
color: #a10f15;
background-color: inherit;
}

h2 {
margin: 0 0 2em 0;
padding: 0;
font-size: 1em;
font-weight: 400;
font-style: italic;
color: #333;
background-color: inherit;
}

h3 {
margin: 0 0 1em 0;
font-size: 1.2em;
color: #a10f15;
background-color: inherit;
font-style: italic;
font-weight: 400;
}

p {
margin: 0 0 1em 0;
}

p.gone {
margin: 0 0 1em 0;
color: #c03;
background-color: inherit;
font-style: italic;
}

div.item {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ddd;
}

div:hover.item {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ddd;
color: inherit;
background-color: #eee;
}

img.thumbnail {
margin: 0 0 1em 0;
border: none;
}

#footer {
color: #666;
background-color: inherit;
margin: -20px 30px 30px 30px;
padding: 1em;
border: 1px solid #ddd;
min-width: 600px;
}

a.footer {
color: #666;
background-color: inherit;
text-decoration: none;
}

/* Universal Styles */

.bold {
font-weight: 700;
}

.italic {
font-style: italic;
}

.under {
text-decoration: underline;
}

.nounder {
text-decoration: none;
}

.hilite {
color: inherit;
background-color: #666;
}