In theme.css (from the "clear"-theme), you can change the color. But, how can I make another color for the menu? I did a ltiitle change for a better result, but I can't find a whole sollution for my little problem



This is my css (theme.css):

/* text color */
BODY, H1, H2, H3, DT,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
    color:#fefed2;    /* dimgray */
   
}

/* backgrounds */
BODY, H3 {
    background-color: #ffffff;    /* white */
}

H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
    background-color: #314a66;
}


#menubar DL, .content, #imageToolBar, .header_notes {

}

/* borders */
#menubar DL, .content, #imageToolBar {
  border: 1px solid #314a66;
}

#theImage IMG {
  border: 3px solid #314a66;
}

.content UL.thumbnail IMG {
    border: 1px solid #a0a0a0;
}

FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
  border: 1px solid #314a66;
}

.content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #314a66;    /* thumbnails border color and style */
}

.content UL.thumbnails SPAN.wrap2:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
  background-color: #faebd7;
  border-color: yellow;        /* thumbnails border color when mouse cursor is over it */
  color: black;
}

/* links */
#menubar A:hover, INPUT.rateButton:hover {
    color: #fefed2;
}

#menubar A, INPUT.rateButton {
    color: #314a66;
    background: transparent;
}

A, INPUT.rateButton {
    color: #fefed2;
    background: transparent;
}

A:hover, INPUT.rateButton:hover {
    color: #white;
}

#imageToolBar A, #imageToolBar A:hover {
    border-bottom: none;
}

A.navThumb, A.navThumb:hover {
    border-bottom: none;
}

/*calendar elements*/
SPAN.calItem, SPAN.calItemEmpty
{
  border: 1px solid silver;
}

#qsearchInput { color: #d3d3d3; }
#qsearchInput:focus { color: #005e89; }