Does anyone know how to resize a sidebar?

I installed a blog and added some adverts as widgets, the widgets are too wide and cross over into the body of the blog, can someone please help me fix it? Here is what I'm talking about:

http://enlarged-heart.org

You need to set a width for the .navigation class in your style sheet eg something like



You may also need to fiddle with .main and other classes to get everything to fit nicely.

Looked at your CSS file... this one:

http://enlarged-heart.org/wp-content/themes/health-guide-10/style.css

find that and edit this:

.navigation

{

width: 210px;

}

you could make the content smaller also

.content {
background: none repeat scroll 0 0 #EAEAEA;
float: right;
padding-left: 0;
width: 465px;


}

Find this
change to

You need to edit your CSS

find .content and change the width from 565px to 465px

next, find .navigation and change the width from 210px to 310px


after implementing these changes locally on my machine, this is what the site looks like:
ht*tp://screencast.com/t/m9Cgraak

I do this kinda stuff for a living.. if you like I can login to your site and make the necessary changes. Should take me about 3 minutes. PM me if you'd like a hand.


>>> On a side note, my sister had a heart transplant due to cardiomyopathy (enlarged heart) << just an interesting fact

Thanks for the help guys.. I fixed it using your recommendations. But I have 1 more question, why does the site load up in the middle of the page, instead of at the top?