* {
 margin: 0;
 padding: 0;
 border: none;
 color: black;
 font-size: 100%;
 font-weight: normal;
 text-decoration: none;
 font-style: normal;
 list-style: none;
}

html, body {
 background: #EEF;
 font-family: sans-serif;
}

h1, .navigation {
 font-size: 80%;
 text-align: center;
}

h1 {
 background: #CCF;
 border-bottom: 1px dotted #88F;
}

a, img { border: none; }
a { color: #00F; }
a:visited { color: #C0C; }
a:hover { color: #88F; }
a:visited:hover { color: #C6C; }
table { border-collapse: collapse; }
td, th { border: 1px solid #888; }
th, td { padding-left: 2px; padding-right: 2px; margin: 0; }
th { background: #EEF; font-weight: bolder; }
em, strong { font-weight: bolder; }

ul li, ol li, dl dt {
 padding-left: 8px;
 background: transparent url(pastel-marker/orange.png) no-repeat left 3px;
}
dl dd { padding-left: 8px; }

.navigation li { padding-left: 0; background: transparent; }

.content { background: white; border-bottom: 1px dotted #88F;
           padding-left: 1em; padding-right: 1em; padding-bottom: 0.5em; }
.navigation { background: #EEF; border-bottom: 1px dotted #88F; padding-bottom: 0; }
.navigation h2 { display: none; margin-left: 0; }
.navigation ul li { display: inline; }
.footer { background: #EEF; text-align: right; color: #888; font-size: 80% }

a { color: #04F; }
hr { display: none; }
h2 {
 margin-left: -0.5em;
 margin-top: 0.2em;
 margin-bottom: 0.1em;
 padding-left: 14px;
 background: transparent url(pastel-arrow/blue.png) no-repeat left top;
}

input, textarea { border: 1px dotted #888; }

.calendar {
 float: right;
 background: white;
 margin-right: -1em;
 border-top: none;
 border-right: none;
 border-left: 1px dotted #88F;
 border-bottom: 1px dotted #88F;
 font-size: 90%;
}
.calendar th, .calendar td { text-align: center; padding: 1px; margin: 0; border: none; }
.calendar th { background: #EEF; }
.calendar td { text-align: center; }
.calendar .out-of-month { color: #CCC; }

.diary div, .diary p {
 padding-left: 8px; 
 background: transparent url(pastel-marker/orange.png) no-repeat left 3px;
}
.diary div p { padding-left: 0; background: transparent; }

div.feedbacks, ul.comment li, ul.trackback li {
 padding-left: 8px;
 background: transparent url(pastel-marker/pink.png) left top no-repeat; }
ul.comment, ul.trackback { margin-left: 0.5em; }

/* wordcoll related */
.wordcoll_term { border-bottom: 1px dotted #44F; }
.wordcoll_term .wordcoll_popup { display: none; position: absolute; }
.wordcoll_term:hover .wordcoll_popup {
 display: inline;
 background: #EEE;
 border: #AAA 1px solid;
 
 position: absolute;
 left: auto;
 width: auto;
 max-width: 30%;
 
 margin-top: 0.95em;
 margin-left: 0;
 margin-right: 0;
 padding: 0.3em;
}

/* Command Line Messages, Error Logs, File Data */
.commandline, .errorlog, .filedata {
 margin: 0.5em;
 padding: 6px;
 font-family: monospace;
 font-style: normal;
}
pre.commandline, pre.errorlog, pre.filedata {
 overflow: auto;
}
.commandline { border: 1px solid #8888FF; background: #EEEEFF; }
.errorlog { border: 1px solid #FF8888; background: #FFEEEE; }
.filedata { border: 1px solid #88FF88; background: #EEFFEE; }
code, .commandline, .errorlog, .filedata { font-family: monospace; }

/* Comment Forms */
.commentcount { text-align: right; }
div.commentform, p.trackbackuri {
 background: #EEE;
 border: 1px dotted #666;
 margin-left: 1em; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em;
 padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px;
}
div.commentform { display: block; width: 30em; }
.commentform p {
 background: transparent;
 float: left; 
 width: 8em;
 margin: 0;
 padding: 0;
 text-align: right;
}
.commentform input.submit {
 display: block;
 width: 29em;
 border: 1px solid #888; 
 margin: auto;
 padding: 0;
 text-align: center;
}
.commentform textarea {
 display: block; 
 width: 28em;
 margin: auto;
 padding: 0;
 border: 1px solid #888;
}
.commentform br { clear: both; }
.commentform input, .commentform textarea { margin-bottom: 2px; }