/*********************************************************************
/****************    FIXED SIZE RIGHTSIDE SIDEBAR   ******************
/*********************************************************************
<div id="content_area" class="blog"> gives .blog override.
Following presumes code structure with sidebar after content like:
<div id="content"></div><div id="sidebar"></div>
Sidebar will fold underneath when 640px or less, can be customized.
Comment out this whole section to use basic.css settings.			*/
.blog #tblComment #captchaContainer img {
  float: none;
}

.blog #tblComment #captchaContainer img.refreshImg {
  width: 30px;
  height: 30px;
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
#content,
.blog #tblComment input,
.blog #tblComment textarea {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.blogcontent-homepage {
  display: flex;
}

/* BLOG page styles, start */
.page-blog #middle {
  padding-bottom: 3rem;
}

.blogcontent-homepage {
  margin-bottom: 5rem;
}

.blog_widget ul.blog-list li {
  position: relative;
  padding-left: 1rem;
}

.blog_widget ul.blog-list li::before {
  position: absolute;
  top: 2px;
  left: 0;
}
/* BLOG page styles, finish */

@media screen and (max-width:600px) {
	.blogcontent-homepage {
		flex-direction: column;
		align-items: center;
	}
	.blogcontent-homepage img {
		padding-bottom: 10px;
	}

	.blogcontent-homepage .posts_head .pubdate {
		display: none;
	}

	.blogcontent-homepage .posts_head {
		padding: 0;
	}

	.blogcontent-homepage {
		margin-bottom: 0.8rem;
	}
}

.blogteaserimgblock {
  margin-right: 1em;
}

.blogteasercontent {
  width: 100%;
}

hr.grey-rule {
  margin: 1.75rem 0 2.75rem;
}

.blogteasertext {
  margin: 1.5em 0 2em 0;
}

.blogpostdata {
  font-size: 0.9em;
  line-height: 1.3em;
}

/* THERE IS A SETTING FOR THIS IN ADMIN BLOG OPTIONS PER WILLY'S REQUEST. SETTING THIS TO DISPLAY: NONE BREAKS THAT FUNCTIONALITY. IF THEY DON'T WANT IT THEY CAN TURN IT OFF */
/*.blogcontent-blogpost .blogpostdata {display: none; } /*SINGLE_POST_PAGE:;*/
#socialbuttons {
  /* margin-top:-2em; */
  /* margin-bottom:4em; */
  display: flex;
  align-items: center;
  display: none;
}

.blogShareButtons {
  margin-right: 0.55em;
}

#print-btn {
  font-size: 10px;
  margin: 0;
  background: black;
  color: white;
  border-radius: 0;
  border: 1px solid black;
  height: 20px;
  padding: 0 8px;
}

#twitter-widget-0 {
  position: relative !important;
  visibility: visible;
  width: 61px;
  margin-top: 0.2rem;
}

.posts_head {
  min-height: 5em;
  padding-left: 4.5em;
  position: relative;
  margin-bottom: 1em;
}
#blog_articles .posts_head {
  padding-left: 0;
}

#blog-body .blogcontent-blogpost img.blogpostimg {
  max-height: 400px;
}

.blogposttext {
  margin-top: 2rem;
  max-width: 1024px;
}

.blogposttext p {
  /* .b8 */
  line-height: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.pubdate {
  display: inline-block;
  float: left;
  margin-left: -4.5em;
  width: 3em;
  text-align: center;
  border-left: 3px solid #253356;
}

.pubdate .day {
  font-weight: 600;
  font-size: 1.55em;
  background: #f3f3f3;
  line-height: 1.45;
}

.pubdate .month {
  font-weight: 300;
  font-size: 0.9em;
  background: #e9e9e9;
  line-height: 1.2;
  padding-bottom: 5px;
}

.byline {
  font-size: 0.75em;
  font-style: italic;
  line-height: 1.4em;
}

.blog_widget .list-arrow img {
  max-height: 10px;
  position: relative;
  vertical-align: bottom;
  margin-bottom: 2px;
}

/* ----------- My Form ----------- */
.blog #form-page {
  margin: 0;
  margin-bottom: -1.57em;
  width: 99.99%;
}

.blog #tblComment {
  width: 100%;
}

.blog #tblComment tr:first-child {
  height: 50px;
}

.blog #tblComment img {
  border: 1px solid #ddd;
  float: left;
  height: 50px;
}

.blog #tblComment #commentlabel img {
  border: none;
  max-height: 50px;
}

.blog #tblComment #commentlabel {
  height: 100px;
  border: 1px solid #ddd;
  float: left;
  width: 50px;
}

.blog #tblComment #comment-container {
  width: 68%;
  float: left;
  height: 101px;
}

.blog #commentname {
  margin-right: 1em;
}

.blog #tblComment input[type="text"] {
  border: 1px solid #ddd;
  height: 52px;
  padding: 5px;
  float: left;
  width: 68%;
  margin-bottom: 0.5em;
}

.blog #tblComment textarea {
  width: 100%;
  height: 101px;
  padding: 5px;
  border: 1px solid #ddd;
  min-height: unset;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .blog #tblComment textarea {
    width: 100%;
    height: 102px;
    padding: 5px;
    border: 1px solid #ddd;
  }
}

.blog #tblComment input,
textarea {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.025em;
}

.loading_image {
  width: 164px;
  text-align: center;
  padding: 6px 0;
}

.singlePost {
  color: #ae1a1a;
}
.singlePost:hover {
  color: #000000;
}
.smallDate {
  font-size: 11px;
  font-weight: normal;
  padding-top: 10px;
}
.blog span#commentMsg {
  width: 400px;
  padding-left: 110px;
  text-align: center;
  margin-top: 20px;
}

input.singlePost,
input.singlePost:active,
input.singlePost:hover {
  border: none;
  background: none;
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 250px;
  position: relative;
  left: -3px;
}

input.singlePost,
a.postTitle {
  cursor: pointer;
}

div#comments {
  margin-top: 1em;
}

div#comments strong {
  margin-left: 10px;
}

div#comments em {
  font-size: 0.8em;
  margin-left: 10px;
}

div#comments .commentpara {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid silver;
  border-radius: 10px;
  margin: 5px 0 20px 0;
  padding: 15px;
}

.backBtn input.singlePost {
  float: left;
  width: auto;
  padding: 0 10px 0 0;
}
div.pagination {
  margin: 3px 3px 3px -3px;
  padding: 3px;
}

div.pagination input.pagButton.dots,
div.pagination input.pagButton.dots:hover,
div.pagination input.pagButton.dots:active,
div.pagination input.pagButton.dots.disabled {
  border: medium none;
  margin: 0;
  padding: 0;
}

div.pagination input.pagButton,
div.pagination a {
  border: 1px solid #666666;
  color: #666666;
  float: none;
  font-weight: bold;
  height: 24px;
  margin: 2px;
  padding: 2px 5px;
  text-decoration: none;
  width: auto;
}

hr.grey-rule {
  margin: 1.75rem 0 2rem;
  clear: both;
}