body /* whole page (templeet credits go here, after the 'main' div) */
{ font-size:9px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  /* font-family: Silkscreen; */
  color: #999;
  background-color: #666;
  margin: 0px;
}
div.main /* main content with page-specific head&foot etc */
{ background: white url("margin-bg.png") repeat-y left;
  color: black;
  text-align: left;
/*   border: solid #666 1px; */
  margin: 0px;
  padding: 0px;
/*  position:relative;*/
}
div.main-body /* between head & foot */
{ /* border-top: 1px solid #ccc; */
  position: relative; min-height: 200px;
  background: transparent url("shadow-top.png") repeat-x bottom;
}
div.sidebar
{ text-decoration: none;
  text-align: right;
  font-size: 10px;
  line-height: 150%;
  color: #666;
  background: transparent url("shadow-bottom.png") repeat-x top;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  width: 150px;
  float: left;
}
div.main-content /* main text container */
{ margin-left: 150px;
  padding: 10px 20px 10px 30px;
  background: transparent url("shadow-bottom.png") repeat-x top;
  text-align: justify;
  font-size: 12px;
  font-family: Trebuchet MS, sans-serif;
  min-height: 200px;
}
div.pre-main /* inside body */
{ font-family: Silkscreen;
  font-size: 8;
  color: #888; background: transparent;
  padding: 1px 3px 1px 3px;
  margin: 0px;
  text-align: right;
  position: absolute; right: 0px; top:0px;
  height: 7px;
  z-index:1;
}
div.post-main /* inside body */
{ font-family: Silkscreen;
  font-size: 8;
  color: #333;
  background: #666 url("shadow-bottom.png");
  background-repeat: repeat-x;
  padding: 1px 3px 1px 3px;
  margin: 0px;
  text-align: right;
}
div.header /* inside main */
{ background: #cccccc url("logo.png");
  background-repeat: no-repeat;
  background-position: top left;
  /* border-bottom: solid 1px #999; */
  font-size: 12px;
  padding: 15px 3px 2px 3px;
  text-align: right;
}
div.footer /* inside main */
{ background-color: #ccc;
  font-size: 10px;
  padding: 3px;
  margin: 0px;
  border-top: solid 1px #666;
}
/**************************************
 * Style definitions for content text
 */
/* section titles & basic formatting */
div.main-content p { margin: 6px 0px 6px 0px; }
div.main-content ul,ol { margin: 0px; }
div.main-content h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #666; }
div.main-content h1 { font-size: 18px; }
div.main-content h2 { font-size: 15px; }
div.main-content h3 { font-size: 13px; }
/* special paragraphs */
div.main-content p.note { background-color: #eee; padding: 3px; }
div.main-content p.side {
  position: relative;
  float: right; width:30%;
  margin: 5px 0px 5px 10px;
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #999;
  font-size: small;
  text-align: left; text-indent: 0;
}
/* weblog */
div.blogentry {
  margin-top: 15px;
  margin-bottom: 20px;
  margin-right: 230px;
}
div.blogentry div.title {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: bold; color: #666;
}
div.blogentry div.subtitle,div.entryend {
  margin-bottom: 6px;
  font-size: 10px;
  color: #666;
}
div.comment {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 230px;
  padding: 3px 10px 3px 10px;
  background-color: #eee;
}
div.comment div.title {
  display: inline;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: bold; color: #666;
}
div.comment div.subtitle {
  display: inline;
/*  margin-bottom: 4px;*/
  font-size: 10px;
  color: #666;
}
div.comment div.subtitle:before { content: " \2014\ "; }
div.comment p { font-size: 11px; }
div.blogentry form {
  background-color: #eee;
  padding: 8px;
}
div.blogentry div.title input { font-size: 15px; width: 100%; }
div.blogentry textarea {
  width: 100%;
  height: 300px;
}
div.blogbutton { text-align: right; padding-right: 10px; }
/* gallery */
img.thumbnail {
  /*display: inline;*/
  margin: 10px 10px 10px 10px;
  padding: 3px;
  /*border: 1px solid #ccc;*/
  background-color: #eee;
}
/**************************************
 * Style definitions for sideinfo
 */
div.main-content div.sideinfo {
  float: right;
  width: 200px;
  padding: 10px 0px 20px 30px;
  background: white;
  color: #666;
  font-size: 10px;
  text-align: left;
}
div.sideinfo p { margin: 3px 0px 3px 0px; line-height: normal; }
div.sideinfo ul,ol { margin: 0px; padding: 0px; }
div.sideinfo ul li { list-style: none inside; }
div.sideinfo li:before { display: marker; content: "\2014\ "; }
div.sideinfo h1,h2,h3 {
  display: block;
  left: 0px; right: 0px;
  margin: 10px 0px 5px 0px;
  font-weight: normal;
  font-size: 12px;
  color: #666;
  padding: 1px;
}
div.sideinfo h1 { background-color: #eee; padding: 1px 1em 1px 1em; }
div.sideinfo h3 { font-size: 11px; border-bottom: 1px dotted #ccc; }
div.sideinfo textarea { width: 100%; }
/**************************************
 * Style definitions for sidebar text
 */
/* section titles & basic formatting */
div.sidebar p { margin: 6px 10px 6px 10px; line-height: normal; }
div.sidebar ul,ol { margin: 0px; }
div.sidebar h1,h2,h3 {
  display: block;
  left: 0px; right: 0px;
  margin-top: 15px;
  padding-left: 1em; padding-right: 1em;
  font-weight: normal;
  font-size: 10px;
  color: #666;
}
div.sidebar h1 { background-color: #ddd; font-size: 11px;}
/* tables */
table.calendar {
  table-layout: fixed;
  width: 150px;
  border-collapse: separated;
  border-spacing: 0px;
  /*border: 2px solid #ddd;*/
  margin: 15px 0px 6px 0px; padding: 0px;
  font: 8px "Silkscreen";
  line-height: 100%;
}
table.calendar tr.monthyear th, tr.weekdays th {
  background-color: #ddd;
  text-align: center;
  font-weight: normal;
  padding: 0px; }
table.calendar tr.monthyear th { padding: 3px; }
table.calendar td {
  color: #999;
  text-align: center;
  width: 20px;
  padding: 2px;
}
table.calendar td.prevnext { /*background-color: #ddd;*/ }
table.calendar td.today { color: #666; background-color: #ddd; font-weight: bold; }
/* blocks & floats */
div.main-content div.code { /* source code or text screen dumps */
  background: #dcdff4;
  /*border: solid black 1px;*/
  margin-left: 3%;
  margin-right: 3%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}
/*****************************/
div.main a[href]:link,a[href]:active,a[href]:visited { text-decoration: none; color: #55b; }
div.main a[href]:hover { text-decoration:underline; }
div.pre-main a:link,a:active,a:visited { text-decoration:none; color:#88c; }
div.pre-main a:hover { text-decoration:underline; }
div.post-main a:link,a:active,a:visited { text-decoration:none; color:#337; }
div.post-main a:hover { text-decoration:underline; }
img { border:0px; }