diff --git a/src/static/css/admin.css b/src/static/css/admin.css
index d82da6aa3..cc3e49344 100644
--- a/src/static/css/admin.css
+++ b/src/static/css/admin.css
@@ -7,18 +7,51 @@ body {
   background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed;
   background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed;
   background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed;
-  border-top: 8px solid rgba(51,51,51,.8);
 }
-#wrapper {
-  margin-top: 160px;
+
+#topborder {
+     border-top: 8px solid rgba(51, 51, 51, 0.8);
+     position: fixed;
+     top: 0px;
+     width: 100%;
+}
+
+div.menu {
+   background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.75);
+   box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.3);
+   display: block;
+   float: left;
+   height: 100%;
+   padding: 15px;
+   position: fixed;
+   width: 220px;
+}
+
+div.menu li {
+  list-style: none;
+  margin-left: 3px;
+  line-height: 1.6
+}
+
+div.innerwrapper {
+  display: block;
+  float: right;
+  opacity: 0.9;
   padding: 15px;
-  background: #fff;
-  opacity: .9;
-  box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
-  max-width: 700px;
-  margin: auto;
+  width: 860px;
   border-radius: 0 0 7px 7px;
 }
+
+#wrapper {
+  background: none repeat scroll 0px 0px #FFFFFF;
+  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
+  margin: auto;
+  max-width: 1150px;
+  min-height: 100%;
+  overflow: auto;
+  padding-left: 15px;
+  opacity: .9;
+}
 h1 {
   font-size: 29px;
 }
diff --git a/src/templates/admin/index.html b/src/templates/admin/index.html
index 5f1d0188e..16ea84279 100644
--- a/src/templates/admin/index.html
+++ b/src/templates/admin/index.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Etherpad Lite Admin Dashboard</title>
+    <title>Admin Dashboard - Etherpad lite</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
     <link rel="stylesheet" href="../static/css/admin.css">
     <script src="../static/js/jquery.js"></script>
@@ -8,13 +8,14 @@
   </head>
   <body>
     <div id="wrapper">
-      <h1>Etherpad Lite Admin Dashboard</h1>
-      <div>
-      <a href="../admin/plugins">Install and Uninstall plugins</a>
-      </div>
-      <div>
-      <a href="../admin/settings">Modify Server and Plugin Settings</a>
+      <div class="menu">
+        <h1>Etherpad lite</h1> 
+        <li><a href="admin/plugins">Plugin manager</a> </li>
+        <li><a href="admin/settings">Settings</a> </li>
+        <li><a href="admin/plugins/info">Troubleshooting information</a> </li>
       </div>
+
     </div>
+    <div id="topborder"></div>
   </body>
 </html>
diff --git a/src/templates/admin/plugins-info.html b/src/templates/admin/plugins-info.html
index 94f94e2ac..605b23d38 100644
--- a/src/templates/admin/plugins-info.html
+++ b/src/templates/admin/plugins-info.html
@@ -4,27 +4,36 @@
 
 <html>
   <head>
-    <title>Plugin information</title>
+    <title>Plugin information - Etherpad lite</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
     <link rel="stylesheet" href="../../static/css/admin.css">
   </head>
   <body>
     <div id="wrapper">
-      <h1>Etherpad Lite</h1>
-      <div class="separator"></div>
+      <div class="menu">
+        <h1>Etherpad lite</h1> 
+        <li><a href="../plugins">Plugin manager</a> </li>
+        <li><a href="../settings">Settings</a> </li>
+        <li><a href="../plugins/info">Troubleshooting information</a> </li>
+      </div>
 
-      <h2>Installed plugins</h2>
-      <pre><%- plugins.formatPlugins().replace(", ","\n") %></pre>
+      <div class="innerwrapper">
 
-      <h2>Installed parts</h2>
-      <pre><%= plugins.formatParts() %></pre>
+        <h2>Installed plugins</h2>
+        <pre><%- plugins.formatPlugins().replace(", ","\n") %></pre>
 
