body {
  background-color: #28172E;
  font-family: Helvetica,sans-serif;
  font-size: 11pt;
}

a {
  text-decoration: none;
}

a:link {
  color: #7C631F;
}

a:visited {
  color: #938F83;
}

a:hover {
  color: #FFFFFF;
}

a:active {
  color: blue;
  text-decoration: none;
}

#body {
  background-color: #ECE3B6;
  border-color: #AB995A;
  border-style: solid;
  border-width: 3px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1000px;
}

#header {
  height: 80px;
  width: 100%;
  max-width: 1000px;
  background-image: url(header.jpeg);
}

#nav {
    background-image: url(bar-slice-unselected.png);
}

#nav div {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

#nav a {
  border-right-color: black;
  border-right-style: solid;
  border-right-width: 2px;
  color: black;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
}

#nav_home {
  background-image: url(bar-slice-unselected.png);
  height: 25px;
  width: 107px;
}

#nav a.nav_home_pressed,
#nav a.nav_categories_pressed,
#nav a.nav_articles_pressed,
#nav a.nav_statement_pressed {
  background-image: url(bar-slice-selected.png);
  color: #FFFFFF;
}

#nav_categories {
  background-image: url(bar-slice-unselected.png);
  height: 25px;
  width: 206px;
}

#nav_articles {
  background-image: url(bar-slice-unselected.png);
  height: 25px;
  width: 132px;
}

#nav_statement {
  background-image: url(bar-slice-unselected.png);
  height: 25px;
  width: 220px;
}

@media all and (max-width: 1030px) {
  #nav_home,
  #nav_categories,
  #nav_articles,
  #nav_statement
  {
    border-right: none !important;
    width: 100% !important;
  }

  #article_text img {
    max-width: 80%;
  }
}

#content {
}

#article_title {
  color: #402B47;
  padding-top: 5%;
  padding-left: 10%;
  padding-bottom: 20px;
  font-size: larger;
  font-weight: bold;  
}

#article_text {
  padding-left: 10%;
  padding-right: 10%;
  text-align: justify;
}

#article_text h2, #article_text h6 {
  font-weight: bold;
  font-size: 11pt;
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}

h3 {
  font-weight: bold;
  font-size: 10pt;
}

#article_text p {
}

#article_share {
  text-align: right;
  margin-right: 10%;
}

#back_to_top {
  display: block;
  padding-bottom: 15px;
}

#footer {
  text-align: center;
  font-size: xx-small;
}

#comment_result {
  color: red;
}

li {
  padding-bottom: 8px;
}

#comment_email_row td {
  text-align: left;
}

#comment_name,
#comment_email,
#comment_comment {
  width: 40vw;
}

img {
	background: #FFFFFF;
	border-color: #AFAFAF;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 20px;
}