input {
  -webkit-appearance: none;
  font-size: 1.2rem;
}

body {
  font-family: "Commissioner", sans-serif;
  font-size: 1.2rem;
  color: #224;
  line-height: 1.5;
  background-color: #fff;
  margin: 4vh;
}

h1, h2, h3, h4, .hdr, .contd {
  font-family: 'Radley', serif;
}

#upper, #blog, .one .post {
  max-width: 70ch;
  padding: 0 2ch 0 2ch;
  margin: auto;
}

#upper {
  position: relative;
  padding-bottom: 2ch;
}

#blog {
  overflow: hidden;
}

#blog .format-article .e-content,
#blog .attached,
.one .excerpt {
  display: none;
}

.sep {
  margin: 0;
  font-size: 2rem;
  line-height: 1.5rem;
  color: #909;
}

.contd a {
  color: #555;
}

h1 {
  margin: 0;
  line-height: 2.4rem;
}

h1 a {
  text-decoration: none;
  color: black;
}

#upper .hdr {
  font-weight: bold;
  margin: 0;
}

#upper .circ {
  position: absolute;
  width: 60px;
  height: 60px;
  left: -56px;
}

h4 {
  color: #379;
  margin: 12px 0 0 0;
  text-transform: uppercase;
  line-height: 0.9rem;
}

h3 {
  margin-top: 0;
}

h3 a {
  color: #402;
  text-decoration: none;
  font-size: 2.2rem;
}

}
.attached {
  margin-bottom: 60px;
}

.e-content img {
  max-width: 100%;
}

img.circ {
  border-radius: 50%;
}

footer a.u-url {
  color: #402;
  font-weight: bold;
  text-decoration: none;
}

footer .glyph {
  font-weight: normal;
  font-family: Arial, sans-serif;
}

blockquote {
  background-color: #e5f5ff;
  border: solid 4px #402;
  color: #446;
  margin: 0;
  padding: 20px;
}

blockquote p {
  margin: 20px;
}

hr {
  border: solid 4px #402;
}

.format-note > .e-content {
  font-size: 1rem;
  padding: 1vh 3vw;
  margin-top: 2vh;
  border: solid 3px #edc;
}