



body {
	background-color: #E0E0C0;
}

a:link {
	color: #383838;
}
a:visited {
	color: #505050;
}
a:hover {
	color: #FFB819;
}

blockquote {
	border: 2px solid #4AAB49;
	padding: 20px;
	margin: 20px;
}

img {
    max-width: 100%; 
    object-fit: contain;
}

iframe {
    max-width: 100%;
}

  

article {
	padding: 20px 20px 140px 20px;
}

input[type="text"] {
	border: 1px solid #4AAB49;
	height: 24px;
	width: 100%;
	font-family: 'Noto Sans', Verdana, sans-serif;
	font-size: 13px;
	margin: 12px 0 12px 0;
}
input[type="text"]:hover {
	border: 1px solid #003831;
}
input[type="text"]:focus {
	border: 1px solid #003831;
}



#btheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
}

#bttitle {
	position: relative;
	border: 4px solid #000000;
	margin: 37px 16px 0 48px;
	top: 0;
	left: 0;
	font-family: 'Heebo', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-weight: bold;
	font-size: 26px;
	height: 30px;
	padding: 4px 24px 10px 48px;
	background-color: #4AAB49;
	color: #FFFFFF;
	letter-spacing: 0.8px
}

#bttitle a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#btlogo {
	position: absolute;
	top: 0;
	left: 0;
}

#btlogoimg {
	height: 96px;
	width: 96px;
	margin-top:4px;
	border: none;
}

#btcircle {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	width: 70px;
	background-color: #FFB819;
	border-radius: 50%;
	float: left;
	display: inline-block;
	margin: 26px 0 0 13px;
}
	

#btspecial {
	position: absolute;
	top: 24px;
	left: 102px;
	font-size: 9px;
	font-family: 'Heebo', Arial, Helvetica, Helvetica Neue, sans-serif;
	height: 12px;
}

.btcommentsection {
	padding: 80px 10px 30px 10px;
}

.btcommentnumber {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	font-weight: bold;
	color: #303030;
}

.btcommentauthor {
	float: left;
	font-size: 95%;
}

.btcommenttime {
	text-align: right;
	font-size: 95%;
	color: #999999;
}

.btcommentform {
	margin: 80px 0 30px 0;
	font-size: 95%;
}


.btcommentcontent {
	font-size: 95%;
	padding: 5px 0 35px 0;
	white-space: pre-line;
	line-height: 140%;
}


#btcontent {
	margin: 128px 214px 15px 15px;
	border: 3px solid #000000;
	background-color: #ffffff;
	padding: 0;
	line-height: 180%;
	font-size: 15px;
	font-family: 'Noto Sans', Verdana, sans-serif;
}


.btcontentheader {
	margin-bottom: 10px;
	padding: 10px 25px 10px 25px;
	color: #000000; 
	background-color: #C0C0C0;
	font-size: 125%;
	border-bottom: 3px solid #000000;
}

.btcontentsubheader {
	color: #4AAB49;
        font-size: 16px;
        font-weight: bold;
        margin-top: 30px;
}



.btcontenttitle {
	font-family: 'Heebo', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #a0a0a0;
	padding-bottom: 2px;
	margin-bottom: 0;
	color: #4AAB49;
	letter-spacing: 0.75px;
	line-height: 20px;
}

.btcontentauthor {
	font-size: 12px;
	float: left;
	color: #808080;
	line-height: 15px;
}

.btcontentdate {
	font-size: 12px;
	float: right;
	color: #808080;
	line-height: 15px;
}
.btcontentmeat {
	clear: both;
	padding: 10px;
}

.btdivider {
        height: 20px;
        border-top: 1px dashed #c0c0c0;
        margin: 50px 50px 0 50px;
}

#btsidebar {
	position: absolute;
	width: 180px;
	top: 128px;
	right: 0;
	padding: 10px 20px 20px 20px;
}

.btsidebarsection {
	margin: 0 0 36px 0;
}

.btsidebartitle {
	border: 2px solid #000000;
	font-family: 'Heebo', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	background-color: #4AAB49;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 12px 0;
}
.btsidebarcontent {
	font-family: 'Noto Sans', Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 21px;
}

.btsidebarbutton {
	background-color: #4AAB49;
	color: #FFFFFF;
	font-weight: normal;
	font-family: 'Heebo', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border: 1px solid #000000;
	border-radius: 8px;
}

.btsidebarbutton:hover {
	background-color: #003831;
	color: #FFFFFF;
	border: 1px solid #444444;
}


.btprevnext {
	margin: auto;
	text-align: center;
	font-size: 14px;
	font-family: 'Noto Sans', Verdana, sans-serif;
	border-top: 3px solid #000000;
	padding: 10px 25px 10px 25px;
	background-color: #E0E0E0;
}

.btprevnextsingle {
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-family: 'Noto Sans', Verdana, sans-serif;
	padding: 75px 25px 25px 25px;
}


.bttextarea {
	border: 2px solid #4AAB49;
	padding: 10px;
	margin: 10px;
	width: 75%;
	height: 100px;
}

.bttextarea:hover {
	border: 2px solid #003831;
}

.bttextarea:focus {
	border: 3px solid #003831;
	outline: none;
}


.btcontentmeta {
	text-align: right;
	font-size: 11px;
	font-family: 'Noto Sans', Verdana, sans-serif;
	line-height: 180%;
	margin-top: 25px;
	padding-right: 15px;
}

.btcontentmeta a {
	color: #909090;
}

.btcontentmeta a:visited {
	color: #a0a0a0;
}

.btcontentmeta a:hover {
	color: #FFB819;
}



.darkset, .blueset {
        color: #dddddd;
}

.darkset a, .blueset a {
        color: #ffffff;
}

.darkset a:hover, .blueset a:hover {
        color: #ffff00;
}

.darkset a:visited, .blueset a:visited {
        color: #cccccc;
}

.darkset blockquote {
        background-color: #444444;
        color: #ffffff;
}

.darkset .sectionnumber {
        font-size: 1.2rem;
        color: #9FC1D3;
        margin-right: 1.0rem;
}

.darkset .btcontenttitle {
	color: #cccccc;
}

.darkset .btcontentauthor, .darkset .btcontentdate {
	color: #606060;
}

.blueset .btcontenttitle {
	color: #ffffff;
}

.blueset .btcontentauthor, .blueset .btcontentdate {
	color: #999999;
}









@media only screen and (max-width: 896px) {
  #btsidebar {
	position: relative;
	top: auto;
	right: auto;
	bottom: 0;
	padding: 70px 35px 35px 35px;
	width: auto;
  }
  #btcontent {
	margin: 120px 10px 15px 10px;
  }
}

@media only screen and (max-width: 500px) {
  #bttitle {
    font-size: 20px;
    height: 22px;
    padding: 12px 24px 10px 48px;
    line-height: 20px;
  }

  .btcontentmeat {
	  padding: 7px;
  }

  #btsidebar {
	padding: 35px 10px 35px 10px;
  }
}

@media only screen and (max-width: 419px) {
  #bttitle {
    font-size: 19px;
    height: 21px;
    padding: 10px 10px 10px 42px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 349px) {
  #bttitle {
    font-size: 14px;
    height: 38;
    padding: 4px 12px 1px 36px;
    line-height: 14px;
  }
  .btcontentmeat {
	  font-size: 12px;
	  padding: 4px;
  }
  .btcontenttitle {
	  font-size: 14px;
	  letter-spacing: normal;
  }
  .btcontentauthor, .btcontentdate {
	  font-size: 9px;
  }
}
