How to change style.css sidebar text alignment

Ok,
I went to "Main Containers" - "Sidebar" and entered this line:

text-align: center !important;

This works for centering sidebar text only. (title and body of widget is centered)

This is what I'm looking at: (If I put it above #sidebar it centers the whole page and sidebar widget----All I want centered is the sidebar widget title. Is it possible?):

/*-------------------------------------
Main Containers
--------------------------------------*/
#container {
background-color: #FFF;
border: 8px solid #000;
margin: auto;
max-width: 100%;
box-shadow: 0 0 10px #000;
}
#header {
min-height: 120px;
overflow: hidden;
}
#header-info-wrap {float: left;}
#header-logo img {display: block;}
#header-info-wrap #header-text {
margin-top: 20px;
margin-left: 18px;
font-weight: bold;
}
#site-title {
font-size: 44px;
text-shadow: 0 2px 2px #000;
}
#site-title a {color: #FFA900; line-height: 1;}
#site-title a:hover {color: #F00;}

#site-description {
font-size: 16px;
margin-top: 6px;
margin-bottom: 6px;
}


#main {
overflow: hidden;
width: 100%;
font-size: 16px;

}
#content {
display: table-cell;
vertical-align: top;
width: 640px;
padding: 0 10px 20px;
border-left: 1px solid #555;
border-right: 1px solid #555;
p {font-size:16px;}
}
#sidebar {
display: table-cell;
vertical-align: top;
width: 320px;
padding: 0 5px 20px;
text-align: center !important;
p {font-size:12pt;}
}

#footer, #below-menu {
background: url("images/bg-fabric.png");
width: 100%;
overflow: hidden;
color: #FFF;
text-shadow: 1px 1px 1px #000;
}