@import url(/css/defaults.css);

body {
  margin: 0px 0px 0px 0px;
  background: #ffffff;
}

#title {
  position: relative;
  width: 100%;
  height: 256px;
  left: -20px;
//  top: 0px;
  background: #333333;
  //background: #ffffff;
  margin: 0px;
  padding: 0px;
  border-width: 1px;
  border: #ff0000;
}

#main {
 // everything beneath the title; includes the blog and the sidebar
  position: relative;
//  left: 0px;
//  top: 256px;
  width: 100%;
}

#blog {
  position: absolute;
  left: 2px;
  //top: 0px;
  width: 60%;
//  border-width: 2px;
}

#sidebar {
  position: absolute;
  left: 61%;
  //top: 0px;
  width: 38%;
  font-size: 8pt; 
  border-width: 2px;
}

#recently {
  position: relative; 
}

#linklog { 
  position: relative; 
  width: 100%; }

#blogroll { 
  position: relative; 
  width: 48%; }

#newslinks { 
  position: relative; 
  width: 48%; }



//  the stylesheet code for the blog items themselves

// Spans defined by the BlogFormatter class

.blogitem P { font: 10pt arial, helvetica, sans-serif; color: #000000; }
DIV.blogitem { font: 10pt arial, helvetica, sans-serif; margin-bottom: 36pt;}
.blogitem blockquote { font: 9pt arial, helvetica, sans-serif; color: #7f0000; }
SPAN.blogitemfoot { font: 8pt sans-serif, arial, helvetica; color: #ff0000; }
SPAN.blogitemfoot A { color: #ff0000; }

P.date { font: 9pt arial, helvetica, sans-serif;  }
P.title { font: bold 8pt/8pt arial, helvetica, sans-serif; color:#333333; margin-bottom: 1px; padding-bottom: 0px;  }

//SPAN.linklog { font: 8pt;  }
//SPAN.blogroll { font: 8pt;  }
//SPAN.recently { font: 8pt;  }


A { font-weight: bold; text-decoration: none; }
A:link { color:#333333; }
A:visited { color:#999999; }
A:active {color:#ff9999; }
A:hover { color: #999999; }