Getting Rid of Border on Website

I still cannot for the life of me figure this out. If you look at the site, you see a thin border around all the widgets…and even the header. I was wondering how I go about getting rid of it…I know its in the CSS somewhere (or at least I think it is)

Hi there… no problem.
In this file
style-default.css you will have to change some css in line 109 there’s this code:

.type-post, .type-page, .type-comic, .type-music, .type-showcase, .type-casts, .sidebar .widget, .type-attachment {
background: url('images/whitetrans.png') repeat;
border: solid 1px #BBB;
margin-bottom: 10px;
}

That puts the 1px border around many objects (not only widgets). If you want to get rid of the border EVERYWHERE, just delete
border: solid 1px #BBB;

If you want to remove the border only for the widgets, you will have to replace the code on top with:

.type-post, .type-page, .type-comic, .type-music, .type-showcase, .type-casts, .type-attachment
{
background: url('images/whitetrans.png') repeat;
border: solid 1px #BBB;
margin-bottom: 10px;
}

.sidebar .widget {
background: url('images/whitetrans.png') repeat;
margin-bottom: 10px;
}

With this, you separate the styles for the widgets from the styles for the rest (with borders).

Good Luck
Anja

Wow, thank you so much. This is such a great service. I really appreciate it. I know its a pretty noob question but I was looking all over for it. Thank you again!

No problem! Glad to help!