body {
  text-align: center;
}

#container {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#header h1 {
  font-size: 24px;
  font-family: Arial Black, Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}

#header h1 a {
  color: white;
  text-decoration: none;
}

#header h2 {
  color: #dddddd;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 0;
}

#header {
  background-color: #c7ddff;
  padding: 16px 20px 60px;
  background-image: url(http://localhost/blog/head01.jpg);
}

#mainpage #header {
  margin-bottom: 20px;
}

#category {
  margin-top: 3px;
  text-align: right;
}

#category a, #category span {
  font-size: 12px;
  color: #77a822;
  margin-left: 10px;
}

#mainpage .sidebar {
  width: 130px;
  float: left;
}

.sidebar h2 {
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  color: gray;
  border-bottom: solid 2px #afbc0d;
  padding-bottom: 3px;
  margin-bottom: 0;
}

.menu {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 12px;
  margin-top: 8px;
}

.menu a {
  color: #6699cc;
  text-decoration: none;
}

.menu li {
  margin-bottom: 5px;
}

#calendar {
  font-size: 12px;
  text-align: center;
  width: 130px;
}

#calendar a {
  color: red;
}

#mainpage #content {
  width: 480px;
  float: right;
}

#content h2 {
  font-size: 12px;
  color: #afbc0d;
}

#content h3 {
  font-size: 14px;
  color: darkblue;
}

#content p {
  /*border-top: solid 1px #b2cbff;*/
  font-size: 12px;
  color: #666666;
  line-height: 140%;
}

#content td {
  font-size: 12px;
  color: #666666;
}

#content input, textarea {
  font-size: 12px;
  color: #666666;
  line-height: 140%;
}

#content a {
  color: darkblue;
  text-decoration: none;
}

#content a:hover{
		color:white;
		background-color:blue;
}

#content p.posted  {
  border-top: solid 1px #b2cbff;
  padding-top: 6px;
  margin-bottom: 40px;
}

#content p.menu {
  border-bottom: solid 1px #b2cbff;
  padding-bottom 6px;
  margin-top: 40px;
}

#content .error {
  font-size: 18px;
  font-weight: bold;
  color: red;
  border: solid 1px red;
  padding 5px;
  text-align: center;
}

#content h2#trackbacks, #content h2#comments {
  font-size: 14px;
  color: #b2cbff;
  border-bottom: dotted 1px #b2cbff;
  margin-top: 40px;
}

#content #tbdata h3 {
  font-size: 12px;
  color: #888888;
  margin-bottom: 0;
}

#content #tbdata p, #content #comdata p {
  font-size: 12px;
  color: #888888;
  margin-top: 5px;
  margin-bottom: 0;
}

#content #comdata p.posted {
   margin-bottom: 20px;
}

#content #categorydata li {
  margin-bottom: 10px;
}

#content #categorydata span {
  font-size: smaller;
  color: #77a822;
  margin-left: 10px;
}

#footer {
  border-top: solid 5px #b2cbff;
  padding-top: 3px;
  clear: both;
}

#footer p {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

#footer a {
  color: #77a822;
  text-decoration: none;
}

#footer p.rss  {
  border: solid 1px #999999;
  padding: 1px;
  width: 45px;
}

#footer p.rss a {
  display: block;
  width: 100%;
  background-color: #bbbbbb;
  color: black;
  font-size: 9px;
  font-family: Arial Helvetica, sans-serif;
}

#footer p.rss span.rss-format {
  background-color: orange;
  padding: 0.5px;
}

#footer p.rss span.rss-version {
  padding: 0.5px;
}