How to change the height of Menu bar in twenty ten wordpress theme.

A perfect and default theme that comes with the installation of worpdress is Twenty Ten theme. It is simple and yet powerful theme that executes all the funtionalities that comes with wordpress3.0. After removing banner I thought of minimizing the height of menu bar as the original one is some what big and occupying space. I am sharing how I did that and if you are trying to do the same this will help you.

Let us see how to change the change the twenty ten default menu

Login to Dashboard
Appearance -> Editor
Go to Style.css
Check for the following part of code

#access {
background: #336699;
display: block;
float: left;
margin: 0 auto;
width: 950px;
}

and add the following line

height: 30px;

after width attribute

check for the below part of the code in same file ( style.css )

#access a {
color: #FFF;
display: block;
line-height: 30px;
padding: 0 10px;
text-decoration: none;
}

and change the line-height to 30, i.e, line-height:30px;

and in the below part of the code

#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 30px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}

and change the top:38px; value to 30px i.e, top:30px