transpersonal

Oops I meant go to your style.css file to find those bits of code not header.php.

Also put this in your stylesheet and style to your liking:

.current-cat {
        background #f00;
}

Try what cais said. I looked at your style sheet and it doesn’t seem to have the text-transform property so the capital letters are probably from header.php. Also you may want to seriously consider decreasing the number of posts to show on the home page. It took me ages to load your site!

particlepat Try this:

<ul id="navNew" class="dropdown dropdown-horizontal">
<li id="n-shows"><a href="#">Pages</a>
<ul>
<li><?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?></li>
</ul>
</li>
</ul>
</ul>

</ul>

Keep the CSS the same.

The default is do follow, I’m pretty sure if the link doesn’t have anything it’s do follow. Maybe it’s a feature of the theme you’re using that adds no follow – just a thought?

I don’t get all the plugins for this purpose either, there’s no need for them. Here’s what I use:

<ul id="navNew" class="dropdown dropdown-horizontal">
<li id="n-shows"><a href="#">Something</a>
<ul>
	<li><a href="#">Item 1</a></li>
	<li><a href="#">Item 2</a></li>
	<li><a href="#">Item 3</a></li>
	<li><a href="#">Item 4</a></li>
	<li><a href="#">Item 5</a></li>
</ul>
</li>
</ul>
</ul>

</ul>

And the CSS:

ul.dropdown ul a {
        width: 133px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
ul.dropdown {
        position: relative;
        z-index: 597;
        float: left;
}
ul.dropdown li {
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
        zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
       position: relative;
       z-index: 599;
       cursor: default;
}
ul.dropdown ul {
       visibility: hidden;
       position: absolute;
       top: 100%;
       left: 0;
       z-index: 598;
       width: 100%;
}
ul.dropdown ul li {
       float: none;
}
ul.dropdown ul ul {
       top: 1px;
       left: 99%;
}
ul.dropdown li:hover > ul {
       visibility: visible;
}
ul.dropdown li.rtl ul {
       top: 100%;
       right: 0;
       left: auto;
}
ul.dropdown li.rtl ul ul {
       top: 1px;
       right: 99%;
       left: auto;
}
ul.dropdown li a,
ul.dropdown *.dir {
        border-style: solid;
        border: 1px;
        border-color: #404040;
	background: url(styles/default/img/pigs.png) repeat-x;
}

/* Without this the drop down is not marginalized to the left */

ul.dropdown ul {
	left: auto;
	right: 0;
	width: 150px;
	margin-top: -1px;
	border-top: 1px solid #1a1a1a;
	border-left: solid 1px #4c4c4c;
	font:;
}

I have the same question, hope someone has the answer.