/*
 * Global
 */

/* Default fonts, backgrounds, etc. */
body {
  margin-top: 0;
  font-family: georgia, times, serif;
  color: #225;
  /*background: #ddf;*/
}

hr {
  margin-left: 30%;
  margin-right: 30%;
}

/* Kill underlines on links. */
:link, :visited { text-decoration: none; }

/* Fit link colors into my loverly color scheme. */
:link { color: #33f; background-color: inherit; }
:visited { color: #97f; background-color: inherit; }
:link:hover, :visited:hover { color: #55f; background-color: inherit; }

/*
 * Title
 */

#header, #title {
  padding: 2em 0.5em 0;
  color: #fff;
  background-color: #ccf;
}

/* blog styles */
#header a { color: #fff; text-decoration: none; }

div.image { margin: 10px 0; }
h2.entry-title { border-top: 1px solid #eee; padding-top: 10px; }
h2.entry-title a { text-decoration: none; }

/*
 * Toolbar
 */

#toolbar {
  padding: 0 8px;
  margin-bottom: 16px;
  color: #99f;
  background-color: #77f;
}

/* Color the toolbar links. */
#toolbar :link { color: #ccf; background-color: inherit; }
#toolbar :visited { color: #aaf; background-color: inherit; }

#toolbar :link:hover, #toolbar :visited:hover {
  color: #fff; background-color: inherit;
}

#toolbar :link:active, #toolbar :visited:active {
  color: #fcc; background-color: inherit;
}

/*
 * Links
 */

#links {
  color: #99f;
  background-color: #77f;
  border: 0;
}

/* Color the toolbar links. */
#links :link { color: #ccf; background-color: inherit; }
#links :visited { color: #aaf; background-color: inherit; }

#links :link:hover, #links :visited:hover {
  color: #fff; background-color: inherit;
}

#links :link:active, #links :visited:active {
  color: #fcc; background-color: inherit;
}

/*
 * Body.
 */

/* Push the entries a bit to the right. */
#body {
  margin-left: 128px;
}

/* For normal formatting blocks, set a 10% right margin, with a capped
   width. */
#body p, #body li {
  margin-right: 10%;
  max-width: 576px;
}

#body blockquote {
  margin-right: 20%;
  max-width: 500px;
}

/* But drop the entry headers flush-left. */
#body > h1 {
  margin: 0 0 0 -128px;
  float: left;
  font-size: inherit;
  max-width: 128px;
}

#body > h2 {
  font-size: inherit;
  font-style: italic;
}

/*
 * Miscellaneous styles.
 */

/* Select a nice font for sample code. */
code {
  font-family: courier new, courier, fixed;
}

/* For longer code samples.  The table-cell display forces an anonymous
   table so we get a box "shrink-wrapped" around the example. */
div.code {
  background: #eee;
  border: 1px solid grey;
  padding: 0 8px;
}