div.notice {
  font-style: italic;
  text-align: center;
  margin-top: 1em;
  border: cornflowerblue solid 3px;
  padding: 0.5em;
  border-radius: 3em;
  position: absolute;
  top: 0;
}

body {
  padding-top: 5em;
}

.post-index {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
}

article.entry {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
}

article.entry,
.comments {
  /* bottom border rule */
  border-bottom: thin black solid;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
}

body>.comments {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
}

.comments>.comment {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

.comments>.comment>header {
  background-color: #D1E4FF;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0.1em;
  padding-left: 0.2em;
  width: auto;
}

.comments>.comment>header>p {
  margin: 0;
}

.comments>.comment>header>p.author {
  margin-bottom: 1ex;
}

.comment .icon {
  float: left;
  margin-right: 0.3em;
}

.comments>header>h1 {
  font-size: 1em;
}

body>footer {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
}

body>nav {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
}

body>header {
  margin-bottom: 0.2em;
  margin-left: auto;
  margin-right: auto;
  width: 50em;
}

body>header h1 {
  font-size: 1.5em;
  color: black;
}

body>header h1 a {
  color: black;
}

a {
  text-decoration: none;
}

article.entry header h1 {
  font-size: 2.3em;
  color: black;
  margin-bottom: 0.15em;
}

article p.date {
  margin-top: 0;
  color: #666;
  font-size: 85%;
  font-style: italic;
}
article p.date a { color: #666; }
/* article p.date a:hover { color: cornflowerblue; } */

#profile-controls {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-left: thin solid lightgrey;
  border-bottom: thin solid lightgrey;
  border-bottom-left-radius: 1em;
  padding-right: 0.7ex;
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
  padding-left: 1.2ex;
  font-size: 80%;
  background-color: #f9f9f9;
}

/* make the list inline */
#profile-controls ul {
  padding: 0;
  margin: 0;
}
#profile-controls ul,
#profile-controls li {
  display: inline;
}

#profile-controls a {
  color: #aaa;
}

#profile-controls a:hover {
  color: #333;
  color: cornflowerblue;
}

/* bullets between the menu items */
#profile-controls li + li:before {
  content: ' • '
}

footer>.legal {
  color: #aaa;
  font-size: 85%;
  text-align: center;
}
footer>.legal a {
  color: #888;
}