css override?

Topics: Themes
May 31, 2013 at 10:46 PM
I've added my own menu to site.master in div.Blog Title and my own css to styles.min.css. div. The menu itself works fine.

I cannot however get my css styling to work right. My css seems to be overridden somewhere, where should I look or what will fix this. I'm new css like this.

Tried it like this and every way I could think of but it only partially works.
styles.min.css
BlogTitle .menu {
 font-size:1em;
 margin-top:4%;
 width:40%;
 padding: 0px 0px 0px 15%;
 display:inline-block;
 }
BlogTitle menu ul li a{
color:white ;
font-family: Arial, "Lucida Grande", Verdana, sans-serif;
font-size: 1em;
}
BlogTitle menu.li {
padding: 0px 25px 0px 0px;
}

   site.master
   <div class="BlogTitle">

     <div class="menu">
         <asp:Menu ID="mnuMain" runat="server" Orientation="Horizontal" CssClass="menu">
         <DynamicMenuItemStyle BackColor="#0735be" /> 
          <Items>
          </Items>
     </asp:Menu>
      </div>
   </div>