/************************************************************************************
 *
 *  central css for the h.i.o. web log
 *
 ************************************************************************************/

body
{ background-color:#000;
  background-image:url(keyboard.gif);
  background-position:top left;
  background-repeat:no-repeat;

  color:#fff;

  font-family:Arial,Sans-Serif;

  padding:1em;
  margin:0px;
}

h1
{ margin:0px;
  padding:0px;
}

h2,h3,h4
{  color:#fa0;
   margin-top:0.2em;
   margin-bottom:0.5em;
}

h3, h4
{ margin-top:1.4em;
}

hr
{ color:#800;
  margin:0px;
  margin-top:3px;
}

a         { color:#fa0; }
a:visited { color:#dba; }
a:hover   { color:#fd0; }
a:active  { color:#fff; }

.divtopright
{ position:absolute;
  top:0px;
  right:0px;
  padding:1em;
  margin:0px;
}

.entry_left
{ float:left;
  text-align:right;
  /*width:160px;*/
  width:20%;
  padding-right:0.4em;
  padding-bottom:0.2em;
  border-right:dashed 2px #800;
}

.entry_body
{ float:left;
  width:55%;
  padding-left:0.7em;
  padding-top:0.1em;
  padding-right:0.9em;
  text-align:justify;
  border-top:dashed 2px #800;
}

.comment_left
{ float:left;
  text-align:right;
  width:40%;
  padding-right:0.4em;
  padding-bottom:0.2em;
  margin-right:0.4em;
  border-right:dashed 1px #800;
}

.lotd
{ float:left;
  width:15%;
  border-left:dashed 2px #800;
  padding-bottom:0.2em;
  padding-left:0.4em;
}

.listdiv
{ padding:0px;
  margin:0px;
  margin-bottom:0.3em;
}

.contentdiv
{ margin-top:1em;
}

.commenteditordiv
{ padding-top:2em;
  padding-left:10%;
  width:70%;
}

.commenteditorarea
{ width:100%;
}

.aboutdiv
{ text-align:justify;
  width:60%;
  margin-top:1em;
  margin-left:20%;
}