html, body { color: #000; }

body {
  font-family: "trebuchet ms",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.7em 0 0.5em 0;
}

h1 { margin-top: 1em; }

h1, h2 {
  font-family: georgia,arial,helvetica,sans-serif;
  font-weight: normal;
}

h1 { font-size: 180%; font-variant: small-caps; font-style: italic; letter-spacing: -1px; }
h2 { font-size: 130%; }
h3 { font-size: 110%; font-weight: bold; }

h1.main-title {
  border: 0;
  text-align: right;
  font-style: normal;
  font-family: impact,"arial black","trebuchet ms",sans-serif;
  letter-spacing: 5px;
  color: #000;
  font-size: 250%;
  padding-top: 1em;
  padding-bottom: 1.9em;
  text-shadow: 1px 1px 2px #888;
  font-variant: normal;
}
h1.main-title strong {
  display: block;
  border-top: 3px solid #000;
  font-style: normal;
  font-weight: normal;
  font-family: arial,"trebuchet ms",tahoma,verdana,sans-serif;
  font-size: 50%;
  letter-spacing: 0;
  color: #875;
  padding-top: 10px;
  line-height: 1.1em;
  font-variant: small-caps;
}

#Kleft-col h2 { background: #cba url("bg-page-end.png") repeat-y 100% 0; margin-left: -30px !important; padding: 4px 0 4px 30px; }
#Kleft-col h3 { border-left: 50px solid #cba; margin-left: -30px !important; padding-left: 10px; border-top: 1px solid #cba; }

#Ktop-bar {
  padding: 10px;
}

#Kbottom-bar {
  color: #444;
  font-size: 80%;
  text-align: center;
  clear: both;
  padding: 10px 5px;
}

#Kbottom-bar a, #Kbottom-bar a:visited, #Kbottom-bar a:link { color: #000; }

#Kleft-col { padding: 15px; }

.padding { padding: 1em; }

p { margin: 0.6em 0; }

blockquote { margin: 0.6em 2em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { margin-left: 2em; }

pre { font: 90% monospace; padding: 5px 1em; border: 1px solid #ccc; margin: 1em 0; }

ul.blog-index {
  list-style-type: none;
  list-style-image: url("img/arr3px.gif");
}

ul.blog-index li.post {
  margin-top: 2em;
  margin-left: 1em;
}

.blog-post-date {
  float: right;
  color: #888;
}

.cal-style-date {
  margin-top: 0.85em;
  border: 1px solid #888;
  background: #fff;
  display: block;
  float: right;
  color: #888;
}
.cal-style-date:visited { color: #888; }

.cal-style-date .month {
  font: 120% Times New Roman,serif;
  text-align: center;
  padding: 1px 5px;
}
.cal-style-date .date {
  text-align: center; margin-top: -0.5em;
  font: bold 150% Times New Roman,serif;
  font-style: italic;
  padding: 2px 5px;
}
.cal-style-date .time {
  border-top: 1px solid #888;
  background: #eee url("img/bl-arrow.png") no-repeat 0 100%;
  text-align: center;
  color: #888;
  font: 65% monospace;
  padding: 1px 0;
  margin-top: -2px;
}

.cal-style-date:hover { border-color: #000; color: #000; text-decoration: none; background-color: #999; color: #fff; }
.cal-style-date:hover .time { border-color: #000; background-color: #ccc; color: #000; }

.footref { position: relative; top: -0.5em; font-size: 80%; }
.footref, .footref:link, .footref:visited { color: #c44; }
p.footnote { margin: 0 3em 0.5em 3em; font: 90% arial,helvetica,sans-serif; }
p.footnote .footnum { float: left; width: 2.5em; margin-left: -3em; text-align: right; display: block; }

hr { margin: 2em 0 1em 0; }

.contents { background-color: #fff; margin: 1em 2em; border: 1px solid #ccc; padding: 0 1em; }

.thatsit {
  text-align: center;
  margin: 1em;
  background: url("img/thatsit.png") no-repeat 50% 50%;
  height: 12px;
}
.thatsit hr { visibility: hidden; }

.required { color: #f52; font-weight: bold; }

#Kcomments { margin-left: 0; margin-top: 1em; }
#Kcomments h3 { text-align: center; }
#Kcomments .comment {
  margin: 2em 0 2em 3em;
  border-left: 2px solid #999; padding-left: 0.5em;
}
#Kcomments .comment .controls {
  position: absolute;
  margin-top: 0.6em;
  left: -7em;
  font-size: 90%;
  text-align: right;
  width: 6em;
}
#Kcomments .comment .controls a { display: block; color: #ff8; }
#Kcomments .comment .number {
  position: absolute; margin-left: -3.2em; margin-top: 0; width: 2.7em; text-align: right;
  font: italic 200% georgia,"times new roman",serif;
  color: #999;
}
#Kcomments .comment .number a { color: #999; }
#Kcomments .comment .number a:hover { text-decoration: none; color: #333; }
#Kcomments .comment .author { float: left; }
#Kcomments .comment .time { float: right; color: #888; padding-right: 1.5em; }
#Kcomments .comment .body {
  clear: left;
  border-top: 1px dashed #999;
  margin-top: 0.3em;
  margin-left: -4em;
  padding-left: 4em;
}

#Kcomments .by-author { color: #000; border-left-color: #2c2; }
#Kcomments .by-author .number a { color: #2c2; }
#Kcomments .by-author .time { color: #000; }
#Kcomments .by-author .body { border-top-color: #2c2; }

#Kcomments .level-1 { margin-left: 4em; }
#Kcomments .level-2 { margin-left: 5em; }
#Kcomments .level-3 { margin-left: 6em; }
#Kcomments .level-4 { margin-left: 7em; }
#Kcomments .level-5 { margin-left: 8em; }
#Kcomments .level-6 { margin-left: 9em; }
#Kcomments .level-7 { margin-left: 10em; }