* {padding: 0 0 0 0; margin: 0 0 0 0}

body {max-width: 1200px; margin: 0 auto; color: blue; background: #0000ff; font-family: "times new roman"; font-size: 18px; font-style: normal; font-weight: normal;}
header {width: 100%; background:  #2e2e2e; float: left;}
a:link, a:visited, a:active, a:hover, a:focus {color: blue;}

nav {width:90%; background: #2e2e2e; padding: .5% 5%; margin: 1% 0 0 0; float: left}
/*  horizontal navbar  */
.hnavbar {list-style:none; margin-bottom: 0; float:left; position:relative; z-index:5;}
.hnavbar li {float:left; margin-right:10px; margin-bottom: 0px; position:relative;}
.hnavbar a {display:block; padding:5px; color:#fffffe; border: solid #696969 1px; text-decoration:none;}
.hnavbar a:hover {text-decoration:none; border: solid #c0c0c0 1px;}
.hnavbar img {vertical-align: middle;}

.fans { width: 100%; display: inline-block; text-align: center; border: 0; padding: 0 0 0 0;}
.fans .captioned-image {display: inline-block; 	margin: 0 0 0 0;}
.fans figure {display: block; text-align: center; color: black;}
.fans p {text-align: center; padding: 0 0 0 0;}
.fans h6 {text-align: center; padding: 0 0 0 0; color: black; font-size: 10pt; font-weight: normal;}

blockquote {margin-left: 140px; margin-right: 140px;}
/* .blockquote {margin-left: 40px; margin-right: 40px; margin-inline-start: 40px; margin-inline-end: 40px;} */
/* .blockquote p {padding: 100px 100px 100px 100px; font-size: 14px;} */

.content {font-family: "times new roman"; background-color: white; color: black; width: 80%; margin-left: 0; margin-right: 0; padding: 0 0 0 0; border: 0; float: left;}
.content h1 {text-decoration: underline; text-align: center; font-size: 24pt; font-weight: bold;}
.content h2 {text-decoration: none;	     text-align: center; font-size: 20pt; font-weight: bold;}
.content h3 {text-decoration: none;      text-align: center; font-size: 16pt; font-weight: normal; color: black; padding:5px; margin-left: 5px; margin-right: 5px;}
.content h4 {text-decoration: none;      text-align: center; font-size: 14pt; font-weight: normal; padding:5px;}
.content h5 {text-decoration: none;      text-align: center; font-size: 14pt; font-weight: bold;} /* for lines */
.content h6 {text-decoration: none;      text-align: center; font-size: 12pt; font-weight: normal;}
.content p  {text-decoration: none;      text-align: left;   font-size: 14pt; font-weight: normal; padding: 15px; color: black;}
.content li {margin-left: 40px;}
.img2 {display: flex; justify-content: center;}
#img {float: left; padding: 10px 10px 10px 10px; text-align: center;}
/* .content ul {padding:15px; margin-left: 15px; margin-right: 15px; color:black; }
.content ol {color: black; padding: 0 15 0 15; margin-left: 20;} */
/* content p::first-letter {font-size:24pt; font-family:Algerian; color:black}*/

.kaiser {font-family: "times new roman"; background-color: white; color: black; width: 100%; margin-left: 0; margin-right: 0; padding: 0 0 0 0; border: 0;}
.kaiser h1 {text-decoration: underline; text-align: center; font-size: 24pt; font-weight: bold;}
.kaiser h4 {text-decoration: none; text-align: center; color: black; font-size: 14pt; font-weight: normal;}
.kaiser h5 {text-decoration: none; text-align: center; color: black; font-size: 12pt; font-weight: normal;}
.kaiser p  {text-decoration: none; text-align: left; color: black; font-size: 14pt; font-weight: normal; padding: 15px;}
.kaiser img {padding: 5px 5px 5px 5px; width: 150px; height: 150px	;}

.right {background-color: blue;	width: 20%;	padding: 0 0 0 0;	float: right;	border: 0;	}
.right h1 {text-decoration: underline;  text-align: center;	 color: white;    font-size: 14pt;	    font-weight: normal;	padding:5px;}
.right h2 {text-decoration: none;       text-align: left;    color: white;    font-size: 12pt;	    font-weight: normal;	padding:5px;	float: left;}
.right h3 {text-decoration: none;       text-align: center;  color: white;    font-size: 12pt;	    font-weight: normal;	padding:5px;}
.right a  {text-decoration: underline;  text-align: center;  color: white;    font-size: 12pt;	    font-weight: normal;	padding:5px;}

.left {background-color: blue;	width: 20%;	padding: 0 0 0 0;	float: left;	border: 0;	}

.officers {text-align: center;}
.officers img {float: left; padding: 15px; border: 1px; 	color: black;}
.officers h3 {text-align: left;}
.officers h6 {text-decoration: none; text-align: left; color: black; font-size: 14pt; font-weight: bold;}

.bylaws    {background-color: white; text-align: left; width: 100%; padding: 0 0; border: 0; float: left;}
.bylaws h1 {text-decoration: none;   text-align: center; width:  95%; color: black; font-size: 24pt; font-weight: bold;   padding:  0    0   0  5px;}
.bylaws h2 {text-decoration: none;   text-align: left; width:  95%; color: black; font-size: 18pt; font-weight: normal; padding: 10px 15px 0 15px;}
.bylaws h3 {text-decoration: none;   text-align: left; width:  95%; color: black; font-size: 15pt; font-weight: normal; padding:  0   15px 0 15px;}
.bylaws h4 {text-decoration: none;   text-align: left; width:  95%; color: black; font-size: 12pt; font-weight: normal; padding:  0   15px 0 25px;}
.bylaws h5 {text-decoration: none;   text-align: left; width:  95%; color: black; font-size: 12pt; font-weight: normal; padding:  0   15px 0 30px;}
.bylaws p  {text-decoration: none;   text-align: left; width:  95%; color: black; font-size: 15pt; font-weight: normal; padding:  0    0   0 10px;}

#modern_carvers {margin-left: auto; margin-right: auto; text-align: center;}
#modern_carvers img {padding: 5px 5px 5px 5px;}
.modern_carvers_img img {padding: 5px 5px 5px 5px; margin-left: 42%; margin-right: 42%;}
		
#quick_jump {text-align: center; color: black; font-weight: bold;}

.nickname_img {text-align: center; color: black;		}
.nickname_img img {padding: 0 10 0 10; 	border: 0;}
.nickname_img p {text-align: center;}
#nickname_left {width: 140px; height: 140px; float: left;}

.hunchback {color: black; margin-left: 50px; }

.tools_img     {text-align: center;}
.tools_img img {padding: 0 10 0 10; border: 0;}
.tools_img p {text-align: center;}

.carvers {margin-left: auto; margin-right: auto; text-align: center;}

#merrit {margin-left: auto; margin-right: auto; text-align: center;}
#merrit img {width: 400px; height: 275px;}
#nytimes {margin-left: auto; margin-right: auto; text-align: center;}
#nytimes img {width: 440px; height: 610px;}
#kaiser_nickel {margin-left: auto; margin-right: auto; text-align: center;}
#kaiser_nickel img {width: 300px; height: 150px;}

#bo_tales {margin-left: auto; margin-right: auto; text-align: center;}
#bo_tales img {width: 180px; height: 215px;}

	/* Products Page */
#tokens {margin-left: auto; margin-right: auto; text-align: center;}
#cdrom {margin-left: auto; margin-right: auto; text-align: center;}
#cdrom img {width: 200px; height: 200px;}

.ohns_qdform {text-align: center;}
.ohns_qdform img {margin-left: 5%; margin-right: 5%; width: 400px; height: 500px;}

#twitter {width: 95%; height:752px; overflow:auto; border:1px solid black;}

.stukken_section {width: 806px; height: 752px; overflow: auto; border: 1px solid black; margin-left: auto; margin-right: auto; text-align: center;}
.stukken_section table {width: 780px}
.stukken_section tr {margin-left: auto; margin-right: auto; text-align: center;}
.stukken_section td {text-align: center; color: black;}

.stukken {font-size: 20pt; text-align: center; color: black;}
.stukken p {font-size: 16pt; text-align: center;}
.news_item {margin-left: auto; margin-right: auto; text-align: center; color: black;}
.news_post {color: black; width: 80%;}
.news_post td {width: 30%;}

#col1 {width: 50%;	float: left; color: black;}
#col1 p {text-decoration: none; text-align: left; color: black; font-size: 14pt; font-weight: normal; padding: 15px;}
#col2 {width: 50%;	float: right; color: black;}
#col2 p {text-decoration: none; text-align: left; color: black; font-size: 14pt; font-weight: normal; padding: 15px;}

.showcase {font-size:10pt; display: inline-block;}
#showcase_img {float: left; padding-left: 10px; padding-right: 10px; border: 1px solid;}

/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}