Jak wyśrodkować górną grafikę w motywie Kante

Używam szablonu Kante http://wordpress.org/themes/kante

Zmieniłem w nim grafikę na górze i w wyższych rozdzielczościach ucieka do lewej strony ekranu. Jak ją „wycentrować”. próbowałem różnych zmian w kodzie znalezionych na necie, ale nic nie skutkuje:( Chodzi o plik bg.gif w 5 linijce. Oto kod ze style.css:

/***********basic style*************/
* {margin: 0; padding: 0; outline: none;}
a {text-decoration: none;color: #1987AA;}
a:hover {text-decoration: none;color: #870617;}
a img{border:none;}
body {color: #333; background:#135e86 url(images/bg.gif) no-repeat;font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding-top: 0px;}
p {padding-bottom: 10px;}
li {list-style: none;padding-bottom: 3px;}
ul {padding: 6px 6px 10px 6px;}
ul li{list-style: none;}
h1 {font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;font-size:22px;font-weight:normal;color: #FFF;}
h1 a, h1 a:hover, h1 a:visited {color: #FFF;text-decoration: none;}
h4 {font-weight: normal;font-size: 12px;}
code{ background-color:#E3EBF6; border:#F0F0F0 solid 1px;border-left:#F0F0F0 solid 4px; display:block;padding:2px 10px 2px 10px;margin:5px 30px 10px 10px;}
blockquote{background-color:#E3EBF6;padding:5px 5px 5px 20px;margin:5px 30px 10px 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.more-link {float: right;padding: 4px 6px 4px 6px;margin:0 1px 11px 0;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}