@import "boilerplate/screen.css";

/* generic typography */
a { color: #000; font-weight: bold; text-decoration: underline; }
a:hover { color: #777; text-decoration: none; }
h2,h3,h4,h5,h6 { font-family: "Arial Rounded MT Bold", Arial, "MS Trebuchet", sans-serif; }
h1 { font-size: 4em; font-family: Didot, Georgia, "Times New Roman", serif; }
h1 a { text-decoration: none; }
h3 { font-size: 2em; }
h3 a, h3 a:hover { color: inherit; }
pre { padding: 1em; overflow: auto; }

/* layout */
body { margin: 0; }
.header { height: 6em; padding: 1em; }
.header-contents, .content-wrapper { width: 70em; position: absolute; left: 10em; }
.contents { float: left; width: 45em; padding-right: 5em; }
.sidebar { float: left; padding: 4em 0; width: 15em; }
.footer { clear: both; }

/* header */
.header { color: #fff; background-color: #1b1b1b; }
.header h1 { position: absolute; }
#musing, #coding {
  position: absolute;
  display: block;
  width: 150px;
  height: 50px;
  margin-top: 1em;
  text-indent: -9999px;
}
#musing { background: url(img/musing_small.png); right: 175px; }
#coding { background: url(img/coding_small.png); right: 0; }

.contents h2, .contents h3 { color: #84B26A; }
.sidebar h3 { color: #E47D11; }

.post { padding: 3em 0 3em; }
.post.draft { background: url(img/draft.png); }
.text { font-size: 1.4em; line-height: 2; }

.sidebar .widget { margin-bottom: 2em;}