html, body, h1, h2, h3, 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;
}

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;
  }
  
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;
  }
   
#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;
}
  
.image{
width:100%;
}

.fullimage{
position:absolute;
left:0px;
}
  
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;
}