/*start of link bar formatting*/
.linkbar{
border-top: solid;
border-bottom: solid;
border-width: 1px;
color:#B22222;
width:100%;
height:40px;
background-color: #38383B;
position: absolute;
top: 0;
left: 0;
}

/*current page button styling*/
#active{
background-color: #1322D0;
float: left;
width: 100px;
height: 40px;
text-align: center;
text-decoration: none;	
color:#cccccc;
border-right:solid;
border-width:2px; 
}

/*button styling*/
.left{
color:#cccccc;
width: 100px;
height: 40px;
background-color: #38383B;
text-align: center;
float: left;
text-decoration: none;
border-right:solid;
border-width:2px;  	
transition:ease-out .6s;
}

/*hovering over button styling*/
.left:hover{
background-color:#1322D0;
transition:.6s;
}
/*end of link bar formatting*/

/*title formatting*/
.header{
height:80px;
width:70%;
margin-left: 15%;
margin-right: 15%;
background-color: white;
border-radius: 40px;
border: solid;
border-color: orange;
text-align: center;
font-size: 50px;
padding-top:20px ;
padding-bottom:10px;
}

/*blog area formatting*/
#textarea{
clear:left;
padding: 5px;
width:70%;
margin-left:14.5%;
margin-right:15.5%;
margin-top: 25px;
background-color: white;
height: auto;
border-radius: 10px;
border: solid;
border-color: red;
}

/*indentation for text*/
.indent{
margin-left: 20px;
}

/*all link formatting*/
a{

}

/*background formatting*/
body{
background-color: maroon;
}

/*all image formmating*/
img{

}