Hello,
Try themeing your .mainnav and .sidebar to have rounded corners (or a rounded corner) and leave the block ids and classes
square.
Excellent, got it!
Viewing the source of one of the pages, I have this:
<div class="mainnav"> <p class="sidebar-title-noshade bg-blue07">About Us</p> <div class="sidebar-txtbox-noshade bg-grey03 mainmenu"> <ul> <li></li> <li></li> </ul> </div>
<p class="sidebar-title-noshade bg-blue07">Hours</p> <div class="sidebar-txtbox-noshade bg-grey03 mainmenu"> <ul> <li></li> <li></li> </ul> </div> </div>
So, what I did was add this for .mainnav: Background: #28497e url(image with curved edge) no-repeat;
And, then for bg-blue07: Background: transparent;
So, that image with the rounded corner shows up at the top, and for all others, since the background is transparent, that blue color shows through.
Thank you very much for everyone's help!
- jody