Hogy tudnám a felső menusort átszínezni vagy lecserélni ebben a sablonban?

Felraktam egy blog sablon a blog.hu-ra, de sehol sem látom, hol tudnám megbuherálni a menusort. Az imagesben csak a menupontok elválaszto vonalai vannak berakva.

CSS rész

/*

Theme Name: deFusion

Theme URI: http://webdemar.com/demo/?wptheme=deFusion

Description: Clean and easy customizable WordPress theme by <a href="http://webdemar.com">webdemar</a>

Version: 0.8.6

Author: webdemar

Author URI: http://webdemar.com

Tags: simple, clean, widgets, widget ready, two columns, right sidebar, fixed width, valid CSS, valid XHTML

*/

/*

- GENERAL

- BASIC LAYOUT

- HEADINGS

- HEADER

- CONTENT

+ CONTENT LEFT

+ CONTENT RIGHT

- COMMENTS

- SEARCHFORM

- FOOTER

- USEFUL

/* ##################################

GENERAL

################################## */

/****************************

** Blog.hu-ra alkalmazta a NŽpkert Kft (http://nepkertkft.hu)

****************************/

body {

margin: 0px;

padding: 0px;

background: #1e1f21 url(img/bg-body.gif) no-repeat left top;

color: #16a8cc;

font: 14px/20px "Tahoma", Helvetica, Verdana, Arial, sans-serif;

}

a {

color: #16a8cc;

outline: none;

}

p {

margin: 0 0 20px 0;

}

ul, ol {

margin-bottom: 20px;

}

blockquote {

margin: 0 0 0 10px;

padding: 0 0 0 10px;

border-left: 5px solid #16a8cc;

}

/* ##################################

BASIC LAYOUT

################################## */

#page {

width: 940px;

margin: 0 auto;

}

#header {

position: relative;

height: 200px;

}

#content {

padding: 20px 0 0 0;

background: #fff;

}

#content-left {

float: left;

width: 600px;

}

#content-right {

float: right;

width: 320px;

}

#footer {

}

/* ##################################

HEADINGS

################################## */

h1 {

position: relative;

top: 100px;

left: 0px;

margin: 0px;

padding: 0px;

line-height: 1;

font-size: 24px;

font-weight: normal;

}

h1 a {

color: #fff;

text-decoration: none;

}

h2 {

margin: 0 0 20px 20px;

}

h2#blog-description {

position: absolute;

bottom: 60px;

left: 0px;

margin: 0px;

padding: 0px;

font-size: 11px;

font-weight: normal;

}

h3 {

margin: 0 0 20px 0;

font-size: 1.8em;

font-weight: normal;

}

h3 a {

text-decoration: none;

}

h3 a:hover {

text-decoration: underline;

}

h4 {

margin: 0 0 10px 0;

font-size: 12px;

}

/* ##################################

HEADER

################################## */

#top-nav {

position: absolute;

top: 10px;

right: 0px;

margin: 0px;

padding: 0px;

list-style: none;

}

#top-nav li {

float: left;

margin: 0 0 0 10px;

}

#top-nav li#rss {

padding: 0 0 0 15px;

background: url(img/rss-icon.gif) no-repeat left center;

}

/* ##################################

CONTENT

################################## */

/** box left */

.box-left {

margin: 0 0 40px 20px;

}

.meta {

clear: both;

padding: 10px;

background: #fff url(img/bg-meta.gif) repeat-x left top;

color: #16a8cc;

}

.meta-date {

padding: 0 10px 0 15px;

background: url(img/bg-meta-date.gif) no-repeat 0px 2px;

}

.meta-categories {

padding: 0 10px 0 15px;

background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;

}

.meta-comments {

padding: 0 10px 0 15px;

background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;

}

p.tags {

clear: both;

}

/** box right */

.box {

margin: 0 20px 20px 0;

padding: 20px;

background: #f7f7f7 url(img/bg-box-right.gif) no-repeat left top;

}

.box ul {

margin: 0 0 5px 0;

padding: 0px;

list-style: none;

}

.box li {

margin: 0px;

padding: 5px;

border-bottom: 1px solid #dedede;

}

.box li a {

text-decoration: none;

}

.box h3{

font-weight: bold;

font-size: 15px;

}

/* ##################################

SEARCHFORM

################################## */

#searchform #search {

float: left;

width: 146px;

height: 22px;

padding: 6px 6px 0 6px;

background: #fff url(img/bg-form-text.gif) repeat-x left top;

border: 1px solid #dadada;

color: #16a8cc;

}

#searchform .button {

width: auto;

height: 30px;

margin: 0px;

padding: 0 10px;

background: #16a8cc;

border: none;

color: #fff;

}

/* ########################*##########

FOOTER

################################## */

#footer {

width: 900px;

margin: 0 auto;

padding: 20px 0;

}

#footer p {

margin: 0 0 10px 0;

}

#legal {

float: left;

width: 400px;

}

#webdemar {

float: right;

width: 400px;

text-align: right;

}

/* ##################################

USEFUL

################################## */

.clear {

clear:both;

}

/** WORDPRESS CSS */

.aligncenter,

div.aligncenter {

display: block;

margin: 0 auto;

}

.aligncenter {

margin-bottom: 20px!important;

}

.alignleft {

float: left;

margin: 0 20px 20px 0;

}

.alignright {

float: right;

margin: 0 0 20px 20px;

}

.wp-caption {

margin-bottom: 20px;

padding-top: 4px;

border: 1px solid #ccc;

text-align: center;

background-color: #16a8cc;

}

