body {
  margin: 0 20px; border: 0; padding: 0; 
  background: url("/style/200604/bg.gif") repeat-x #322f30;
  color: #ccc;
  font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
  font-size: 12pt;
}

#page {
  margin: 0 auto; 
  max-width: 800px;
  width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

h1 {
  margin-top: 10px;
  font-size: 40px;
  color: white;
  font-weight: normal;
}

#content {
  margin-top: 40px;
}

#announce {
  line-height: 1.5em;
  color: #f57373;
}

#announce strong {
  color: white;
}

a { 
  color: #a4cce0; 
  text-decoration: none;
}

a:hover {
  background-color: #111; 
}


*[title] {
  border-bottom:1px dotted silver;
  cursor:help;
}


/* Blog */
#blog {
  margin: 40px;
}

#blog h2 {
  color: white;
}

.node {
  margin-left: 20px;
}

.body {
  line-height: 1.5em;
}

.date {
  padding-top: 10px;
  color: #666;
}

#blog pre {
  margin: 0 20px 12px 20px;
  padding: 5px;
  background-color: #111; 
  overflow: auto;
  font-size: 10pt;
}

#blog img {
  overflow: auto;
  margin: 0 10px;
}

#archives {
  text-align: right;
}



/* Feeds */
#feeds {
  margin-top: 40px;
}
#feeds h2 { 
  font-size: 14pt; 
  margin-bottom: 20px;
}
#feeds p { font-size: 11pt; }
#feeds small { font-size: 9pt; }

#linklog, #audioscrobbler {
  width: 30%;
  float: left;
  padding-right: 5%;
}

#upcoming {
  width: 30%;
  float: left;
}