html {
cursor: url(../images/cur.gif), auto;
}

body {
 font-family: 'Zen Maru Gothic';  /*you can change this font, just make sure to link the proper font in the html as well*/
 color: #3399ff;
 font-weight: bold;
 line-height: 1.3em;
 background-image: url(../images/tile1.png);
 background-position: top;
 overflow-x: hidden;
 }
 
 #layout { /*this block makes up the main layout*/
 background: none;
 width: 56.25em;
 height: auto;
 position: relative;
 margin: auto;
 }
 
.header { 
 background-image: url(../images/header.png);
 background-repeat: repeat-x;
 background-position: right; 
 height: 22.5em;
 overflow: hidden;
}

h5 { /*style for the headers on the image*/
 font-family: 'Zen Maru Gothic';
 color: #ffffff;
 font-size: 3.5em;
 line-height: 4.3em;
 background: -webkit-linear-gradient(#e9f6fb, #1167b1);
 position: absolute;
 top: -7%;
 left: 8.5%;
 margin: 1%;
 padding: 2%;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}

h6 {
 font-family: 'Zen Maru Gothic';
 color: #ffffff;
 font-size: .75em;
 letter-spacing: 5px;
 background: -webkit-linear-gradient(#e9f6fb, #1167b1);
 position: absolute;
 top: 35%;
 left: 1%;
 margin: 1%;
 padding: 2%;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}

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


h3 { /*this header is used for navigation*/
font-family: 'Zen Maru Gothic';
color: #034a7c;
margin: 4px;
padding: 3px;
font-size: 1.4em;
text-align: left;
}

#nav{ 
width: 95%;
text-align: left;
font-size: .75em;
font-family: century gothic;
color: #60adb8;
}

.navcont { /*this groups together the navigation boxes*/
 color: #053f81;
 background: #cfe9f7;
 background-image: url(../images/tile2.png);
 border: 1px solid #ffffff;
 width: 95%;
 float: right;
 margin: 0.5em;
 }

#nav A:link, #nav A:visited, #nav A:active { /*style for the links in the navigation*/
color: #053f81;
background: rgba(255, 255, 255, 0.5);
display: block;
margin: 4px;
padding: 2%;
font-family: 'Zen Maru Gothic';
font-size: 13x;
line-height: 13px;
text-decoration: none;
font-weight: bold;
cursor: url(../images/cur.gif), auto;
}

#nav A:hover {
color: #0cc3ff;
font-family: 'Zen Maru Gothic';
font-weight: bold;
cursor: url(../images/cur.gif), auto;
}

.navhead { /*this is the background of the header ontop of the navigation sections*/
 background-image: url(../images/cttp.png);
 background-repeat: repeat-x;
 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: 'Zen Maru Gothic';
 color: #053f81;
 background: #cfe9f7;
 background-image: url(../images/tile2.png);
 border: 1px solid #ffffff;
 width: 100%;
 position: relative;
 float: right;
 margin: 0.5em;
}

.postliner { /*this is just padding. adjust this to your heart's desire*/
 background: rgba(255, 255, 255, 0.3);
 border: 1px solid #053f81;
 border-radius: 3px;
 width: 95%;
 position: relative;
 float: right;
 margin: 0.5em;
 padding: 1%;
}

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

#content A:hover{ 
color: #0cc3ff;
font-weight: bold;}

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

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

#spread {
width: 41em;
display: flex;
float: right;
margin: 1%;
}

#whole {
 background: rgba(21, 49, 75, 0.6);
 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: #b40b50; 
 background: rgba(255, 255, 255, 0.5);
 border: 1px solid #e498b7;
 border-radius: 5px;
 width: 98%;
 height: 6.7em;
 padding: 2px;
}