@import 'reset.css';
/* lots of typography ideas blatantly borrowed from http://lamb.cc/typograph/ */

body {
  font-family: "Minion Pro", Gentium, "Gentium Basic", "Hoefler Text", Constantia, "Palatino Linotype", Georgia, serif;
  font-size: 18px;
  line-height: 1.25em;
  width: 600px;
  margin: 0 auto;
}

em { font-style: italic; }

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

a:hover { color: #ffb44a; }

/*** utilities ***/
.alignleft { float: left; }
.alignright { float: right; }

/*** header ***/
div#header { padding: 2em 0; }

div#header a {
  color: #000;
  font-size: 2em;
  text-decoration: none;
  letter-spacing: -0.05em;
}

/*** content ***/
div.post { padding: 2em 0; }

div.post h2 {
  font-size: 1.4em;
  letter-spacing: -0.05px;
}

h2 a { text-decoration: none; }

div.post small {
  color: #666;
  font-size: 0.8em;
}

div.post p { padding: 0.5em 0; }

div.post a:hover { color: #ffb44a }

div.post ul,
div.post ol { padding: 0.5em 1em; }

div.post li { padding: 0.2em 0; }

p.tunes {
  color: #444;
  font-size: 0.8em;
}

div.navigation { font-size: 0.9em; }

/*** footer ***/
div#footer {
  clear: both;
  font-size: 0.8em;
  padding: 2em 0;
}

div#footer em { font-size: 0.9em; }

div#footer li {
  display: inline;
  padding: 0 1em 0 0;
}