body {  
	font: 1em/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: 400;	
	color: rgb(72,72,72);
	height: 100%;
}

.wrapper {
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	max-width: 600px;
	overflow: clip; 
}

.link_color,
a:link {
	color: rgb(0,102,204);
	text-decoration: none;
}
a:visited {
	color: rgb(61,102,142);
	text-decoration: none;
}
a:hover, 
a:active {
	color: rgb(75,89,112);
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,.header_font {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
}
h1 {
    font-size: 1.75em;
    margin: 1em 0;
}
h2 {
    font-size: 1.25em;
    margin: 1.33em 0;
}
h3,h4,h5,h6 {
	font-size: 0.83em;
    margin: 1.67em 0;
}
.center { text-align: center; }
b,strong,.strong,.bold { font-weight: 500; }
img { 
	max-width: 100%; 
	height: auto;
}
img.left, img.right, img.center {
	float: none;
	display: block;
	margin: 1em auto;
	clear: both;
}
iframe { max-width: 100%;}

blockquote {
	margin: 1em 3em;
	font-size: .95em;
}
blockquote p { margin: .6em 0; }
td,th {
	vertical-align: text-top;
	text-align: left;
	padding-right: .5em
}
ul.no_discs { /* for lists that don't need discs, etc */
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.muted_style { /* for more muted lists */
	list-style-type: disc;
	padding: 0 1em;
	margin: 0 .5em;
}

#masthead_and_navigation { 
	position: relative;
	height: 210px;
}
#masthead {
	position: relative;
	border-bottom: 0 solid rgb(119,119,119);
}
#masthead_logo {
	width: 384px;
	height: 158px;
	position: absolute;
	left: -80px;
	top: 0px;
	clip: rect(0px,384px,128px,80px);
}

#nav_button_row {
	border-bottom: 1px solid rgb(224,224,224);
	position: relative;
	top: 150px;
}

#nav_button_row a:link,
#nav_button_row a:visited,
#nav_button_row a:hover,
#nav_button_row a:active {
  color: rgb(72,72,72);
}

.nav_button {
  background-color: rgb(240,240,240);
  border: 1px solid rgb(224,224,224);
  border-radius: 4px 4px 0 0; 
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}

.nav_button.current {
  background-color: rgb(255,255,255);
  padding-top: 8px;
  border-bottom: 0;
  position: relative;
  top: 2px;
}

.btn-group button {
  background-color: #04AA6D; /* Green background */
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 50%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
}

.btn-group button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #3e8e41;
}
.hidden {
	display: none;
}

.post_title { margin: 0; }
.post_author_date {
    margin: 0;
    color: rgb(136,136,136);
}

.comments_section {
	padding: 0 4em;
	font-size: .9em;
}
.comment_author { 
	margin: 2em 0 0 0; 
	font-weight: 600;	
}	
.comment_date {
	margin: 0;
    font-size: .9em;
}

.titles_list {
	width: 100%;
}
.title_col {
	width: 85%;
}
.date_col {
	width: 10%;
	text-align: right;
}
.cmts_col {
	width: 5%;
	text-align: right;
}

footer {
	margin: 4em 0; 
	text-align: center;
}