html {
    background: url(wool.gif) no-repeat top right #fff;
    margin: 0; padding: 0;
    font-family: "DejaVu Serif Light", "DejaVu Serif", "Bitstream Vera Serif", Georgia, serif;
    color: #222;
    font-size: 87%;
    height: 100%;
}
body { margin: 0; padding: 0; min-height: 100%; position: relative; 
}

h1, h2, h3, h4, h5 {
    color: #555;
    margin: 0;
    padding:0;
    font-weight: normal;
    letter-spacing: 0.125em;
    font-family: 
        "URW Bookman", "URW Bookman L", "Bookman Old Style", 
        "Book Antiqua", "Century Schoolbook", "Century Schoolbook L", 
        Cambria, Georgia, serif;
}
h2 { font-size: 1.8em; margin: 1em 0 0.25em 0}
h1, h3 { font-size: 1.2em; margin: 1.5em 0 0.75em 0}

.journal h1, .content h1 { background: #000 url(black.png) repeat-x bottom; font-weight:normal; padding: 0.26em 0.5em; margin-top:1em; border: 1px solid #000; clear: both; 
    letter-spacing: 0.25em;
/*    font-family: "Zapfino Extra LT", Corsiva, Zapfino, "Apple Chancery","URW Chancery", "URW Chancery L", "URW Chancery L Medium Italic", "Zapf Chancery", "Zapf Chancery Medium Italic", "ITC Zapf Chancery", "ITC Zapf Chancery Medium Italic", "Monotype Corsiva",  Chancery, cursive; */
    clear: both;
    font-size: 90%;
}
.journal h1 a, .content h1 a { border: none; color: #eee; background:transparent }
.journal h1 a:visited, .content h1 a:visited { color:#ddd }
.journal h1 a:hover, .content h1 a:hover { color:#fff }

div.wrapper {
    width: 43.2em;
    margin: 0 auto; 
    padding: 2.5em 0 4em 0;
    clear: both;
}


.content, .journal { 
    line-height: 1.4;
}

a { color: #222; text-decoration: none; border-bottom: 1px solid #888; font-weight: bold }
a.url, a.outside, .refer a, a.near { border-bottom: 1px dashed #888; }
.content a.edit { border:none; color: #999; }
.content a.edit:hover { color: #eee }
a:visited { color: #555; }
a:hover { color: #fff; border-bottom: 1px solid #000; background: #444; }
a img { border: none; }
.content a.today { color: #000; background: #ddd; }
.content a.today:hover { color: #fff; background: #000; }


pre {
/*    background-color: #f5f5f5;*/
/*    border: 1px dashed #ccc; */
    margin: 1.4em 0 1em 0;
    border: 1px dotted #eee;
    background: #f6f6f6;
    padding: 0.125em;
    font-size: 1em;
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace;
    line-height: 1.25;
    white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    /* end css 3 or browser specific rules */
}

a.logo {
    background: transparent;
    border:none;
    margin: 0;
    padding: 0;
}
a.logo img {
    position: absolute;
    bottom: -32px;
    left: 0;
}
.header {
    position: relative;
    color: #eee;
    border-bottom: 1px solid #000;
    padding: 0;
    padding-top: 1px;
    background: #000 url(black.png) repeat-x bottom;
}
.header h1 {
    margin: 0;
    padding: 0.75em 0;
    color: #eee;
    font-size:2em;
    line-height:1;
    letter-spacing: 0.05em;
    padding-left: 128px;
    font-weight: normal;
}


.footer br, .footer hr { display: none; }
.footer {
    display: block;
    clear: both;
    margin: 0;
    padding: 0.5em 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    margin-top: 6em;
    font-size: 80%;
    line-height: 1;
    background: #f8f8f8;
    min-height: 1.5em;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer .edit.bar {
    float: left;
    display: block;
    margin-left: 0.5em;
}
.footer .gotobar {
    float: left;
    display: none;
}
.footer .time {
    display: block;
    text-align: right;
    font-style: italic;
    margin-right: 0.5em;
}
.footer .time br {
    display: none;
}
div.near {
    display: none;
}

textarea {
    display: block;
    margin: 1em auto;
    border: 1px solid #ccc;
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace;
    padding: 0.25em;
    font-size: 1em;
    font-weight: normal;
    background: url(shadow.png) repeat-x top left #fff;
    width: 100%;
}
form.edit.text {
    margin: 0 -3em;
}
form.comment {
    width: 40em;
    margin: 1em auto;
}
form.comment textarea {
    height: 10em;
}
form.comment label {
    display:block;
}
input {font-size:1em;}

ul {
    margin: 0 0 1.4em 0;
    padding: 0 0 0 1em;
}
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

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

strong {
    color: #000;
}

div.month {
    float: right;
    clear: both;
    margin-left: 1.5em;
    padding-bottom: 8px;
    background: #fff url(shadow.png) repeat-x bottom left;
    font-size: 1em;
}

div.month pre {
    background: #fff url(cal.png) repeat-x top left;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    padding-left: 0.5em;
    border: 1px solid #eee;
    font-size: 1em;
    width: 14.5em;
    padding-bottom: 0.75em;
}
    
div.cal.content div.month {
    float: left;
    margin: 0.25em;
}

div.month a {
    font-size: 1em !important;
    padding-right: 0.5em;
    margin-right: -0.5em;
}

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

.journal p, .content p {
    text-align: justify;
    margin: 1.4em 0 0 0;
}
span.dash {
    display: none;
}
div.rc li strong {
    display: block;
    font-weight: normal;
    color: #666;
    font-size: 80%;
    font-family: verdana, sans-serif;
}
div.rc a.diff, div.rc a.history { font-size: 80%; font-weight: normal; }

div.diff { font-size: 80%; font-family: verdana, sans-serif; line-height: 1;}
div.diff p { margin: 0;}
div.diff div.new { background: #efd; padding: 0.5em; border: 1px solid #bda; }
div.diff div.old { background: #fed; padding: 0.5em; border: 1px solid #dba; }

blockquote {
    color: #666;
}

form.search {
    margin: 0;
    margin-left: 0.5em;
    position: absolute;
    top: -2em;
}
form.search p {margin:0}
.search input {
    display: none;
}
    
#search {
    display: inline;
    vertical-align: middle;
    background: url(shadow.png) repeat-x 0 -2px #fff;
    border: 1px solid #ccc;
    width: 10em;
    font-size: 1em;
}

#search:active, #search:focus {
    border: 1px solid #000;
    color: #000;
}
a.image {
    display: block;
    border: none;
    background: #fff url(shadow.png) repeat-x bottom;
    padding-bottom:8px;
    line-height: 0.001;
}
a.image img {
    border: 1px solid #ddd;
    padding: 0.5em;
    margin: 0;
    font-size: 1em;
}
a.image:hover img {
    border: 1px solid #aaa;
}
a.image.left {
    float: left;
    margin-right: 0.5em;
}
a.image.right {
    float:right;
    margin-left: 0.5em;
}
a.image.center {
    margin: 0.5em auto;
}
a.image.rightraw img {
    border: none;
}
a.image.rightraw {
    float:right;
    margin-left: 0.5em;
    background: transparent;
    padding: 0;
}
a.image.raw img {
    border: none;
    vertical-align: middle;
    display: inline;
    margin: -3px 0;
    padding: 0;
}
a.image.raw br { display: none }
a.image.raw {
    display: inline;
    padding: 0;
    margin: 0;
    background: transparent;
}
div.image span.caption {
    font-size: 80%;
    font-family: DejaVu Sans, BitstreamVera Sans, Verdana, sans-serif;
    display: block;
}
a.image.icon img {
    border: none;
    vertical-align: middle;
    display: inline;
    margin: 1px;
    padding: 0;
}
a.image.icon {
    display: inline;
    padding: 0;
    margin: 0;
    background: transparent;
}

.refer {
    font-size: 75%;
    padding: 0 1em;
}
.commentshown {
    padding: 0.5em;
    display: block;
    clear: both;
    border: 1px solid #ccc;
}
.commentshown a {
    display: inline;
}
.commenthidden {
    display: none;
}

code {
    font-size: 100%;
    color: #666;
}

p.comment a {
    display: block;
    float: left;
    margin-bottom: 0.25em;
}

pre.poem {
    font-family:"DejaVu Serif L", "DejaVu Serif Light", "DejaVu Serif", "Bitstream Vera Serif", Georgia, serif;
    line-height: 1.6;
    white-space: pre;
    word-wrap: nowrap;
    margin-left: 0;
    font-size:1em;
    font-weight: normal;
    background: transparent;
    border: none;
    color: #555;
}

q:before {
    content: open-quote;
    color: #444;
}
q:after {
    content: close-quote;
    color: #444;
}

abbr {
    border: none;
    letter-spacing: 0.125em;
    font-size: 90%;
    font-family: "Book Antiqua", "Bookman Old Style", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

div.content.admin a,
div.footer span.edit.bar a {
    padding-left: 20px;
    padding-right: 0.5em;
    min-height: 16px;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    background: url(versions-small.png) no-repeat left center;
    margin-right: 0.5em;
    line-height: 16px;
}
div.footer span.edit.bar a {
    float: left;
    display: block;
}
div.content.admin a:hover,
div.footer span.edit.bar a:hover {
    color: #000;
    background-color: #ddd;
}
div.footer span.edit.bar a.comment {background-image: url(chat-small.png)}
div.footer span.edit.bar a.edit {background-image: url(edit-small.png)}
div.footer span.edit.bar a.admin {background-image: url(toolbox-small.png)}
div.content.admin a.index {background-image: url(paper-small.png)}
div.content.admin a.maintain {background-image: url(broom-small.png)}
div.content.admin a.pagelock {background-image: url(pagelock-small.png)}
div.content.admin a.editlock {background-image: url(wikilock-small.png)}
div.content.admin a.clear {background-image: url(flush-small.png)}
div.content.admin a.despam {background-image: url(spam-small.png)}
div.content.admin a.password {background-image: url(admin-small.png)}
div.content.admin a.unlock {background-image: url(unlock-small.png)}
div.content.admin a.version {background-image: url(blackbox-small.png)}

div.license {
    border: 1px solid #f2ebda;
    padding: 0.5em;
    margin: 0.5em;
    font-family: DejaVu Sans, BitstreamVera Sans, Verdana, sans-serif;
    background: #fbf6e3;
    background: url(license.png);
}
div.license img {
    border: none;
    display: block;
    padding: 0;
    float: left;
    margin: 0.5em;
}

div.rss .description {font-weight: normal; display:block; font-size: 80%; font-family: verdana, sans-serif;}
div.rss .description hr {margin: 0.25em 0 -1em 0; }
div.rss td.diffadd { background: #efd !important; border: 1px solid #bda; padding: 0.25em;}
div.rss td.diffrem { background: #fed !important; border: 1px solid #dba; padding: 0.25em;}
div.rss table { width: 100%; border-collapse: collapse }
div.rss p.error { margin: 0; background: #faf8f5; font-size: 50%; font-family: verdana, sans-serif; padding: 0.125em 0.5em; overflow: hidden; color: #a88; text-align: left; border: 1px dotted #c88; border-top: none; margin-top: -1px;}
div.rss p.error strong { font-weight: normal; color: #a88  }
div.rss p.error a { font-size: 75%; border: none; font-weight: normal; color: #c88 }

div.right {
    width: 48%;
    float: right;
    margin-left: 1%;
    clear:right;
    margin-bottom: 1em;
}
div.left {
    width: 49%;
    float: left;
    clear: left;
    margin-bottom: 1em;
}
a.image.gallery {
    display: block;
    height: 144px;
    padding: 8px;
    display: block
    float: left;
    margin: 0 0 4px 0;
    border: none;
    background: transparent;
}
a.image.gallery img {
    display: block;
    margin: 0;
    padding: 0;
}
div.wrapper.gallery {
    width: auto;
    margin: 0 2em;
}

p a.plink, li a.plink {
        display:none;
}
p:hover a.plink, p a:hover.plink,
li:hover a.plink, li a:hover.plink {
    text-decoration: none;
    display: inline;
    color: #a020f0; /* purple */
    position: absolute;
    font-weight: bold;
    font-family: DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, Lucida Typewriter, monospace;
    font-style: normal;
    vertical-align: sub;
    border: none;
}

div.journal div.date {
    border: 1px solid #444;
    width: 4em;
    text-align: center;
    clear: both;
    padding: 0.125em;
    float: right;
    margin-bottom: -3em;
    background: #fff url(caltop.png) repeat-x top;
    color: #444;
    margin-right: 1em;
    line-height: 1;
    border-top: none;
}
div.journal div.date span.day { 
    font-size: 200%; font-weight: bold;  
    display: block;
    font-family: 
        "URW Bookman", "URW Bookman L", "Bookman Old Style", 
        "Book Antiqua", "Century Schoolbook", "Century Schoolbook L", 
        Cambria, Georgia, serif;
}
div.journal div.date span.month { display: block; font-weight: bold }

a.more { display: block; clear: both; float: right; }


div.hiddenmessages {
    position: relative;
    border: 1px solid #ccc;
}

div.hiddenmessages pre {
    margin: 0;
    border: none;
}
div.hiddenmessages p { 
    height: 1px; width: 1px; 
    background: #fff;
    border: 1px solid #666;
    padding: 0.25em;
    position: absolute;
    overflow: hidden;
    left: -0.25em;
    line-height: 1.25;
    font-family: DejaVu Sans, sans-serif;
}
div.hiddenmessages p:hover {
    width: 25em;
    height: auto;
    padding: 1.5em;
    cursor: help;
    font-size: 75%;
}
div.hiddenmessages a.plink { display: none }

div.sidebar {
    position: absolute;
    right: 50%;
    margin-right: -39em;
    width: 15em;
}
div.sidebar a {
    border: none;
    font-weight: normal;
}

.editassist {
    display: block;
    position: absolute;
    color: #000;
    padding-top: 1em;
    text-align: center;
    width: 100%;
}