.wp-caption img {

float: none;

margin: 0px;

padding: 0px;

border: none;

}

.wp-caption p.wp-caption-text {

padding: 0px;

margin: 0px;

}

/** WIDGETS CSS */

#calendar_wrap table {

width: 100%;

}

#calendar_wrap td {

text-align: center;

}

#wp-calendar caption {

margin: 0 0 10px 0;

background: #dedede;

}

/*Main Navbar */

#nav {

position: absolute;

bottom: 0px;

left: 0px;

margin: 0px;

padding: 0px;

background: url(img/bg-menu.gif) repeat-x left top;

}

#nav, #nav ul {

width: 940px;

list-style: none;

line-height: 40px;

}

#nav a, #nav a:hover {

display: block;

background: url(img/bg-menu-a.gif) no-repeat right top;

text-decoration: none;

border: none;

}

#nav li {

float: left;

list-style: none;

}

#nav a, #nav a:visited {

display: block;

color: #fff;

padding: 0 20px;

}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {

text-decoration: none;

}

/* Dropdown Menus */

#nav li ul {

position: absolute;

left: -999em;

margin: 0px;

padding: 0px;

height: auto;

width: 174px;

border-bottom: 1px solid #16a8cc;

line-height: 30px;

}

#nav li li {

width: 172px;

border-top: 1px solid #16a8cc;

border-right: 1px solid #16a8cc;

border-left: 1px solid #16a8cc;

background: #16a8cc;

}

#nav li li a, #nav li li a:visited {

font-weight:normal;

font-size:0.9em;

color:#FFF;

background: #16a8cc;

}

#nav li li a:hover, #nav li li a:active {

background:#16a8cc;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

a.main:hover

{ background:none;

}

/* ##################################

BLOG.HU saj‡toss‡gok

################################## */

.imgleft{

float:left;

margin-right:6px;

margin-bottom:6px;

}

#sidebar table{

}

#sidebar td{

padding:1px;

margin-bottom:3px;

}

#commentForm textarea {

width:96%;

}

.comment h3{

width: 100%;

font-size:11px;

color:#000;

margin:0 0 20px 0;

padding: 0 0 0 10px;

}

.comment h1{

font-size:11px;

color:#000;

margin:0 0 0px 0;

padding: 5px 0px 0px 10px;

position:relative;

}

h3.comment{

margin-bottom: 8px;

margin-top: 12px;

}

.commentsBg {

}

#comment_container p {

font-size:11px;

padding:0px;

margin:0px;

}

#comment_container a {

text-decoration:underline;

font-weight:bold;

color: #aaa;

}

#comment_container h1 {

font-size: 13px;

color:#bbb;

position: static;

background: #16a8cc url(img/bg-comment-quote.gif) no-repeat left top;

}

.commentText{

margin: 0px 0 0 0;

padding: 20px;

padding-top: 8px;

background: #16a8cc url(img/bg-comment-bubble.gif) no-repeat left bottom;

color: #fff;

}

.comment h3{

}

#trackbackURL{

}

.commentFooter{

}

<!--more-->

HTML rész:

<blh:head_required />

<blh:body_required />

<div id="page">

<div id="header">

<h1><a href="/"><blh:blog_name nourl="1" /></a></h1>

<h2 id="blog-description"><blh:blog_tagline /></h2>

<ul id="nav">

<li class="page_item" id="first"><a href="/">Főoldal</a></li>

<li class="page_item page-item-2"><a href="/csatornalista" title="TV CSATORNÁK">CSATORNALISTA</a></li>

</ul>

<ul id="top-nav">

<li><a href="/admin">Admin</a></li>

<li id="rss"><a href="/rss2">Iratkozz fel!</a></li>

</ul>

<div class="clear"></div>

</div><!-- end header -->

<div id="content">

<div id="content-left">

<blhc:postloop>

<div class="box-left vis_{blh:post_visibility}" lang="{blh:post_lang}">

<blh:post_anchor />

<h3><a href="{blh:post_permalink}" rel="bookmark" title="{blh:post_title}"><blh:post_title /></a></h3>

<blh:post_content />

<p class="tags"><blh:post_tags />

<blh:post_trbrdf /></p>

<div class="meta">

<span class="meta-date"><blh:post_date format="Y.m.d. H:i" /></span>

<span class="meta-categories"><blh:post_trackbacks />

<blh:post_pingbacks />

<blh:post_edit /></span>

<span class="meta-comments"><span><blh:post_comments nulla="Szólj hozzá!" egy="hozzászólás" sok="hozzászólás" /></span></span>

</div>

<div class="clear"></div>

<blh:post_feedback />

</div>

</blhc:postloop>

<div class="box-left navigation">

<blh:pager />

</div>

<blh:nonpost />

</div><!-- end content-left -->

<div id="content-right">

<blh:rightboxes />

</div><!-- end content-right -->

<div class="clear"></div>

</div><!-- end content -->

<div id="footer">

<div id="legal">

</div>

<div id="webdemar">

<p><a href="http://webdemar.com">Themes</a> by webdemar </p>Blog.hu-ra alkalmazta: a <a href="http://bloghusablonok.blog.hu">Blog.hu Sablonok</a> a <a href="http://nepkertkft.hu">Népkert</a>ben.

</div>

<div class="clear"></div>

</div><!-- end footer -->

</div><!-- end page -->

<blh:end />

<!--more-->

És azut hogyan tudom megcsinálni, hogy a bejegyzések címei "kövérek" legyenek?

Köszönöm a válaszokat