CSS help

[gmd]

I have a search widget for wordpress with the following css:

/* widget search */
li.widget_search #search{/* 090627fix */
	padding: 10px 30px;
}

li.widget_search form#searchform{
	width: 200px;
	height: 25px;
	border: none;
	background-color: #fff;
	position: relative;
	}
	li.widget_search form#searchform .searchinput{
		position: absolute;
		top: 5px;
		left: 8px;
		color: #666;
		font-size: 13px;
		width: 165px;
		border: 0;
		}
	li.widget_search form#searchform .button{
		position: absolute;
		top: 0px;
		left: 175px;
		background: url(images/mag.gif) no-repeat;
		height: 25px;
		width: 25px;
		border: 0;
		cursor: pointer;
		}

Right now, it looks like this:

[IMG]http://imgur.com/HCWCP.png[/IMG]

What would I have to add to the css to make it centered and have a little bit of padding on top?

Thanks

[jaybuz]

li.widget_search form#searchform{
	width: 200px;
	height: 25px;
	border: none;
	background-color: #fff;
	position: relative;
	padding: 10px 30px;
	margin: 0 auto;
	}

[gmd]

[QUOTE=jaybuz;24317574]

li.widget_search form#searchform{
	width: 200px;
	height: 25px;
	border: none;
	background-color: #fff;
	position: relative;
	padding: 10px 30px;
	margin: 0 auto;
	}

[/QUOTE]

That doesn't seem to fix it

[IMG]http://imgur.com/tHIRz.png[/IMG]

[jaybuz]

It would be easier if you linked me to the site.

[gmd]

[QUOTE=jaybuz;24318238]It would be easier if you linked me to the site.[/QUOTE]

[url]http://www.accursedfarms.com/[/url]

[jaybuz]

li.widget_search form#searchform{
	width: 200px;
	height: 25px;
	border: none;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	}

li.widget_search { padding: 15px 0; }

[gmd]

It works! Thanks for your help.

[graymic]

Also lose the top header or try and make something more fitting with the rest of the site, this is just a opinion ofc but I think the rest of the site is very aesthetically pleasing, yet something just doesn't do it for the top, again this is just opinion :P