Here are a couple of screenshots to show what I mean and the css taken from firebug for the compact menu. I haven't made any changes to the css so not sure what to look for.
body.compact #sidebar h3 .ico {
margin-left: 8px;
width: 35px;
height: 35px;
}
#sidebar h3 .ico {
margin-left: 16px;
}
body.compact .ico-appearance {
background-position: -192px -315px;
}
.ico-48 {
width: 48px;
height: 48px;
display: block;
padding: 0px;
}
.ico-appearance {
background-position: -48px -96px;
}
.ico {
text-indent: -99999px;
background-repeat: no-repeat;
}
.ico, .status-expanded, .status-collapsed {
background-image: url("../images/split.png") !important;
}
#sidebar, #sidebar a {
color: rgb(71, 71, 73);
}
a {
color: rgb(1, 139, 227);
}
body.compact #sidebar h3 {
text-indent: -9999px;
font-size: 0px;
}
#sidebar h3 {
font-size: 11px;
font-weight: normal;
text-align: center;
}
#sidebar .oscmenu li, #show-more li {
list-style: none outside none;
}
ul, ol {
list-style: none outside none;
}
body {
font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
}