Thanks. I found the CSS with Firefox developer tools and made some more adjustments, but I am having trouble getting the white box that surrounds the current bredcrumb to disappear. This is what I have done so far:
#breadcrumb-list {
background-color: #000;
}
#breadcrumb-list .wrapper {
padding: 2px 40px 0;
}
.home #breadcrumb-list .wrapper {
padding-bottom: 2px;
}
#breadcrumb-list span {
background-color: transparent;
border: 0px;
color: #666;
display: block;
float: left;
font-style: italic;
margin-left: -1px;
}
#breadcrumb-list a:hover,
#breadcrumb-list a:hover span {
color: #C6100A;
text-decoration: none;
}
#breadcrumb-list a,
#breadcrumb-list a span {
color: #66666;
display: inline-block;
padding: 5px 10px 3px;
}
Any help will be greatly appreciated.