Homepage Slider

Our website was hacked and when we recovered it, a few formatting issues came up. We are using a theme called TheSource. We have a feature slider on the homepage that just rotates through photos however, it has sifted to the right of the page. How can I bring it back to the centre or right? Also, on top of the photo, the name of the category and when it was last updated is showing up on the photo. How do we get rid of this?

Here is the style code from the Featured Slider:
#featured { border-bottom: 1px solid #ffffff; background: #000000; height: 300px; overflow: hidden; }
div.slide { height: 300px; position: relative; }

div.overlay, div.top-overlay { background:url(“images/dropshadow.png”) repeat-x bottom left; bottom:0; height:22px; left:0; position:absolute; width:100%; }
div.top-overlay { background:url(“images/top-overlay.png”) repeat-x bottom left; top: 0px; height: 43px; }

a#prevlink, a#nextlink { position:absolute; bottom:-2px; right:0; height: 40px; text-indent: -9999px; display: block; z-index: 1000; }
a#prevlink { right: 80px; background: url(images/arrow-left.png) no-repeat; width: 81px; }
a#nextlink { width: 80px; background: url(images/arrow-right.png) no-repeat; }