 #body {
   background:#eef;
   margin:0;
   padding:0px 0px;
 }
 
 #content {
   background:#feb;
   width:760px;
   padding:0;
   margin: 0;
 }
 
 #banner {
   background:#F2EAD9;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
 }
 #banner img{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
 }
 #title{
  font: "Trebuchet MS",Verdana,Arial,Sans-serif;
  font-size:14pt;
  width: 250px;
  float: right;
  margin: -60px 5px 0 5px;
  padding:0 15px 15px 15px;
 }

 
 #archives-container {
   display: table;
   float:left;
   margin: 0 0 0 0;
   background:#fec;
 }
  
 #archive {
   font: "Trebuchet MS",Verdana,Arial,Sans-serif;
   font-size:110%;
   text-align:center;
   width: 105px;
   height: 35;
   background:url("tab.gif") no-repeat 0 0;
   display: inline;
   float:left;
   padding: 5px 0px 1px 0px;
 }
  
 #description {
   clear: left;
   display: table;
   float:left;
   background:#feb;
   font: bold "Trebuchet MS",Verdana,Arial,Sans-serif;
   font-size:105%;
   padding: 1px 10px;
   margin: 0;
 } 
  
 #posts {
   clear: both;
   background:#feb;
   width:505px;
   padding: 0 0 0 0px;
   float:left;
 }
 .date-header {
   background:url("date_header.gif") repeat-y; 
   padding: 0 0 0 5px;
   margin: 0px -5px 0 -5px;
 }
 .post-title {
    margin:0;
    padding:5px 5px 0px 5px;
 }
  
 .post-body {
   margin: 0 0 0 0;
   padding:0px 5px 0px 15px;
 }

 .post-body p {
   margin:0;
   padding: 0 0 0 0;
 }
 
 .post img {
   margin:5px 0 5px 0;
   padding:4px;
   border:1px solid #586;
 }

 p.post-footer {
   margin: 0;
   padding:2px 14px 2px 20px;
   text-align:right;
 }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  }

 a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("comment_icon.gif") no-repeat 0 45%;
  padding: 0 24px;
 }
 html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("comment_icon.gif") no-repeat 0 45%;
  padding:0 24px;
 }
 
 .comments {
   margin:-5px 5px 0 10px;
   border:1px dotted #6a7;
   border-width:0 1px 1px;
   padding:5px 0 10px 0;
   }
 .comment-body {
   font-size:85%;
   line-height: 1em;
   margin:0 0 .3em;
   padding:0 0 0 30px;
 }
 .comment-body p {
   margin:0 0 .2em;
 }
  
 #sidebar {
  border-left:1px dotted #bb9;
  background:#feb;
  width:239px;
  float:right;
  padding: 0 0 0 0px;  
 }
 .sidebar-title {
  background:url("sidebar_title.jpg") repeat-y; 
  padding: 0 0 0 5px;
  margin: 0px -5px 0 -5px;
 }

 #profile-container {
  background:#feb;
  padding: 0 5px 5px 5px;
 }

.profile-datablock {
  margin:5px 10px .5em;
  padding-top:8px;
  }
.profile-textblock {
  text-align: left;
  margin:0 5px .5em;
  padding:8px 0 0 0;
  }
.profile-img {display:inline;}
.profile-img img {
  width: 88px;
  float:left;
  margin:0 5px 5px 0;
  border:4px solid #bec;
  }
.profile-data strong {
  padding-top: 5px;
  display:block;
  }
 
 .recent-posts {
  background:#feb;
  padding: 0 5px 5px 5px;
 }
 .recent-posts ul {
  margin:.5em 0 1.25em 10px;
  padding: 0 5px 5px 5px;
  list-style:none;
 }
 .recent-posts ul li {
  background:url("arrow_small.gif") no-repeat 2px .5em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
 }

 #surgeblog {
  text-align: right;
 }
 
 #surgeblog img{
  border-width: 0;
 }

 #footer {
  text-align: center;
  clear:both;
  background:#eda;
  margin: 0 0 0 0;
  padding: 0 5px 5px 5px;
 }
