I have a situation that I can't seem to figure out with CSS.
I have a sidebar category menu that I want to be a certain font.. but the other content when it is in the sidebar to be the standard font.
The issue is that the div structure looks like this.
...

```
<div class="col-left sidebar">
  <div id"sidebar-nav" class"block sidebar-nav-left codnitiveSidenavLeft">
    <div class="block-title">..</div>
      <div class="block-content">

```

Now what happens is that block-content has a font value in css which is the normal font.. when it is not under the class "block sidebar-nav-left coditiveSidenameLeft" then that is fine.. when it is under the "block sidebar-nav-left coditiveSidenameLeft" class then I want to use a special font called destroyregular.. here is what I have in the css.

```
.block .block-content {
    padding: 5%;
    font-family: 'Lato',sans-serif;
    /*font-family: "destroyregular";*/
    font-size: 100%;
    font: bold 12px Arial, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
}

 #sidebar-nav.block.sidebar-nav-left.codnitiveSidenavLeft
 {
    padding: 5%;
    font-family: "destroyregular" !important;
    font-size: 100%;
    /*font: bold 12px Arial, sans-serif;*/
    color: #E6E6E6;
    text-transform: uppercase;
}

```

While container class"block sidebar-nav-left coditiveSidenameLeft" does have the destroyregular font, it is overridden by the block-content.. how can I force the destroyregular font down to the block-content only if it is under it?

Thanks in advance..

--Corrected typo in div... side-nav was corrected to sidebar-nav sorry.. 
--Corrected typo #2!! arrgh.. #sidebar-nav.block.sidebar-nav-left codnitiveSidenavLeft

-Ken