Trying to edit a Theme…

Hey guys, just starting off so thanks for advice/tips in advance.

The theme im using has a floating side bar with the Latest Posts, Archive etc. on it. Once I set the blog title and theme in the wordpress control panel, the theme places that info into the banner area, except that i designed my own banner and included the blog name into the banner art.

If i take that info out using the wordpress control panel again, the floating sidebar moves up and starts covering the banner. I’m not very familiar with ccs but understand other codeing languages so I can follow directions if anyone has them…

I’m looking to stop the side bar from moving up.

Check out what im talking about at https://www.concretejungleblog.com

heres the area of the ccs:

/* header */
.header {
background: url(images/header.jpg) no-repeat;
color: #7e2828;
margin: 0 auto;
width: 800px;
height: 190px;
}

.hdrtitle h1 { text-align: right; padding: 22px 65px 0 0; font: normal 3.4em Tahoma,Arial,”Trebuchet MS”,sans-serif; }

.hdrtitle a, .header a:hover {color: #7e2828; text-decoration: none;}

.hdrtitle h2 { text-align: right; padding: 0 65px 10px 0; font: normal 1.4em Tahoma,Arial,”Trebuchet MS”,sans-serif; }

/* navigation */
.navigation {
width: 590px;
float:left;
margin-top: 40px;
height: 11px;
padding-top: 18px;
text-align: left;
}

.navigation a {
background: url(images/nav-split.gif) no-repeat right;
text-decoration: none;
font: bold 1.1em Arial,”Trebuchet MS”,sans-serif;
color: #474747;
padding: 0 20px 0 20px;
}

.navigation a:hover {
color: #474747;
text-decoration: underline;
}

.navigation li { display: inline; }

/* sidebar */
.outside {
background: #FFF;
float: right;
width: 180px;
margin: 10px 20px 10px 0;
border: 1px solid #e0e0e0;
}

.sidenav {
background: #343434;
width: 170px;
margin: 5px;
color: #d5d5d5;
}

.sidenav h2 {
background: url(images/sb-menu.gif) no-repeat;
color: #FFF;
font: bold 1.1em Tahoma,Arial,”Trebuchet MS”,Verdana,sans-serif;
padding: 10px 0 0 18px;
}

.sidenav ul { padding: 6px 0 6px 0; }

.sidenav li a{
background: url(images/bullet.png) no-repeat;
font-size: 1em;
color: #d5d5d5;
display: block;
margin-left: 10px;
padding: 0 0 4px 16px;
text-decoration: none;
width: 95%;
}

.sidenav li a:hover { text-decoration: underline; }

.feed { margin: 5px 0 0 25px; }

.sidenav a {
font-size: 1em;
color: #FFF;
display: block;
margin: 0 auto;
width: 80%;
}

.sidenav li a:hover { text-decoration: underline; }