/* ****** More section specific styles ****** */

#moreText {
  float: left;
  width: 60%
}

#moreText div {
  margin-left: 10px;
  width: 48%;
}

h2 {
  background-color: #DDC3DF;
  font-size: 14px;
  margin-left: 5px;
  padding: 3px 5px;
  width: 98%;
}

p, li {
  line-height: 14px;
  margin: auto 8px;
}

hr {
  margin: 25px auto;
  width: 90%;
}

.smaller {
  font-size: 9px;
  font-style: italic;
  line-height: 11px;
}

ol li {
  margin-bottom: 8px;
}

/* Styles for supplimentals */

#moreFeatured {
  float: right;
  margin-right: 35px;
  width: 28%;
}

.moreFeaturedContainer {
  border: 1px solid #3F3A37;
  margin: 10px auto 20px auto;
  width: 98%;
}

.moreFeaturedContainer h2 {
  background-color: #3F3A37;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  width: 97%;
}

.moreFeaturedContainer img {
  border: 1px solid #000;
}

.moreFeaturedContainer p {
  font-size: 11px;
  padding: 0 15px;
  text-align: center;
}

.currentlyReading img {
  margin-right: 10px;
}

.currentlyReading p {
  text-align: left;
}