css - CSS リストのスタイリング - 前の親の親と子の間の距離を縮める方法は?

Question

左のメニューをご覧ください: http://goo.gl/gV6B8D

親アイテムと前の親の子の間の醜いギャップを減らしたり、削除したりしたいです。
(別のスタイルを使用して親と子を区別するため、親子構造が必要で
あり、それがとにかく wordpress がメニューを生成する方法です)。

これを行う方法？

CSS コード:

.advanced-sidebar-menu ul {
    background-color : #EDEDED;
}

.advanced-sidebar-menu ul li a {
    display: block;
    text-decoration: none;
    color: black;
    padding: 5px 15px 5px 15px;
    background: ##EDEDED;
    margin-left: 1px;
}

.advanced-sidebar-menu ul li {
    border-bottom: 0px;
}

.advanced-sidebar-menu ul li a:hover { background: white; }

.widget-area .child-sidebar-menu, .widget-area .child-sidebar-menu li { padding : 0; margin : 0 0 15px 0; }
.widget-area .child-sidebar-menu li li { margin-bottom : 0; }
.widget-area .child-sidebar-menu a { margin : 0; }

.child-sidebar-menu * {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.child-sidebar-menu > li a {
    padding-left: 20px !important;
}

.child-sidebar-menu li li a {
    padding-left: 20px !important;
}