dimples

#dimple .base  {
  width: 650px;
  height: auto;
  background: #000;
  outline: 1px solid #fff;
  outline-offset: -10px;
  padding: 35px;
}
#dimple .bigbig {
  font: 20px 'Playfair Display', serif;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  text-shadow: 2px 1px 1px #000;
  font-weight: 900;
}
#dimple .small {
  width: 450px;
  font: 11px 'Lora', serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  text-align: justify;
  position: relative;
  bottom: 5px;
}
#dimple .photo {
  width: 665px;
  height: 250px;
  background: url(https://66.media.tumblr.com/ce0f1041a2ece36a13b6c08a19c3dbc0/tumblr_oe9iavrkIP1umvpaoo1_500.gif) center/cover;
  position: relative;
  bottom: -2px;
  right: 5px;
  box-sizing: border-box;
  border-top: 5px solid #450000;
  border-bottom: 5px solid #450000;
}

#dimple .cube {
    width: 60px;
  height: 20px;
  background: #cc0000;
  position: relative;
  display: inline-block;
  left: 0px;
  }
#dimple .basepost {
      background: #000;
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
outline: 1px solid #363636;
  outline-offset: -15px;
  border-bottom: 5px solid #450000;
}
#dimple .post {
  font: 13px Arial, sans-serif;
  color: #999;
    padding: 30px;
  text-align: justify;
  line-height: 150%;
   }
#dimple .post b {
  font: 13px Arial, sans-serif;
  color: #cc0000;
  font-weight: 900;
}
#dimple .quote {
  width: 450px;
  font: 11px 'Lora', serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  text-align: justify;
  position: relative;
  top: 10px;

}
#dimple .quote b {
  font: 10px 'Lora', serif;
  font-weight: 900;
  color: #cc0000;
  position: relative;
  }

#dimple .base::after {
  content: "American Queen at royalty codes";
    color: #eee;
  font: 10px 'Lora', serif;
  text-transform: uppercase;
  position: relative;
  bottom: -10px;
  opacity: 0.3;

}