How to target entire Bootstrap navbar

Question

That what I've managed to do so far

How can I target the entire navbar? I want everything to be blue.

P.S: Here is the CSS I added:

 .navbar-inner
{
    background-color: #3177D4;  
    /* remove the gradient */
    background-image: none;
    /* set font color to white */
    color: white;
}   

/* menu items */


        .navbar .nav > li > a {
          background-color: #3177D4;   
          color: white;

        }



    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
      background-color: #3177D4;
      color: white;
    }
     
        .navbar .nav > .active > a,
        .navbar .nav > .active > a:hover,
        .navbar .nav > .active > a:focus {

          background-color: #3177D4;
          color: white;
        }

   

    .navbar .brand 
    {
        background-color: #3177D4;
        color: white;
    }
    .navbar .navbar-inner .container {
         background-color: #3177D4;
          background-image: none;
    }
    .navbar-inner {
    background-color: #3177D4;
          background-image: none;
    }
    div.navbar.navbar-inverse .navbar-fixed-top {
    background-color: #3177D4;
          background-image: none;
    }