Footer widget area header background color

Hi,
I tried the code you suggested but it did not work.

How to change the Footer widget area header background color.
http://woodworkdesigns.org/
I need the same color as the sidebar

This is the Custom CSS I am using

#searchform {
background:#87420b;
}
.themonic-nav ul.nav-menu,
.themonic-nav div.nav-menu ul {
background: #ffeed1;
border-bottom:#;
}
.themonic-nav li ul li a {
background:#ffd587;
}
.themonic-nav li ul li a:hover {
background:#ffffff;
}
.themonic-nav li a {
font-size: 13.5px;
line-height: 2.5;
}
.themonic-nav li a {
font-weight: bold;
letter-spacing: 0;
line-height: 3.0;
padding: 0 5px;
white-space: normal;
}
.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul {
font-size: .50;
}
.entry-header .entry-title {
background: #ffffff;
padding: 0px;
}

.site-header {
margin-bottom: 0.0px;
}
.site-content article {
border-bottom: ;
}
.site {
max-width: 1040px;
}
.site-header {
border: none;
}
.entry-content td, .comment-content td {
border-top:0;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
font-size: 1.2em;
}
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
background: brown;
}
footer[role=”contentinfo”] {
background: #87420b;
color:#ffffff;
}
.footer-widget .widget a { color:#db663b;
}

.footer-widget .widget a:hover{color:#5f574f;
}

.footer-widget .widget a:visited{color:#0a4153;
}

#iop-footer.widget-area a {
color: #000000;
}
#iop-footer.widget-area {
border: 1;
}

#iop-footer .themonic-subscribe {
padding-top: 0;
}

.widget-area .widget li, .widget-area .widget .textwidget {
border-bottom: .01;
}

.widget-area .widget-title {
background:#87420b;
}

#iop-footer.widget-area {
background: #e9b175;
}

.widget-area .widget-title {
color: #ffa83f;
}
.widget-area .widget-title {
font-weight: bold;
letter-spacing: 0;
line-height: 1.0;
padding: 0 10px;
white-space: normal;
}

#iop-footer .widget-title {
    background: #87420B;
}