ScoutingRediscovered on "centering bottom widgets in Mog Theme"

Hello! After tweaking some CSS setting, I found I could center the element by changing to "margin: 0 auto;"

However, I still haven't been able to get the three widgest side-by-side and centered.

It seems that "float: left;" makes them line up side-by-side but also pushes the element to the left of the page. Changing it to "float: none" makes it center, but doesn't line the widgets up side-by-side.

Here is my current CSS from main.css:

/* Secondary area */
#secondary{
	margin: 0 auto;
	padding: 2em 0;
	border-top: 0px solid #AAA;
}

#search{
	text-align: center;
	float: none;
	width: auto;
	margin-bottom: 1.5em;
}

aside.widget{

	float: none;
	margin: 0 auto;
	width: 13em;
	padding: 5px;

}

If anyone could help I'd really appreciate it!