body {
    margin: .25em;
    border: none;
    padding: 0px;
    background: url('/static/images/map.png') no-repeat fixed center;
    background-color: #efefd0;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

#header {
width: auto;
border: none;
padding: 0px;
padding-bottom: 10px;
margin: 0px;
}
#header .logo {
    float: right;
}
#sidebar {
    float: left;
    width: 10em;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 2px solid black;
    background: white;
}

#sidebar li {
    display: block;
    background: #d0d0d0;
}

#sidebar li a,
#sidebar li a:visited {
    display: block;
    padding: 2px 1.5em;
    color: blue;
    text-decoration: none;
}

#sidebar li a:hover {
    background: #a0a0a0;
    cursor: pointer;
    color: red;
}

#content {
    margin-left: 11em;
}

.box {
    border: 2px solid black;
    background: white;
    margin: 1em 0em;
    padding: .5em;
/*    height: auto;
    overflow: auto;  Should enclose floats now. */
}

.box h3 {
    display: block;
    font-size: 120%;
    margin: 0px;
    margin-bottom: .5em;
    border-bottom: 2px solid black;
}

.box .dates
{
    display: block;
    float: right;
    font-size: 75%;
    font-style: italic;
    margin-top: -.5em;
}
.box .dates span {
display: block;
}
#header {
    margin-left: .25em;
}

#header h1 {
    margin: 0px;
    font-size: 170%;
}

h2 {
    font-size: 140%;
}

#footer {
float: right;
font-size: 75%;
font-style: italic;
}

/* Showdown */
textarea {
    font-family: monospace;
}

#previewPane {
    background-color: #f3eeee;
    padding: 0;
    overflow: auto;
}

#inputPane {
    background-color: #fff;
}

div.img,
div.leftimg,
div.rightimg {
	border: 1px solid black;
	padding: 4px;
	margin: 4px;
}

div.img img,
div.leftimg img,
div.rightimg img {
	margin: auto;
}

div.img img {
	 display: block;
}

div.img a, div.img a img,
div.leftimg a, div.leftimg a img,
div.rightimg a, div.rightimg a img
{
border: none;
text-decoration: none;
color: blue;
}

div.img p,
div.leftimg p,
div.rightimg p {
font-size: 70%;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}

div.leftimg { float: left; }
div.rightimg { float: right; }