body {
  margin:0px;
  background:#cc9;
  font-family:sans-serif;
}

a:link {
  color:#058;
}

a:active {
  color:#058;
}

a:visited {
  color:#823;
}

a img {
  border:0px;
}

pre {
  background:#ffe;
  padding:10px;
  border:1px dashed #058;
}

#top {
  width:100%;
  background:#ffe;
  border-bottom:4px solid #058;
}

#top-title {
  font-weight:bold;
  font-size:160%;
  padding:15px;
  padding-top:25px;
}

#pictures {
  position:absolute;
  top:20px;
  right:20px;
}

.picture {
  width:75px;
  border:1px solid #058;
  border-bottom:4px solid #058;
}

#mainTable {
  width:100%;
}

#left {
  vertical-align:top;
  text-align:left;
  line-height:180%;
  padding:10px;
  padding-right:20px;
  width:40px;
  background:#cc9;
  /* background-image:url("images/ul.gif"); */
  background-repeat:no-repeat;
  background-position:bottom right;
}

#left a {
  padding:4px;
}

#left a:hover {
  background:#dda;
}

#main {
  vertical-align:top;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:110px;
  padding-left:20px;
  height:360px;
  background:#dda;
  border-left:1px dashed #058;
  border-bottom:1px dashed #058;
}

#main a {
  padding-left:1px;
  padding-right:1px;
}

#main a:hover {
  background:#cc9;
}

.post-title {
  font-weight:bold;
  font-size:120%;
  padding-top:10px;
  padding-bottom:10px;
}

.post-footer {
  font-size:80%;
  padding-top:10px;
  padding-bottom:10px;
}

#bottom-left {
  background:#cc9;
  height:150px;
  /* background-image:url("images/ll.gif"); */
  background-repeat:no-repeat;
  background-position:top right;
}

#bottom {
  vertical-align:top;
  font-size:80%;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  background:#cc9;
  /* background-image:url("images/lr.gif"); */
  background-repeat:no-repeat;
}

#bottom a {
  padding:4px;
}

#bottom a:hover {
  background:#dda;
}

#blogger {
  vertical-align:top;
  background:#cc9;
  text-align:right;
  padding:10px;
}