Rica ederim.

Bir hatanı da css dosyanda gördüm.

Yanlış kullanım
a:hover.aside-kategoria
Doğru kullanım
a.aside-kategoria:hover


Css de gerekmedikçe fazladan sınıf isimleri atamaya gerek yok direk elementlere özellikler eklemesi yapılabilir.

Senin css kodun:

nav.aside-kategori { background:#fff; height:350px;;}
nav ul.aside-kategoriul {list-style:none; height:30px; padding:0; margin:0;}
nav ul li.aside-kategorili{float:none; line-height:22px;}
nav ul li a.aside-kategoria{line-height:30px; padding:0 10px; display:block; color:#000; text-decoration:none}
nav ul li a:hover.aside-kategoria{background:#ccc; color:#FFF;}
hgroup .asideh1{ text-align:center;}

Benim düzelttiğim:

hgroup h1 { text-align:center;}
nav.aside-kategori { background:#fff; height:350px;;}
.aside-kategori ul {list-style:none; height:30px; padding:0; margin:0;}
.aside-kategori li {float:none; line-height:22px;}
.aside-kategori li a {line-height:30px; padding:0 10px; display:block; color:#000; text-decoration:none}
.aside-kategori li a:hover {background:#ccc; color:#FFF;}

Kullanımı:
<hgroup>
	<h1>Son Yazılar</h1> 
	<h3>Son Yazılar</h3> 
</hgroup>
<nav class="aside-kategori">
	<ul>
		<li><a href="">Son Yazıar -1</a></li>
		<li><a href="">Son Yazıar -2</a></li>
		<li><a href="">Son Yazıar -3</a></li>
	</ul>
</nav>