sideback

<!--
Okay, so I'm going to make this easy for you bby, bc you are one of my fave blogs, just copy and paste the code, .sideback and then you can change the position, size etc, just message me if you need any help. Then you see the <div id="center"> paste the code that will be down below aswell below that, if you want to add more sidebacks just copy and paste the first code and then change the name so say .sideback1 then do another div tag and name is .sideback1 :) I hope you get it, ahah I'm hopeless at explaining!:)
-->

.sideback{
    -webkit-animation:fadeInDownBig ease-in-out 2.5s;
-moz-animation:fadeInDownBig ease-in-out 2.5s;
-ms-animation:fadeInDownBig ease-in-out 2.5s;
position:fixed;
z-index:0;
margin-left:-150px;
margin-top:-13px;
top: 0px;
height:105%;
background-position: right;
background: #;
background-image:url({image:sideback});
height:850px;
border-bottom:2px solid #fff;
border-top: 0px solid   #fff;
border-left: 1px solid #fff;
border-right: 1px  solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
box-shadow:0px 0px 5px #888;
opacity:1;
width:200px;
-webkit-transition: opacity .4s linear;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}






/*Don't copy and paste this bit in these funny things but this is the div coding down below that you have got to paste under the <div id="center" tag :) */

<div class="sideback"></div>