Как изменить ширину области отображения материала?

Не понимаю как это сделать. Вот скрин.

 

/*___________________________________________________________INDEX.PHP_STYLES_________________________________*/

.main {width:980px;}

#tail {background:url(../images/tail.jpg) repeat-x 0 0 #e5e5e9; padding:24px 0px 0px 0px;}

#header {background:url(../images/header-bg.jpg) repeat-x 0 0}
#header .left-bg {background:url(../images/header-left.gif) no-repeat 0 0}
#header .right-bg {background:url(../images/header.jpg) no-repeat right 0; height:278px}
#header .slogan {margin:56px 0px 0px 43px;}

#top {background:url(../images/top-bg.jpg) repeat-x 0 0}
#top .left-bg {background:url(../images/top-left.jpg) no-repeat 0 0}
#top .right-bg {background:url(../images/top-right.jpg) no-repeat right 0; height:123px; overflow:hidden}
#top-funk {margin:0px 0px 0px 312px;}
#logo {float:left; width:310px}
#logo img {margin:34px 0px 0px 31px;}
#whos {width:260px; float:right}
#topmenu {margin:0px 0px 0px 0px;}

#search {height:86px; padding:0px 0px 0px 287px;}

#wrapper {overflow:hidden; width:100%}

#left {width:198px; float:left;}
#right {width:198px; float:right;}
#content {background:#fff url(../images/cont-bg.gif) repeat-x 0 0; }
#content .shadow-tl {background:url(../images/shadow-left-top.gif) no-repeat 0 0}
#content .shadow-tr {background:url(../images/shadow-right-top.gif) no-repeat right 0; width:100%; overflow:hidden}
#content .shadow-r {background:url(../images/shadow-right.gif) repeat-y right 0}
#content .shadow-l {background:url(../images/shadow-left.gif) repeat-y 0 0}

#content .space {padding:34px 25px 20px 32px;}

#container {margin:0px 230px 0px 233px;}
#container2 {margin:0px 0px 0px 223px;}
* html #container {margin:0px 227px 0px 230px; width:100%}
* html #container2 {margin:0px 0px 0px 230px; width:100%}

.article_t {background:url(../images/cont-top.gif) repeat-x 0 0}
.article_tl {background:url(../images/cont-tl.gif) no-repeat 0 0; width:100%; }
.article_tr {background:url(../images/cont-tr.gif) no-repeat right 0; }
.article_br {background:url(../images/cont-br.gif) no-repeat right bottom; padding:27px 35px 20px 35px;}
.article_bl {background:url(../images/cont-bl.gif) no-repeat 0 bottom}


#footer {
background:url(../images/footer-bg.gif) repeat-x 0 0
}
#footer .bg-bot {
background:url(../images/footer-bot-bg.gif) repeat-x 0 0
}
#footer .bg-left {
background:url(../images/footer-left-bg.gif) no-repeat 0 0;
}
#footer .bg-right {
height:124px;
background:url(../images/footer-right-bg.gif) no-repeat right 0;
}
#footer .space {color:#fff; padding:80px 0px 12px 0px; text-align:center; font-weight:bold }
#footer a {color:#fff; font-size:12px; font-weight:bold; text-decoration:underline;}
#footer a:hover {text-decoration:none}
#footer em {font-style:normal}

.un li {
background:url(../images/bullet-un.gif) no-repeat 0 0 !important;
padding:2px 0px 0px 27px !important;
display:block !important
}
.un li a {
color:#1572af !important;
font-size:11px;
}