MikeDH

/* Wrapper */

#page {
	margin: 20px auto;
	max-width: 1000px;
	overflow:hidden;
}

.site-content {
	float: left;
	width: 100%;
}
#content {
	margin: 0 22% 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ #content {
	margin: 0 22% 0 0;
}} /*end safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){ .page #content, .single #content {
	margin: 0 22% 0 0;
}} /*end safari hack */

#main .widget-area {
	float: left;
	overflow: hidden;
	width: 20%;
}
#secondary { /* Sidebar 1 */
	margin: 0 0 0 -20%;
	width:18%;
}

I made this modification, but I’m still getting the overlap – This was to be made in the style.css under the theme I’m using, right?