Customizing/Idea 3

< Customizing
.title-name  {
    background: #fff none repeat scroll 0 0;
}

.top-bar .toggle-topbar.menu-icon a {
    color: #006398;
}

.top-bar .toggle-topbar.menu-icon a span {
    box-shadow: 0 10px 0 1px #006398, 0 16px 0 1px #006398, 0 22px 0 1px #006398;
}
 
.top-bar {
    background: #006398 none repeat scroll 0 0;
    border-bottom: 2px solid #006398;
}

.top-bar .name h1,
.top-bar .name h1 a {
    color: #970000 !important;
}

.top-bar-section ul#top-bar-left.left li.divider {
    border-color: #fff;
}
 
.top-bar-section ul li.active > a {
    background: #006398 none repeat scroll 0 0;
    color: #fff;
}
 
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #970000;
}
 
.top-bar-section ul li ul.dropdown li > a {
    background: #006398;
}
 
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: -moz-use-text-color #006398;
    border-right: solid 1px #006398;
    border-left: solid 1px #006398;
}
 
.top-bar-section .has-form {
    background: #006398 none repeat scroll 0 0;
}
 
.top-bar-section li a:not(.button) {
    background: #006398;
}
 
button,
.button,
.multipleTemplateAdder {
    background-color: #970000;
    border-color: #970000;
}
 
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #c06666;
}
 
input#wpPreview {
    background-color: #970000;
    border-color: #970000;
    color: #fff;
}
 
input[type="submit"] {
    background-color: #970000;
    border-color: #970000;
}
 
.label {
    background-color: #970000;
}
 
a {
    color: #006398;
}
 
a:hover, a:focus {
    color: #66a1c1;
}

a.new {
    color: #970000;
}