/* Base */
/* ----------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

html, body { height: 100%; }

body {
  font-family: "ff-tisa-web-pro";
  font-size: 1em;
  font-weight: 300;
  background-color: #fdfdfd;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

nav {
  padding-bottom: 3em;
}

nav h1 {
  float: left;
}

nav ul { 
  list-style: none;
  text-align: right;
}

nav li {
  display: inline-block;
}

p {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

.container {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 34em;
}

.site-title {
  font-size: 1em;
  font-weight: normal;
  color: #ccc;
}

.site-title a {
  color: #000;
}

.site-nav li {
  display: inline-block;
  margin-left: 0.75em;
}

.post-header {
  padding-bottom: 2em;
}

.post-header .meta {
  color: #b2b2b2;
}

.post-date {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 0.85em;
  color: #b2b2b2;
}

.post-content h3 {
  margin-top: 2em;
}

footer {
  padding-top: 6em;
}