Added hire us button, changed nav bar

_layouts/default.html

@@ -71,7 +71,7 @@
             <li><a href="/members">Members</a></li>
             <li><a href="/auditions">Auditions</a></li>
             <li><a href="/music">Music</a></li>
-            <li><a href="/contact" class="last">Hire Us</a></li>
+            <li><a href="/contact" class="last">Contact Us</a></li>
           </ul>
         </div>
       </div>

_sass/style.scss

@@ -127,10 +127,22 @@ li audio {
     display: none;
 }
 
+.auditions {
+    margin: 1em 0 0;
+}
+
 a#auditions_button {
     @include r20-button($orange);
 }
 
+.hire {
+    margin: 1em 0 0 0;
+}
+
+a#hire_button {
+    @include r20-button($orange);
+}
+
 .auditions {
     display: block;
 }

contact.markdown

@@ -1,10 +1,10 @@
 ---
 layout: two-col
-title: Hire Us
+title: Contact Us
 banner: /images/slideshow/025.jpg
 ---
 
-## Hire Us
+## Contact Us
 
 ### Booking
 

index.html

@@ -10,13 +10,13 @@
 
     <!-- To see this div, remove "display: none" in style.scss -->
     <div class="auditions">
+      <a href="/auditions" id="auditions_button">Join Us!</a>
       <h2>Class of 2015 and 2016</h2>
       <p>
         Freshmen and sophomores! Your dreams are about to come true!
         (Yes, we know what you dream about: being in the best a
         cappella group at Princeton.)
       </p>
-      <a href="/auditions" id="auditions_button">Get Started!</a>
     </div>
 
     <h2>Who We Are</h2>
@@ -31,14 +31,17 @@ <h2>Who We Are</h2>
   </div>
 </div>
 
-<div class="col">
+<div class="col"> 
   <div class="events">
     <h2>Upcoming Events</h2>
-    <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=t9rce0vmg1g4g68p7mt5ekotlg%40group.calendar.google.com&amp;color=%23182C57&amp;ctz=America%2FNew_York" style=" border-width:0 " width="290" height="590" frameborder="0" scrolling="no"></iframe>
+    <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=t9rce0vmg1g4g68p7mt5ekotlg%40group.calendar.google.com&amp;color=%23182C57&amp;ctz=America%2FNew_York" style=" border-width:0 " width="290" height="580" frameborder="0" scrolling="no"></iframe>
   </div>
 </div>
 
 <div class="sidebar">
+  <div class="hire">
+    <a href="mailto:jplonk@princeton.edu?Subject=Booking%20request" id="hire_button">Hire Us!</a>
+  </div> 
   <h2>News</h2>
   <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Princeton-Roaring-20/81478221037" width="290" show_faces="true" border_color="#DDD" stream="true" header="true"></fb:like-box>
 </div>