html {
    background: url(mbback.gif) no-repeat top right #fff;
    margin: 0;
    padding: 0;
}

body {
    padding: 1px 4em;
    margin: 0;
    width: 44em;
    color: #222;
    font-family: "URW Palladio L", "Pallatino", "Palatino Linotype", "Nimbus Roman No9 L", "Palatino Linotype", "Georgia", serif;
    font-size: 12pt;
    line-height: 1.4em;
    background: url(corner.png) no-repeat top left transparent;
}

h1, h2, h3, h4, h5 {
    color: #555;
    margin: 1em -0.5em;
    padding:0;
    font-weight: bold; 
    font-family: "Apple Chancery", "Zapf Chancery", "ParkAvenue BT", "monotype corsiva", "URW Chancery L", cursive;    
}

h1 { font-size: 32pt; margin: 1em -0.5em; }
h2 { font-size: 24pt; }
h3 { font-size: 20pt; }

.content .page h1 { font-size: 20pt; margin: 0.5em 0;}

a { color: #222; text-decoration: none; border-bottom: 2px solid #ae5; }
a.url, a.outside { border-bottom: 2px dotted #46e; }
.content a.edit { border:none; color: #fb0; font-size: smaller; vertical-align: top;}
a:visited { color: #888; }
a:hover { color: #000; border-bottom: 2px solid #ddd; background: #eee; }

pre {
/*    background-color: #f5f5f5;*/
    border: 1px dashed #ccc;
}
a.logo {
    display: block;
    float: right;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background: transparent;
    border: none;
}

a img {
    border: none;
}

.footer hr {
    display: none;
}

.footer br {
    display: none;
}

.footer {
    clear: both;
    margin: 1.5em -1em;
    padding: 0.5em 0;
    border-top: 2px dotted #ccc;
    text-align: right;
    font-style: italic;
}

.footer .bar {
    display: block;
    text-align: left;
    font-style: normal;
}

.footer .gotobar {
    text-align: right;
}


textarea {
    display: block;
    width: 100%;
    height: 80%;
    border: 1px solid #ccc;
    font-family: "DejaVu Sans Mono", monospace;
    padding: 0.25em;
    font-size: 100%;
    background: url(shadow.png) repeat-x top left #fff;
}

ul {
    margin: 0.5em 0;
    padding: 0 0 0 1em;
}

ul li {
    list-style: square outside;
    margin: 0;
    padding: 0;
}

div.sidebar {
    width: 20ex;
    position: absolute;
    left: 50em;
    top: 8em;
}

div.month {
    width: 14em;
    float: right;
    margin: 0.25em 0.5em 0.25em 2em;
    padding-bottom: 8px;
    background: #fff url(shadow.png) repeat-x bottom left;
}

div.month pre {
    background: #fff url(cal.png) repeat-x top left;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    border: 1px solid #eee;
}
    

.cal.content div.month {
    float: left;
    margin: 0.25em;
}

div.month a {
    font-size: 100% !important;
}

hr {
    border: none;
    border-top: 2px dotted #ccc;
    background: transparent;
    margin: 1.5em -1em;
    clear: both;
}

.content p {
    text-align: justify;
    margin: 0.5em 0;
}

blockquote {
    color: #666;
}

form.search {
    margin: 0.25em;
    float: right;
    position: absolute;
    top: 0;
    right: 128px;
    text-align: left;
}
.search input {
    display: none;
}
    
#search {
    display: block;
    background: url(shadow.png) repeat-x 0 -2px #fff;
    border: 1px solid #ccc;
    width: 10em;
}

#search:active, #search:focus {
    border: 1px solid #000;
    color: #000;
}

a.image {
    border: none;
}

a.image.left {
    display: block;
    float: left;
    padding: 0.5em;
    margin: 0.5em;
    border: 1px dotted #ccc;
}
a.image.right {
    display: block;
    float:right;
    padding: 0.5em;
    margin: 0.5em;
    border: 1px dotted #ccc;
}