h1.entry-title {
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  margin-bottom: 1rem;
}

body {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  font-size: 18px;
  font-weight: 500 !important;
  background-color: #161616;
  color: #fff;
}

.site-content {
  float: left;
  width: 63%;
  background: #000000;
}

/* Left / main column */
.col-2 {
  background-color: #000;
}

/* div inside col-2 */
.main-content {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  padding-top: 3rem;
  background-color: #000;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  border-radius: 5px;  
  word-wrap: break-word;
}

.main-content p {
  margin-top: 0px;
  margin-bottom: 1rem;
  padding: unset;
}

article {
  border-bottom: 1px solid #ffe176;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #000;
}

.post-meta {
  margin: 0px;
  font-size: 14px;
  color: #858585;
}

h1.entry-title a {
  color: #ffffff;
  text-decoration: none;
}

.main-navigation {
  margin-top: 1.714285714rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background: #660606;
  position: relative;
  border-bottom: 1px solid #8d8d8d;
  border-top: 1px solid #8d8d8d;
  font-weight: bold;
}

.main-navigation li a:hover,
.main-navigation li a:focus {
  color: #e7b500;
}

hgroup {
  background: #161616;
  margin: auto;
  max-width: 1150px;
}

hgroup img {
  z-index: 1000;
  top: -25px;
  position: absolute;
  margin-left: 10px
}

.nav-bg {
  background-color: #161616;
  height: 100px;
}

.sidebar {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  color: #ffffff;
  text-shadow: none;
  text-align: center;
}

.col-1 > div > h3 {
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 0 0.5em;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5em;
}

.sidebar > div {
  margin-top: 2rem;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  border-radius: 5px;  
  padding-top: 1rem;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  position: relative;
  background: #000000;
  font-size: 14px;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  line-height: 1.5;
  color: #ffffff;
}
span.author-by {
  color: #ffe176;
  text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  clear: both;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  margin: unset;
  font-weight: 500;
}

a {
  outline: none;
  color:  #ffe176;
  text-decoration: none;
}

.widget-area .widget a {
  color: #ffe176;
}
.widget-area .widget a:hover {
  color: #fff;
}
.widget-area .widget a:visited{
  color: #ffe176;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
  color: #ffe176;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  margin: unset;
}

h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.main-content article h2 {
  margin-bottom: 0rem;
}

.comments-link a, .entry-meta a {
  color: #ffe176;
}
.comments-link a:hover, .entry-meta a:hover {
  color: #fff;
}
.widget-title {
  color: #fff;
  }

.button, .readon {
  color: #ffe176;
  border: 1px solid #ffe176;}

.nav-menu {
  background: none;
  border: 0;
  box-shadow: none;
  margin-left: 322px;
}

/* Make list text same color as body text */
.entry-content ul,
.entry-content ol,
.entry-content li,
.entry-summary ul,
.entry-summary ol,
.entry-summary li,
.comment-content ul,
.comment-content ol,
.comment-content li {
  color: #ffffff;
}

.assistive-text {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.main-navigation ul {
  list-style: none;
  margin: 0 auto;
  width: 50%;
  display: block ruby;
  padding: 0;
}

.main-navigation ul li {
  margin: 0rem 1rem;
}

.main-navigation li a {
  display: block;
  color: #ffe176;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  transition: color 0.2s ease, background 0.2s ease;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.main-navigation li a:hover {
  color: #fff;
  background: #660606;
  border-radius: 4px;
}

.main-navigation button {
  display: none;
}

blockquote {
  font-style: italic;
}

ul {
  1.5rem;
}

.main-content ul p {
  margin-bottom: 0px;
  margin-top: 0px;
}

.nav-next {
  float: right;
  text-align: right;
  margin-right: 1%;
  width: 45%;
}

.nav-previous {
  float: left;
  text-align: left;
  margin-left: 1%;
  width: 45%;
}

.sidebar ul {
  list-style: none;
  text-align: left;
  margin-left: unset;
  padding-left: unset;
  line-height: 2;
}

@media screen and (min-width: 600px) {
  .ribbon {
    position: relative;  /* for ::before and ::after anchoring */
    overflow: visible;   /* no clipping */
    width: 74.6rem;
    margin: auto;
  }

  .ribbon::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 10px solid #999;
    border-bottom: 10px solid transparent;
  }

  .ribbon::after {
    content: "";
    position: absolute;
    right: 0px;
    top: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #999;
    border-right: 9px solid transparent;
  }
}

.postface {
  font-size: 0.9rem;
}

/********************** Before this is old site CSS */

.about {
  width: 100%;
  max-width: 200px;
  height: 100%;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 0;
}

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.container .buttons {
  margin-top: 15px;
  font-size: 1rem;
}

.container .buttons .button {
  display: inline-block;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0px 1%;
  min-height: 0.125rem;
}

@media only screen and (min-width: 33.75em) {
  /* 540px */
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 45em) {
  /* 720px */
  .col-1 {
    width: 33%;
  }
  .col-2 {
    width: 63%;
  }
}

@media only screen and (min-width: 60em) {
  /* 960px */
  .container {
    width: 100%;
    max-width: 75rem;
  }
}