body {
 font-family: 'Nunito Sans';  /*you can change this font, just make sure to link the proper font in the html as well*/
 color: #393900;
 font-weight: bold;
 line-height: 1.3em;
 background-image: url('/images/bg.png');
 background-position: top;
 overflow-x: hidden;
 }
 
 #layout { /*this block makes up the main layout*/
 background: none;
 width: 46.875em;
 height: auto;
 position: relative;
 margin: auto;
 }
 
 .header { /*the main image. it's around 600px if you want to replace without resizing everything*/
 background-image: url('/images/header.png');
 background-repeat: repeat-x;
 background-position: right; 
 height: 20em;
 overflow-x: auto;
}

/*h5 {
 font-family: 'Nunito Sans';
 color: #393900;
 font-size: 3em;
 line-height: 1.5em;
 background: -webkit-linear-gradient(pink, #ff6699);
 position: absolute;
 top: 15%;
 right: 0%;
 margin: 1%;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}

h6 {
 font-family: 'Nunito Sans';
 color: #393900;
 font-size: 1em;
 letter-spacing: 5px;
 background: -webkit-linear-gradient(pink, #393900);
 position: absolute;
 top: 45%;
 right: 0%;
 margin: 1%;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}*/

h1, h2 {  /*this header is used for the main content*/
font-family: 'Nunito Sans';
color: #393900;
margin: 4px;
padding: 3px;
font-size: 1.7em;
margin-bottom: 1px;
}


h3 { /*this header is used for navigation*/
font-family: 'Nunito Sans';
color: #393900;
margin: 2px;
padding: 2px;
font-size: 12px;
text-align: left;
}

#nav{ 
width: 15em;
text-align: left;
font-size: .75em;
font-family: century gothic;
color: #393900;
}

.navcont { /*this groups together the navigation boxes*/
 text-align: center;
 background-image: url('/images/bgt2.png');
 border: 4px solid #E0E000;
 width: 13.75em;
 float: right;
 margin: 0.5em;
 }

#nav A:link, #nav A:active { /*style for the links in the navigation*/
margin: 5px;
padding: 4px;
text-align: left;
color: #999900; 
font-family: 'Nunito Sans';
font-size: 13px;
line-height: 13px;
text-decoration: none;
display: block;
background-color: #ffffff;
font-weight: bold;
}
#nav A:visited { /*style for the visited links in the navigation*/
margin: 5px;
padding: 4px;
text-align: left;
color: #707000; 
font-family: 'Nunito Sans';
font-size: 13px;
line-height: 13px;
text-decoration: none;
display: block;
background-color: #ffffff;
font-weight: bold;
}

#nav A:hover {
color: #999900;
cursor: crosshair;
font-family: 'Nunito Sans';
text-decoration: line-through;
font-weight: bold;
}

.navhead { /*this is the background of the header ontop of the navigation sections*/
 background-image: url('/images/nvtop.png');
 background-repeat: repeat-x;
 background-position: right; 
 height: 32px;
 overflow: hidden;
}

#content { 
width: 100%; 
}

.contentinner { /*this is a container to put a border around the post. don't add padding to this, or it will mess up how the header looks*/
 font-size: 14px; 
 line-height: 16px;
 font-family: 'Nunito Sans';
 color: #393900;
 background-image: url('/images/bgt2.png');
 border: 4px solid #E0E000;
 width: 100%;
 position: relative;
 float: right;
 margin: 0.5em;
}

#content A:link, #content A:active {
color: #999900;
text-decoration: none;
font-weight: bold;
}

#content A:visited{
color: #707000;
text-decoration: none;
font-weight: bold;
}

#content A:hover{ 
color: #999900;
text-decoration: line-through;
font-weight: bold;}

.contenthead { /*this is the background of the header above your posts*/
 background-image: url('/images/cttop.png');
 background-repeat: repeat-x;
 background-position: right; 
 height: 32px;
 overflow: hidden;
}

#stack { /*this is just how i name elements.*/
width: 13.75em;
display: flex;
float: left;
flex-direction: column;
}

#spread {
width: 35em;
display: flex;
float: right;
}

#whole {
 width: 100%;
 position: relative;
 display: flex;
 float: left;
}

.postav img { /*this is just stylistic padding*/
 border: 0px;
 margin: 1% 1% -0.5% 1%;
 vertical-align: center;
}

textarea { /*text area styling if you need them*/
 color: #393900; 
 background: rgba(255, 255, 255, 0.5);
 border: 1px solid #E0E000;
 border-radius: 5px;
 width: 98%;
 height: 6.7em;
 padding: 2px;
}

.postliner { /*this is just padding. adjust this to your heart's desire*/
 padding: 1.5%;
}