Move styles out of index.html

(imported from commit 8b3732ff67af71dac49886004370b6d4759b140f)

templates/zephyr/index.html

@@ -5,15 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="static/styles/zephyr.css" rel="stylesheet">
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
-    <style type="text/css">
-      body {
-        padding-top: 60px;
-        padding-bottom: 40px;
-      }
-      .sidebar-nav {
-        padding: 9px 0;
-      }
-    </style>
     <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
 
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ -113,7 +104,7 @@ var people_list = {{ people }};
                     <img class="profile_picture" src="http://www.gravatar.com/avatar/a?d=identicon"/>
                     <p class="zephyr_text">
                             <textarea class="zephyr_message" name="new_zephyr" id="new_zephyr" value="" /></textarea>
-                        <input type="submit" value="Zephyr" style="float:right" class="btn" />
+                        <input type="submit" value="Zephyr" class="btn send_zephyr" />
                     </p>
                   </td>
                 </tr>

zephyr/static/styles/zephyr.css

@@ -1,6 +1,12 @@
 body {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     overflow: hidden
+    padding-top:    60px;
+    padding-bottom: 40px;
+}
+
+.sidebar-nav {
+    padding: 9px 0;
 }
 
 span.realname {
@@ -169,14 +175,20 @@ textarea.zephyr_message {
     width: 100%;
     height: 100%;
 }
+
 textarea:focus {
     outline: none;
     border: gray;
 }
+
 input.zephyr_recipient_box {
     width: 90px;
 }
 
+input.send_zephyr {
+    float: right;
+}
+
 div.narrow {
     position: fixed;
     display: none;