Problems with formatting in sidebar.

Hi everyone ... I've got a typepad site and i'm working with the advanced templates ... I've been learning CSS for about two weeks now and have gotten the hang of it (somewhat)

Something in my design is now tripping me up. Can somebody look and see what is wrong? I coded the sideblogs in a similar manner, but it won't take on the Lists.

kduck.typepad.com/testbeta

I'm trying to format the Music and Reading lists through the stylesheet. Here is my code.

Stylesheet
.sdbr {
padding: 1px 3px 1px 3px;
margin-bottom: 15px;
background-color:#CCCCCC;
border: 2px #036;
border-style: outset;
}

.sdbr h7 {

color:#000000;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
font-weight: bold;
}

.sdbr h8 {

color:#000000;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
font-weight: italic;
}

.sdbr h9 {
color:#000000;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
font-weight: normal;
}

Here is my coding for the sidebar

<div class="sdbr">
<MTList name="music123">
<a href="<$MTListItemURL$>"><$MTListItemImage$></a></br>
<h7><$MTListItem field="artist"$></h7> : <h8><$MTListItem field="album"$></h8></br>
<h9><$MTListItem field="notes"$></h9></br>
</MTList>
</div>