#container{
border-radius: 5px;
margin-left: auto;
clear: both;
margin-right: auto;
max-width: 500px;
margin:auto;
}
/*y doesnt container and midcontainer work together?*/
/*they do:everything joined together*/



#midcontainer{
/*border:1px solid black;*/
border-radius:3px;
/*just color "black" doesn't work*/
margin-right:100px;
margin-left:auto;
height: 820px;
width:800px;
float:left;
float: right;  
padding-top: 20px;
padding-bottom: 10px;
background-color: #f0d1e6;
/*/*margin top off keeps the midcontainer high*/
/*no padding-left*/   
}




#imagebarleft{
margin-top: :150px;
margin-left: auto;
border-radius: 3px;
height:850px;
width: 115px;
float:left;
float: right;
background-color: #d6f1f0;  
}

#imagebaright{
margin-top: :250px;
margin-left: auto;
border-radius: 3px;
height:850px;
width: 115px;
float: 
clear: left;
/*it works like this;dont remove */
background-color: #d6f1f0;

}

#header{
height:100px;
float: left;
clear: both;
margin-left: 10%;
width:80%;
background-color: #e6b2cc;
border-radius: 5px;
}

.menubox{
height: 50px;
width: 140px;
background-color: #ead8f3;
/*background-color: yellow;*/
float: left;
border-radius: 10px;
text-align: center;
padding: 1%;
}

.textarea{
height:800px;
float: left;
clear: both;
margin-left: 15%;
width:70%;
/*background-color: black*/
}





p{
font-family: Comic Sans MS;    
}

/*change color scheme later*/
/*/*use border css menumaker?*/