/* ---------------------------------------------- layout -- */
/* ---- page layout -- */
body {
  position: relative;
}

div.day {
  position        : relative;
  margin-top      : 1em;
  margin-left     : 8%;
  margin-right    : 30ex;
}
div.sidebar {
  position        : absolute;
  top             : 1em;
  right           : 2ex;
  width           : 28ex;
}

/* ---------------------------------------------- style -- */
/* ---- page style -- */
body {
  color           : #ffffff;
  background : url(bg.jpg) fixed center top no-repeat #000000;
  font-size : small;
  line-height : 160%;
}

/* sidebars */
div.sidebar {
  font-size       : 80%;
  padding         : 0.3em;
  border          : #222222 1px solid;
  background-color: #000000;
}
div.sidebar ul,div.sidebar li {
  padding-left : 0em;
  margin       : 0em 0em 0em 0.5em;
}
div.sidebar h2,div.sidebar h3,div.sidebar h4 {
  margin    : 0.1em 0em 0em 0em;
  font-size : 100%;
}

div.adminmenu {
  text-align     : center;
  border-bottom  : #000022 1px dotted;
  font-size      : 80%;
}

.footer {
  border-top  : #000088 1px dotted;
  margin-top  : 20px;
  padding-top : 5px;
  text-align  : right;
  font-size   : 80%;
  font-style  : italic;
}

A:link { 
  color            : #4499FF;
  text-decoration  : none;
}
A:visited {
  color            : #7777FF;
  text-decoration  : none;
}
A:hover {
  color           : #9999FF;
  text-decoration : underline;
}

/* ---- HTML elements -- */
h1 {
  font-family      : serif;
  font-size        : 160%;
  margin : 0.5em 2ex;
}
h2 {
  font-family      : serif;
  font-size : 100%;
  background-color: #000022;
  margin : 0.5em -4ex;
}
h3 {
  font-family      : serif;
  font-size : 130%;
  margin : 0.5em -2ex;
}
h4 {
  border-left  : #AABBFF 10px solid;
}
hr {
  color : #aaaaaa;
}
pre {
  border      : #888888 1px solid;
  padding     : 4px;
  margin-left : 20px;
}
blockquote {
  border      : #888888 1px solid;
  padding     : 4px;
  margin-left : 20px;
  font-style  : italic;
}
table {
  border : #888888 2px solid;
}
th {
  border : #888888 1px solid;
}
td {
  border : #888888 1px solid;
}

dt {
  border-bottom : #4444FF 1px dotted;
  font-weight   : bold;
}
dd {
  margin-left   : 20pt;
  margin-bottom : 5pt;
}
input, textarea {
  background-color : #bbbbbb;
}

/* ---- blog parts -- */

/* body per days */
div.body {
  padding-left : 5px;
  background-color: #000022;
}
div.body p {
  margin: 0.5em 0em 0.5em 0em;
}
div.body blockquote p {
  margin-top     : 0px;
  margin-bottom  : 0px;
  text-indent    : 0px;
}

/* comments */
div.comment {
  padding          : 0em 0.5em 0em 0.5em;
  font-size        : 80%;
  background-color: #000022;
}
div.comment p {
  margin          : 0.2em 0em 0.2em 0em;
}
div.caption {
  font-weight : bold;
  font-family: serif;
}
div.commentshort {
  border-top       : #aaaaaa 1px dotted;
}
div.comment form {
}
/* referer */
div.referer {
  padding          : 0em 0.5em 0em 0.5em;
  font-size : 80%;
  background-color: #000022;
}
div.refererlist {
  margin-top       : 10px;
  margin-bottom    : 10px;
  font-size        : 80%;
  padding          : 0em 0.5em 0em 0.5em;
  background-color: #000022;
}