Customing Top Menu Colors

How create or modifiy the color of top menu and title of page showed.

Radio musi template uses a special technique to manage individual colors of any single menu in the top menu and its categories and titles of pages assigned to each individual menu.
If u want change color of any single menu or create new color based on any single menu and category, open the file customize.css.
In the top of the file you'll find a section named BackGround Colos Top Menu and change the color of any single css classes of this block

#menu ul>li:first-child a,
#menu ul>li:first-child a:visited { background-color : #000000; }
#menu ul>li:first-child + li a,
#menu ul>li:first-child + li a:visited { background-color: #FF0000; }
#menu ul>li:first-child + li + li a,
#menu ul>li:first-child + li + li a:visited { background-color: #66FF00; }
#menu ul>li:first-child + li + li + li a,
#menu ul>li:first-child + li + li + li a:visited { background-color: #ECEC00; }
#menu ul>li:first-child + li + li + li + li a,
#menu ul>li:first-child + li + li + li + li a:visited { background-color: #FF9900; }
#menu ul>li:first-child + li + li + li + li + li a,
#menu ul>li:first-child + li + li + li + li + li a:visited { background-color: #CC00CC; }
#menu ul>li:first-child + li + li + li + li + li + li a,
#menu ul>li:first-child + li + li + li + li + li + li a:visited { background-color: #FF66FF; }
#menu ul>li:first-child + li + li + li + li + li + li + li a,
#menu ul>li:first-child + li + li + li + li + li + li + li a:visited { background-color: #C1C1C1; }

#menu ul>li:first-child a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li + li + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li + li + li + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li + li + li + li + li a:hover { background-color : #cccccc; }
#menu ul>li:first-child + li + li + li + li + li + li + li a:hover { background-color : #cccccc; }

where
#menu ul>li:first-child a, .....  is the first menu,
#menu ul>li:first-child + li a, .... the second menu,
#menu ul>li:first-child + li + li a, .... the third menu and so on

in base at the color assigned to the single menu, you need assigne the same color to title of articles of the category assigned at the menu
example.
at #menu ul>li:first-child + li a, ....  { background-color: #FF0000; } is assigned the category dee jays. to have the same color title u need create a css classes like this:
.dee-jays h1, .dee-jays h2, .dee-jays h3 { color:#ff0000; } where dee-jays is the seo title of the category dee jays:

How to do this u can find in the css section named /* CATEGORIES */

.dee-jays h1, .dee-jays h2, .dee-jays h3 { color:#ff0000; }
.music h1, .music h2, .music h3 { color:#66FF00; }
.video h1, .video h2, .video h3 { color:#ECEC00; }
.events h1, .events h2, .events h3 { color:#FF9900; }
.showspage h1, .showspage h2, .showspage h3 { color:#CC00CC; }