Replacing Sidebar Background Color

This is a forum and not an instant messenger so you will notbe answered instantly. You may need to wait a day or two for an answer.

Start with these:

In your style.css replace the the sidebar section with the following:

/* sidebar */
#sidebar {
	margin-top: 15px;
        background-color: black;
	padding-bottom: 20px;
	float:right;
	width: 260px;
	color: #fff;
	line-height: 160%;
	position: relative;
}
.welcome {margin-bottom: 1em;}
.welcome h2{font-size: 23px;}
.welcome h3{font-size: 18px;}
.welcome h2, .welcome h3 {margin-bottom: 5px;}
#sidebar .dbx-box
#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar h3 {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #fff;
}
#sidebar h3:hover{color: #fff;}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #fff;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #fff;
	text-decoration:none;
}
#sidebar h3:hover{color: #000;}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #333;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #fff;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
#sidebar ul li {
	background-image: url(images/icons/bullet_black.png);
	background-repeat: no-repeat;
	padding-left: 22px ;
	background-position: 0 1px;
}
#sidebar ul li ul li {
	background-image: url(images/bullet_black.png);
	background-repeat: no-repeat;
	padding-left: 12px ;
}

In your dbx.css file replace the following:

/* inner content area */
.dbx-content {
	margin: 0;
	padding: 5px 10px 9px 10px;
	background: #000;
	overflow: hidden;
}