Sidebar Widgets Overlapping

edit style.css of your theme:

find:

#secondary {
	clear: right;
	margin-right: 0px;
	margin-left: 10px;
}

change to:

#secondary {
	clear: right;
	margin-right: 10px;
	margin-left: 0px;
     margin-top: 10px;
}

(explanation: there are two sidebar divs – #primary and #secondary.
for some reason, #secondary had a margin-right of 0px instead of 10px, causing the shift. the suggested changes should remedy the issue.)

ps:
for alignment reasons, you could also add this new style to style.css:
.textwidget { margin-left:-7px;}

Do I need to put this .textwidget { margin-left:-7px;} somewhere specific?

by the time you asked that question, you could have tried to put it anywhere 😉

actually, it does not matter where you put it;

i personally would add totally unrelated new styles at the end of style.css, just as a matter of order.

if it relates to something else, i would add it it after the related styles (but i don’t think this is the case here)