레이아웃 하단의 footer가 왼쪽으로 그림처럼 쫘~~~악 붙어 버렸습니다. 

시간되시는 분 답변 부탁

다시 중앙으로 오게하려면  

css를 수정해야 하나요?

/* Site Layout - Footer */
#footer { width:839px;  }
#footer { margin:0; text-align:center; clear:both; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-width: 3px; border-top-style: solid; border-top-color: #333; background-color: #FAFAFA; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB; }
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#575757; font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: 0.9em; text-decoration: none; }
#footer li address { display:inline; }

layout.html을 수정해야하나요?

     <div id="columnRight">
            <!-- 컨텐츠 시작 -->
            {$content}

        </div>
 
 
  <hr  />
  <ul id="footer">
        <li class="first-child">
            <address>
            <a href="http://www.xpressengine.com" onclick="window.open(this.href);return false;">Powered By XpressEngine</a>
            </address>

        </li>s

        <!--@foreach($bottom_menu->list as $key => $val)-->
        <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@endforeach-->
    </ul>
</div>