Fall-in-love theme by Dilip

I am using “Fall in love” theme on my website. Tried to send Dilip an email, but it appears he has moved and the email thingie doesn’t work. I am changing some things like the colors, text align, etc. Minor changes. On the left menu, the section titles like “Categories” are all the way to the left. I would like to make these centered and perhaps change their background and add a border. No matter what I do, I can’t change it. I think I have not identified yet the div they are under (bear with me, I am new to this so that might not be correct term) This is how that section is set up:

#menu {
float: left;
width: 165px;
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
}

#menu a {
text-decoration: none;
color: #0b60bf;
}
#menu form {
text-align: center;
}

#menu input#s {
width: 80%;
background: #fae;
border: 1px solid #999;
color: #248;
}
/*end search box */

#menu img {
text-align: center;
background-color: #d00;
border: 1px #050 solid;
padding: 3px;
}

#menu ul {
color: #0b60bf;
font-weight: normal;
list-style-type: none;
margin: 0;
padding: 0;
text-transform: lowercase;
text-align:right;
}

/* menu sections */

#menu ul li {
color: #0b60bf;
font-family: Verdana, Georgia, ‘Times New Roman’, serif;
font-size: normal;
border: 3px ridge #98bde9;
text-align: left;
font-weight: bold;
padding-top: 10px;
letter-spacing: .3em;
margin-top: 5px;
padding-bottom: 5px;
}

#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

/* menu list items */

#menu ul ul li {
border: 0;
font: normal x-small Verdana, ‘Lucida Grande’, ‘Lucida Sans Unicode’, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}

#menu ul ul li:before {
color: #ae0000;
content: “0BB 0A0 0A0 “;
}

#menu ul ul li a {
color: #0b60bf;
text-decoration: none;
text-transform: uppercase;
}

#menu ul ul li a:hover {
color: #e63;
border-bottom: 1px solid #98bde9;
}

#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}

#menu li.menutitle {
border-bottom: 3px solid #98bde9;
width: 90%;
}

And This is on the sidebar.php:

<div id=”menu”>

<li id=”menutitle”><?php _e(‘Categories:’); ?>

<?php wp_list_cats(); ?>

<li id=”search”>
<label for=”s”><?php _e(‘Search:’); ?></label>
<form id=”searchform” method=”get” action=”<?php echo $_SERVER[‘PHP_SELF’]; ?>”>
<div>
<input type=”text” name=”s” id=”s” size=”15″ />
<input type=”submit” name=”submit” value=”<?php _e(‘Search’); ?>” />
</div>
</form>

In trying to find out where this goes, I was able to change the text to lowercase. So I think it should be under “menu ul”. But as you can see, adding a “text-align:right;” doesn’t move the text. I am looking at it in IE6 and Firefox 1.5.

My website is http://gisel.us

Any help will be greatly appreciated. Oh and don’t notice the other stuff that is out of place or looking weird, I am still in the process of fixing/changing it to suit my needs.

Gisel