body {
background-repeat: repeat;
background-image: url("images/soda.jpg");
background-size: 100%;
}
/*divs*/
/*one div to hold them all-------------------------------------------------------------------------------------------------*/
#wrapper {
width: 1200px;
height: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #00f0f0;
z-index: 1;
Border: 3px solid #000;
}

#header{
width: 1200px;
height: 150px;
position: absolute;
top: 0px; 
padding: 0px;
margin: 0px;
background-color: #21AB05;
z-index: 1;
}

#nav{
width: 1200px;
height: 100px;
position: absolute;
top: 150px;
padding: 0px;
margin: 0px;
background-color: #FF6A00;
z-index: 1;
}

#aside_left{
width: 200px;
height: 550px;
position: absolute;
top: 250px;
padding: 0px;
margin: 0px;
background-color: #00ff66;
z-index: 1;
}

#container{
width: 800px;
height: 450px;
position: absolute;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
top: 250px;
left: 200px;
background-color: #066ff0;
z-index: 1;
}

#aside_right{
width: 190px;
height: 550px;
top: 250px;
left: 1010px;
position: absolute;
padding: 0px;
margin: 0px;
background-color: #FFD000;
z-index: 1;
}
#footer {
width: 810px;
height: 90px;
top: 710px;
left: 200px;
position: absolute;
background-color: #C5D4E8;
z-index: 1; 
}

.box:hover{
  background: #000;
}

.story{
z-index: 4;
height: 135px;
position: relative;
text-align: left;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background-color: #bbbbbb;
border: 1px solid #fff;
}

.text1{
z-index: 5px;
width: 640px;
height: 135px;
position: absolute;
text-align: left;
margin-bottom: 5px;
background-color: #996633;
border: 1px solid #ff5555;
}

.img1{
z-index: 5;
width: 135px;
height: 135px;
position: absolute;
left: 655px;
text-align: left;
background-color: #663399;
border: 1px solid #55ff55;
border-radius: 20px;
}

.roundimage{
border-radius: 20px;
}



/*text--------------------------------------------------------------------------------------------------------------------------*/



h1{
font-family: SFCartoonistHandBoldItalic, "The Roman Times", serif;
font-size: 2.8em;
letter-spacing: 4px;
font-weight: bold;
text-align: left;
color: #000;
margin: 5px;
text-decoration: none;
}

p{
font-family: SFCartoonistHandBoldItalic, "The Roman Times", serif;
font-size: 1.4em;
letter-spacing: 4px;
font-weight: bold;
text-align: left;
color: #061A75;
text-decoration: none;
margin: 5px;
}

.small{
font-size: 80%;
font-weight: 800;
letter-spacing:0.25em;
text-transform:capitalize
}

.red{
color: #AD1818
}


/*Navigation----------------------------------------------------------------------------*/


a:link, a:visited, a:active{
font-family: Verana, Arial, Helvetica;
font-size: leml;
text-decoration: none
}

a:link{
color: #78A7FE
}

a:visited{
color: #CB97FF
}

a:active{
color: #FFD595
}