#header 
{
  background: #e7eacd;
  text-align: center;
  padding: 10px;
  border: 3px double black;
}

#header a
{
  color: black;
}

#container 
{
  width: 100%;
  float: left;
  margin-right: -280px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#content 
{
  padding: 3px;
  margin-right: 280px;
}

#comments
{
  padding: 3px;
  margin-right: 280px;
}

#sidebar 
{
  padding: 3px;
  width: 274px;
  float: right;
}

#footer 
{
  background: #e7eacd;
  clear: both; 
}

body
{
	font-family: verdana, arial;
}

p
{
  text-align: justify;
}

a
{
  text-decoration: none;
}

.first
{
  margin-top: 0px;
}

.last
{
  margin-bottom: 0px;
}

.nomargin
{
  margin: 0px;
}

.clearing 
{
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  clear: both;
}

.navigation
{
	text-align: center;
  margin-top: 10px;
}

.page-navigation
{
  font-weight: bold;
	display: inline;
  border: 1px solid gray;
  margin: 2px;
  padding: 4px;
}

.post-title
{
  margin-left: 20px;
	font-size: 200%;
  font-weight: bold;
}

.post-date, .post-info
{
  margin-right: 10px;
	font-size: 60%;
  text-align: right;
}

.sidebar-module
{
  background: #f7fadd;
  padding: 5px;
  margin-top: 5px; 
}

.sidebar-header
{
  text-align: center;
  font-weight: bold;
}

.sidebar-link
{
	font-size: 80%;
  font-weight: bold;
  margin-top: 2px;
}

.tagslist-link
{
	font-size: 70%;
  font-weight: bold;
  margin-top: 2px;
  margin-left: 20px;
}

.quote
{
  background: url("picts/quotes.png") 5px 5px no-repeat #e7eabb;
  padding: 5px;
  padding-left: 55px;
}

.comment-entry
{
  font-size: 80%;
  margin-left: 20px;
  padding: 4px;
  border: 1px solid #f7fadd;
}

    .render_comment 
    {
      font-size: 70%; margin-top: 4px; color: #666;
    }
    
    .render_note
    {
      font-size: 90%
    }
    
    .render_table
    {
      border-collapse: collapse;
    }
    
    .render_td, .render_tdval
    {
      border: 1px solid #bbb; 
      text-align: justify; 
      padding: 3px; 
      padding-bottom: 8px; 
      vertical-align: top; 
      font-size: 90%;
      width: 400px;
    }

    .render_tdval
    {
      padding-top: 10px;
      width: 400px;
    }
    
    .render_tabctrl
    {
      padding-left: 8px;
      width: 100%;
      /* http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
      overflow: auto;
    }

    .render_tab
    {
      float: left; 
      border: 1px solid gray; 
      padding: 10px; 
      font-weight: bold; 
      margin: 1px; 
      cursor: pointer;
      background: white;
      border-bottom: 1px solid gray;
    }

    .render_activetab
    {
      float: left; 
      border: 1px solid gray; 
      padding: 10px; 
      font-weight: bold; 
      margin: 1px; 
      cursor: pointer;
      background: #f8f8ff;
      border-bottom: 1px solid #f8f8ff;
    }
    
    .render_tabbody
    {
      border: 1px solid gray; 
      padding: 3px; 
      padding-top: 10px; 
      margin-top: -2px; 
      background: #f8f8ff;
    }
        
    .render_name
    {
      font-size:80%; 
      margin-top:-10px; 
      display:block; 
      background-color:#fff; 
      color:#444; 
      float:left; 
      padding: 1px; 
      padding-left: 10px; 
      padding-right: 10px; 
      position: relative; 
      z-index: 1;
      border: 1px solid #aaa;
    }
    
    .render_input
    {
      width: 400px;
    }

    .render_textarea
    {
      width: 400px;
      height: 10em;
    }
    
.login_td, .login_tdval
{
  border: 1px solid #bbb; 
  text-align: justify; 
  padding: 3px; 
  padding-bottom: 8px; 
  vertical-align: top; 
  font-size: 90%;
  width: 80px;      
}

.login_tdval
{
  padding-top: 10px;
  width: 120px;      
}

.login_input
{
  width: 120px;
}