/**
 * CSS for planet.dokuwiki
 */
html, body {
  background-color: #fff;
  color: #000;
  font-size: 1.125em;
  margin: 0;
  padding: 0;
}

/* layout */
#cissi__site {
  width: 100%;
}

#cissi__header {
  margin-top: 1em;
  padding: 6em 2em 0em 2em;
  background: #fff url("../pix/dokuwiki-80.png") no-repeat top center;;
}

#cissi__header h1 {
  text-align: center;
  padding: 0;
}

/* headlines */
h1, h2, h3, h4, h5,
caption,
legend {
  color: #638c9c;
  background-color: inherit;
}

h1, { border-bottom: 1px solid #8cacbb; }

#cissi__content .bm h2 { 
  background: #f7f9fa;
  padding: 0.2em 0.2em 0 0.2em;
}

#cissi__content .bm h3 { 
  font-weight: normal;
}

#cissi__content .bm .post { 
  padding: 0.4em 0.4em 0 0.4em;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:focus, 
h2 a:link, h2 a:visited, h2 a:active, h2 a:focus, 
h3 a:link, h3 a:visited, h3 a:active, h3 a:focus, 
h4 a:link, h4 a:visited, h4 a:active, h4 a:focus, 
h5 a:link, h5 a:visited, h5 a:active, h5 a:focus {
  text-decoration: none;
  color: #000;
}

#cissi__extra h2 {
  border: none;
  font-size: 140%;
  font-weight: normal;
  color: #000;
}



/* links */
a:link,
a:visited {
  text-decoration: none;
  color: #090;
  background-color: inherit;
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
  background-color: inherit;
}

a.feed {
  background: url(../pix/feed-icon-10x10.png) no-repeat 0 4px;
  padding-left: 13px;
  color: #ff8038;
  margin-left: 0.2em;
  color: #f7f9fa;
}

p.foot a {
  color: #638c9c;
  font-size: 90%;
}

/* text */
#cissi__content p.foot {
  margin: 0.8em 0 3em 0;
  text-align: right;
}

#cissi__content .feedflare {
  text-align: right;
}

/* form elements */
input.button,
button {
  border-top: 1px solid #ccc;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #ccc;
}

hr {
  width: 100%;
  border-top: 1px solid #999;
}

/* lists */
ul { 
  list-style: none; 
  padding: 0 0 0 0.8em;
}

ul,
ol,
dl {
}
li {
}
dt {
}
dd {
}

/* tables */
table {
  border-color: #8caccb;
}
caption {
}
th,
td {
  border-color: #8caccb;
}
th {
}
thead th {
  background-color: #666;
  color: #fff;
}
tbody {
}
tfoot {
}

/* monospaced */
pre,
tt,
code,
samp,
kbd {
  color: inherit;
  font-size: 100%;
}

pre {
  border: 1px dashed #8cacbb;
  font-size: 100%;
}

pre.code,
pre.file {
  background-color: #f7f9fa;
}

blockquote {
  padding-left: 0.7em;
  padding-right: 0.7em;
  margin-left: 0.7em;
  margin-right: 0.7em;
  font-style: italic;
  border-left: 0.7em solid #ddd;
  border-right: 0.7em solid #ddd;
}

/* forms */
form {
}

fieldset {
}

legend {
}

input.text,
textarea,
select {
  border: 1px solid #666;
}

input:focus,
textarea:focus,
select:focus {
  background-color: #eee;
}

input.button:focus,
button:focus,
a.button:focus {
  background-color: #666;
}

option {
}

label {
  display: block;
}

input.text {
}

input.radio_check {
}

label.radio_check {
  display: inline;
}

input.button,
button,
a.button {
  color: #fff !important;
  background-color: #999;
  padding: 0.2em 0.4em;
  font-weight: bold;
}

/* general classes */
.error {
  color: #c00;
  background-color: inherit;
  font-weight: bold;
}
.success {
  color: #090;
  background-color: inherit;
  font-weight: bold;
}
.hi {
  background-color: #ff9;
  color: inherit;
}
.lo {
  color: #ccc;
  background-color: inherit;
}
div.box {
  /* TODO */
}

/* content */
#cissi__wrapper {
  background-color: #f7f9fa;
  color: inherit;
}

#cissi__content {
}

#cissi__content div.bm {
  background-color: #fff;
  color: inherit;
  margin-right: 30px;
  padding: 1.5em 1.5em 1.5em 1em;
  border-right: 1px dotted #8caccb;
}

#cissi__content p.path {
  display: none;
}

#cissi__extra {
  overflow: hidden;
  width: 200px;
  padding: 1.8em 0.8em 0.8em 0.8em;
  font-size: 90%;
}

/* footer */
#cissi__footer {
  text-align: center;
  padding-top: 0.8em;
}

div.author {
  float: right;
}

#cissi__content div.post {
  border-left: #F7F9FA 8px solid;
}

#cissi__content div.post h1,
#cissi__content div.post h2,
#cissi__content div.post h3,
#cissi__content div.post h4,
#cissi__content div.post h5 {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  clear: left;
  margin-left: 0;
  padding-left: 0;
  font-size: 150%;
  font-weight: bold;
}

#cissi__content div.post img {
  margin: 0.5em;
}