Armed with a text editor

mu's views on program and recipe! design

html {
  margin: 0px;
  padding: 0px;
  background-color: #eee;
  color: #000;
}

body {
  font-size: small; /* apparently the web default is small. google uses it. */
  margin: 0px;
  padding: 1em;
  background-color: #fff;
}

a {
  text-decoration: none;
  color: #464;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #686;
}

a.out:before {
  content: "⇢";
  color: #888;
}

a.missing:visited {
  color: #464;
}
a.missing:after {
  content: "?";
  color: #AAA;
}
a.missing:hover:after {
  color: #A44;
}

div.header {
  margin: -1em -1em 1em -1em;
  padding: 1px 1em;
  color: #BB7;
  background-color: #464;
  text-shadow: 3px 3px 3px #000;
}

div.header h2 i {
  color: #cc9;
}

a img {
  border: None;
}

div.footer {
  margin: 1em -1em -1em -1em;
  padding: 0.25em 1em;
  clear: both;
  text-align: center;
  font-size: 67%;
  border: solid 1px #eee;
  background-color: #eee;
  color: #888;
}

div#status_message {
  font-weight: bold;
  text-align: center;
  color: #800;
  padding: 0.5em;
  border: solid 1px #f00;
}

div#searchcontrol {
  position: absolute;
  top: 10px;
  right: 10px;
  float: right;
  padding: 1em;
  background-color: #ddd;
  border: outset 1px #ddd;
  -moz-border-radius: 0.7em;
  opacity: 0.25;
}

div#searchcontrol:hover {
  opacity: 1.0;
}

div.gsc-ad-box,
div.gsc-resultsRoot {
  background-color: #fff;
  border: 1px inset #ddd;
  padding: 2px;
}

div.gsc-ad-box,
div.gsc-resultsRoot,
input.gsc-input,
input.gsc-search-button {
  font-size: small;
  -moz-border-radius: 0.5em;
}

input.gsc-search-button {
  border: solid 1px #BCCDF0;
  background-color: #FFF;
}

div.gsc-ad-box {
  margin: 0.5em;
  text-align: center;
  background-color: #ddd
}
div.gsc-ad-box div.gs-divider {
  font-weight: bold;
}

div.menu {
  clear: right;
  float: right;
  margin: 0 -0.5em 0 5px;
  padding: 20px 15px 20px 10px;
  border-left: solid 1px #ddd;
  background-color: #fff;
  font-size: 75%;
}

div.menu h1, div.menu h2, div.menu h3 {
  padding-right: 3em;
  border-bottom: solid 1px #ccc;
}

div.menu li {
  margin-left: -1em;
}

.block {
  background-color: #ddd;
  border: solid 1px #888;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
}

div.blog_entry {
  padding: 0em 1em;
}

div.blog_entry h2.title, div.blog_entry h3.title {
  background-color: #ddd;
  margin-left: -0.5em;
  padding: 0.5em;
}

div.blog_entry h2.title span, div.blog_entry h2.title span a, div.blog_entry h3.title a {
  color: #888;
  font-size: x-small;
}

div.blog_entry div.blog_categories {
  color: #888;
  font-size: small;
  font-weight: bold;
  text-align: right;
  clear: both;
}

div.blog_entry div.blog_comments, div.blog_entry div.blog_trackbacks {
  padding: 0.25em;
  border-top: solid 1px #888;
  clear: both;
}

div.blog_trackbacks h4#trackback_url {
  font-size: xx-small;
  color: #888;
}

div.blog_comment, form.blog_comment, div.blog_trackback { 
  background-color: #eee;
  margin-left: 3em;
  font-size: small;
}

div.blog_comment h4, div.blog_trackback h4 {
  padding-left: 0.5em;
}

div.blog_trackback h5 {
  color: #444;
}

div.blog_comment_preview {
  border: solid 2px #aa0;
  padding-right: 3em;
}

div.blog_comments #help {
  font-size: xx-small;
  color: #888;
  padding: 0.25em;
  text-align: center;
}

h2.blog_month {
  border-bottom: solid 2px #000;
  font-size: small;
  margin: 1em -0.5em;
}

h2.blog_month a {
  color: #888;
}

table.blog_calendar {
  background-color: #ddd;
  padding: 1px;
}

table.blog_calendar td {
  text-align: right;
  padding: 1px;
  margin: 1px;
  background-color: #fff;
}

table.blog_calendar td.post {
  background-color: #ffd;
}

table.blog_calendar td.off {
  background-color: transparent;
}