html, body, h1, h2, h3, h4, xmp, pre, form, fieldset, legend, ol, li{
  margin: 0;
  padding: 0;
  }
  
@font-face {
font-family: "Century Gothic Regular";
src: url("/fonts/gothic.ttf");
}



body {
  padding:0 15% 0 15%;
  background-color: #666;
  font-family: arial, verdana;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	body{
      padding:0 2% 0 2%;
	}
}

h1{
  font-family: "Century Gothic Regular", arial;
  font-size:404%;
  text-shadow: 0 2px 2px #333;
  color:#ccc;
  padding: 20px 0;
  font-weight: normal;
  }
  
h1 a{
  color:#ccc;
  text-decoration:none;
  }
  
h2 {
  font-family: "Century Gothic Regular", arial;
  text-shadow: 0 1px 1px #333;
  padding: 0 0 20px 0;
  font-size: 200%;
  font-weight: normal;
  color:#ffdd00;
  }
  
h2 a{
  color:#ffdd00;
  text-decoration:none;
  }

h3{
  padding: 0;
  color: #ff8800;
  font-size:130%;
  font-family: arial;
  font-weight: bold;
  }
  
h4{
  text-align:center;
  color: #ffdd00;
  font-weight:normal;
  }
  
header{
  text-align:right;
  padding-top:20px;
  width:100%;
  }

.blogimg{
  display:block;
  margin: 0 auto;
  border: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-decoration:none;
  }
  
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.blogimg{
      width: 290px;
	}
}
   
.section{
  text-align: justify;
  background-color:#333;
  padding:2%;
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow:auto;
  }
  
.section a{
  color:#ffdd00;
  text-decoration:none;
}

.imageviewer{

  text-align: center; 
  max-width: 100%;
}
   
.image{
  max-width: 85vw;
  max-height: 85vh;
  object-fit: scale-down;
}


.fullimage{
 margin:1em -100%; /* old browsers fallback */
  margin:1em calc(50% - 50vw);
  background-color:rgba(255,0,255,0.5)
}
  
time {
  display: block;
  font-size: 90%;
  color: #bbb;
}
  
#post p {
  padding:0 20px;
  }

xmp{
padding: 0;
}
  
pre{
  text-align:left;
  background-image: url('/images/codeblock.png');
  background-repeat: no-repeat;
  background-color: #fff8da;
  border: 3px solid #fff0a8;
  overflow: auto;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
  
form#post {
  color:#000;
  background: #9cbc2c;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding:2%;
}

form#post fieldset {
  border: none;
  margin-bottom: 10px;
  }
  
form#post fieldset:last-of-type {
  margin-bottom: 0;
  }

form#post legend {
  color: #384313;
  font-family: "Century Gothic Regular", arial;
  font-size: 200%;
  padding-bottom: 10px;
  text-shadow: 0 1px 1px #c0d576;
}

form#post ol li {
  background: #b9cf6a;
  background: rgba(255,255,255,.3);
  border-color: #e3ebc3;
  border-color: rgba(255,255,255,.6);
  border-style: solid;
  border-width: 2px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 30px;
  list-style: none;
  padding: 5px 10px;
  margin-bottom: 2px;
}

form#post label {
  float: left;
  font-size: 13px;
  width: 10%;
}

form#post input,textarea {
  background: #ffffff;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font: italic 13px Georgia, "Times New Roman", Times, serif;
  outline: none;
  padding: 5px;
  width: 80%;
}

form#post input:not([type=submit]):focus,form#payment textarea:focus {
  background: #eaeaea;
}

form#post button {
  background: #384313;
  border: none;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #ffffff;
  display: block;
  font-family: "Century Gothic Regular", arial;
  font-size: 200%;
  margin: 20px auto;
  padding: 7px 25px;
  text-shadow: 0 1px 1px #000000;
  text-transform: uppercase;
}

form#post button:hover {
  background: #1e2506;
  cursor: pointer;
}
  
footer p {
  padding: 0px;
  color: #fff;
  font-size: 85%;
  text-align:right;
  display: block;
}