-      <h2>Installed hooks</h2>
-      <h3>Server side hooks</h3>
-      <div><%- plugins.formatHooks() %></div>
+        <h2>Installed parts</h2>
+        <pre><%= plugins.formatParts() %></pre>
 
-      <h3>Client side hooks</h3>
-      <div><%- plugins.formatHooks("client_hooks") %></div>
+        <h2>Installed hooks</h2>
+        <h3>Server side hooks</h3>
+        <div><%- plugins.formatHooks() %></div>
+
+        <h3>Client side hooks</h3>
+        <div><%- plugins.formatHooks("client_hooks") %></div>
+        
+      </div>
     </div>
+    <div id="topborder"></div>
   </body>
 </html>
diff --git a/src/templates/admin/plugins.html b/src/templates/admin/plugins.html
index 394cf0e06..914812a6d 100644
--- a/src/templates/admin/plugins.html
+++ b/src/templates/admin/plugins.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Plugin manager</title>
+    <title>Plugin manager - Etherpad lite</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
     <link rel="stylesheet" href="../static/css/admin.css">
     <script src="../static/js/jquery.js"></script>
@@ -19,11 +19,14 @@
       <% } %>
 
 
-      <h1>Etherpad Lite</h1>
+       <div class="menu">
+        <h1>Etherpad lite</h1> 
+        <li><a href="plugins">Plugin manager</a> </li>
+        <li><a href="settings">Settings</a> </li>
+        <li><a href="plugins/info">Troubleshooting information</a> </li>
+      </div>
 
-      <a href="plugins/info">Technical information on installed plugins</a>
-
-      <div class="separator"></div>
+      <div class="innerwrapper">
       <h2>Installed plugins</h2>
       <table>
         <thead>
@@ -81,6 +84,8 @@
         <span class="offset"></span>..<span class="limit"></span> of <span class="total"></span>.
         <input type="button" value=">>" class="do-next-page">
       </div>
+      
+      </div>
 
       <div id="progress" class="dialog">
         <h1 class="title">
@@ -90,5 +95,7 @@
         <div class="history"></div>
       </div>
     </div>
+    
+    <div id="topborder"></div>
   </body>
 </html>
diff --git a/src/templates/admin/settings.html b/src/templates/admin/settings.html
index c4f505788..be262f243 100644
--- a/src/templates/admin/settings.html
+++ b/src/templates/admin/settings.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Settings manager</title>
+    <title>Settings - Etherpad lite</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
     <link rel="stylesheet" href="../static/css/admin.css">
     <script src="../static/js/jquery.js"></script>
@@ -22,13 +22,23 @@
       <% } %>
 
 
-      <h1>Etherpad Lite Settings</h1>
-      <a href='https://github.com/ether/etherpad-lite/wiki/Example-Production-Settings.JSON'>Example production settings template</a>
-      <a href='https://github.com/ether/etherpad-lite/wiki/Example-Development-Settings.JSON'>Example development settings template</a>
-      <textarea class="settings"></textarea>
-      <input type="button" class="settingsButton" id="saveSettings" value="Save Settings">
-      <input type="button" class="settingsButton" id="restartEtherpad" value="Restart Etherpad">
-      <div id="response"></div>
+      <div class="menu">
+        <h1>Etherpad lite</h1> 
+        <li><a href="plugins">Plugin manager</a> </li>
+        <li><a href="settings">Settings</a> </li>
+        <li><a href="plugins/info">Troubleshooting information</a> </li>
+      </div>
+
+      <div class="innerwrapper">
+        <a href='https://github.com/ether/etherpad-lite/wiki/Example-Production-Settings.JSON'>Example production settings template</a>
+        <a href='https://github.com/ether/etherpad-lite/wiki/Example-Development-Settings.JSON'>Example development settings template</a>
+        <textarea class="settings"></textarea>
+        <input type="button" class="settingsButton" id="saveSettings" value="Save Settings">
+        <input type="button" class="settingsButton" id="restartEtherpad" value="Restart Etherpad">
+        <div id="response"></div>
+      </div>
     </div>
+    
+    <div id="topborder"></div>
   </body>
 </html>
