Hello Hulbert,
Thanks for the link to your site! I took a look at this for you with the Firebug extension in Firefox and found the following CSS for each of those elements:
Navigation bar:
#navigation {
border-bottom: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;
margin: 15px 0 0 10px;
}
Sidebar Widgets:
#sidebar h2.widgettitle {
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.1em;
font-weight: normal;
letter-spacing: 0.1em;
padding: 12px 0;
text-transform: uppercase;
}
If you haven’t already, please make sure you are using a Child Theme before making changes to your CSS. In your Child Theme, you can change the colors for border-bottom and border-top for each of those elements.
Hope this helps!