Separated widgets

Hello all. I’m new to coding wordpress themes and I’m having a problem with my widgets being separated. Here is the blog for reference:

http://jewelrykings1912.com/blog/

I have a two column layout with the sidebar widgets appearing on the left and the main content on the right. Right now, only the search bar is showing up where it’s supposed to. The rest of the widgets (pages, archives, blogroll, etc.) are located at the bottom of the page, seemingly located outside of the two columns. The position of these bottom widgets does not change if the content and the sidebar switch sides.

Adjusting the width of either column and the margins also does not seem to make a difference. Here is the layout css:

#container {
	float: right;
	margin: 0 -220px 0 0;
	width: 98%;
	border-left: 1px solid #dbdbdb;
}
#content {
	margin: 0 240px 0 20px;
}
#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 220px;
}

#secondary {
	clear: left;
}
#footer {
	clear: both;
	width: 100%;
}

Does anybody have an idea of what I’m doing wrong? Thanks.