Style secondary navbar. Add sitename on primary navbar

css/style.css

-@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);.logo{position:absolute;top:0;left:0;z-index:10}body.toolbar .logo{top:30px}
+@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);.logo{position:absolute;top:0;left:0;z-index:10}body.toolbar .logo{top:30px}header.banner{margin-bottom:0}header.banner.inverse{background:#f7f7f7;margin-bottom:20px;margin-top:-3px}header.banner.inverse .nav-primary ul{border-color:#fff}header.banner.inverse .nav-primary ul li,header.banner.inverse .nav-primary ul li:last-child{border-color:#eaeaea}header.banner.inverse .nav-primary ul li a:link,header.banner.inverse .nav-primary ul li a:visited{border-color:#fff;color:#978e83}header.banner.inverse .nav-primary ul li a:hover{background:#eaeaea;color:#454545}header.banner.inverse .nav-primary a.active,header.banner.inverse .nav-primary a:active{border-color:#eaeaea;background:#eaeaea}header.banner .site-name{float:right}header.banner .site-name .logo-ubuntuit{font-size:36px;line-height:48px;margin-bottom:0;position:relative;text-transform:lowercase;margin:0;display:inline-block;margin-left:20px}

sass/style.scss

@@ -11,3 +11,57 @@
 		top:30px;
 	}
 }
+
+header.banner {
+	margin-bottom:0;
+
+	&.inverse {
+		background: $light_grey;
+		margin-bottom:20px;
+		margin-top:-3px; // Ugly fix for gap between navbar
+
+		.nav-primary {
+			ul {
+				border-color:lighten($light_grey, 10%);
+
+				li {
+					&, &:last-child {
+						border-color:darken($light_grey, 5%);
+					}
+					a {
+						&:link,
+						&:visited {
+							border-color:lighten($light_grey, 7%);
+							color:darken($warm_grey, 10%);
+						}
+						&:hover {
+							background:darken($light_grey, 5%);
+							color:lighten($cool_grey, 7%);
+						}
+					}
+				}
+			}
+			a {
+				&.active,
+				&:active {
+					border-color:darken($light_grey, 5%);
+					background:darken($light_grey, 5%);
+				}
+			}
+		}
+	}
+
+	.site-name {
+		float:right;
+		.logo-ubuntuit {
+			font-size:36px;
+			line-height:48px;
+			margin-bottom:0;
+			position:relative;
+			text-transform:lowercase;
+			margin:0;
+			display:inline-block;
+			margin-left:20px;
+		}
+	}
+}
\ No newline at end of file

tpl/page.tpl.php

@@ -76,7 +76,7 @@
  */
 ?>
 
-<?php if ( $logo ) : ?>
+<?php if ( !$logo ) : ?>
 	<div class="logo">
 		<a class="logo-ubuntu" href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
 			<img src="<?php print $logo; ?>" width="134" height="96" alt="<?php print t('Home'); ?>">
@@ -84,10 +84,24 @@
 	</div>
 <?php endif; ?>
 	<header class="banner global" role="banner">
-		<nav class="nav-primary nav-right" role="navigation">
+		<nav class="nav-primary" role="navigation">
 			<ul>
 				<li><a href="#">Something</a></li>
 			</ul>
+		<?php if ( $site_name ) : ?>
+			<div class="site-name">
+				<a class="logo-ubuntuit" href="<?php print $front_page; ?>">
+					<span><?php print $site_name; ?></span>
+				</a>
+			</div>
+		<?php endif; ?>
+		</nav>
+	</header>
+	<header class="banner global inverse" role="banner">
+		<nav class="nav-primary" role="navigation">
+			<ul>
+				<li><a href="#">Somewhere</a></li>
+			</ul>
 		</nav>
 	</header>