html, body {
  margin: 0;
  padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-family: Georgia;
  font-size: 1.2em;
  line-height: 1.5;
  color: #363636;
  border-top: 1px solid #02639b;
}
header {
  text-align: center;
  margin: 1.5em 0;
  font-size: 1em;
}
header a {
  display: block;
}
header span {
  font-size: 0.8em;
  color: #02639b;
}
h1 {
  font-size: 2.4em;
  margin: 1em 0 0.5em;
}
a {
  color: #02639b;
  text-decoration: none;
}
a:hover {
  color: #0099ff;
  text-decoration: underline;
}
img {
  max-width: 100%;
}
blockquote {
  border-left: solid 4px #666;
  padding: 1em;
  background: #f2f2f2;
}
code {
  color: #DDD;
  display: block;
  padding: 0.5em;
  background: #444;
}
/* Main content */
.content {
  width: 64%;
  margin: auto;
  margin-bottom: 3em;
}
article {
  float:left;
  margin-bottom: 2.4em;
}
article img {
  width: 100%;
  margin-top: 2.4em;
  margin-bottom: 2.4em;
}
figure img {
  margin-bottom: 0;
}
figcaption {
  color: #666;
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 2.4em;
}
time {
  float: left;
  width: 100%;
  margin-bottom: 1em;
  color: #666;
  font-size: 0.8em;
}
.tag {
  color: #02639b;
  font-size: 1em;
  margin-top: 1.5em;
  margin-right: 0.5em;
}
.tags span {

}
.pager {
  float: left;
  width: 100%;
}
.pager ul {
  list-style: none;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
}
.pager li {
  float: left;
  margin-right: 1em;
}
footer {
  float: left;
  margin-top: 1em;
  margin-bottom: 1.4em;
  width: 100%;
}
.site-footer {
  text-align: center;
}
/* Image styles */
.img-left {
  float: left;
  margin-right: 2.4em;
  width: 40%;
}
.img-right {
  float: right;
  margin-left: 2.4em;
  width: 40%;
}