/* Hounworks Graphics blog — minimal blog stylesheet (reconstructed) */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #363636;
  background: #f3f3f3;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: #363636; text-decoration: none; }
a:hover { color: #999; }

#wrapper {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px 60px;
  background: #ffffff;
}

/* --- Header --- */
#header {
  padding: 34px 0 26px;
  border-bottom: 2px solid #363636;
  margin-bottom: 40px;
}
#header_logo {
  width: 190px;
  height: 44px;
  background: url(/HW/wp-content/uploads/2014/09/hw2_dark.png) no-repeat left center;
  background-size: contain;
  margin-bottom: 14px;
}
#header_title h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
#header_title .description {
  margin: 4px 0 0;
  color: #999;
  font-size: 14px;
}

/* --- Posts --- */
#content { padding: 0; }
.post { margin: 0 0 50px; padding: 0 0 34px; border-bottom: 1px solid #ececec; }
.post h2 { margin: 0 0 .3em; font-size: 22px; font-weight: 700; }
.post h2 a { color: #363636; }
.post h2 a:hover { color: #999; }
.post .postmeta,
.post .meta {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 16px;
}
.entry { font-size: 15px; }
.entry p { margin: 0 0 1.2em; }
.entry img { display: block; margin: 14px 0; }
.entry h1, .entry h2, .entry h3 { margin: 1em 0 .5em; }

.sociable {
  margin-top: 18px;
  font-size: 12px;
  color: #999;
}
.sociable img { display: inline; vertical-align: middle; }

.clear { clear: both; }

/* Category / archive lists reuse the same post styling */
.navigation, .pagination {
  margin: 30px 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

@media (max-width: 640px) {
  #header_title h1 { font-size: 22px; }
  .post h2 { font-size: 19px; }
}