diff --git a/assets/html/author.html b/assets/html/author.html
index ecd97ad..892fb57 100644
--- a/assets/html/author.html
+++ b/assets/html/author.html
@@ -19,18 +19,18 @@
 					<div class="right">
 						<h1>Rambler</h1>
 					</div>
-					<div class="clear"></div>
 				</a>
 			</div>
 
 			<div id="menu">
 				<ul>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
 					<li><a href="/author.html">author</a></li>
 					<li><a href="/documentation.html">documentation</a></li>
 					<li><a href="/download.html">download</a></li>
 					<li><a href="/example.html">example</a></li>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
+					<div></div>
 				</ul>
 				<div class="clear"></div>
 			</div>
diff --git a/assets/html/documentation.html b/assets/html/documentation.html
index a7926a6..aa0b5b8 100644
--- a/assets/html/documentation.html
+++ b/assets/html/documentation.html
@@ -19,18 +19,18 @@
 					<div class="right">
 						<h1>Rambler</h1>
 					</div>
-					<div class="clear"></div>
 				</a>
 			</div>
 
 			<div id="menu">
 				<ul>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
 					<li><a href="/author.html">author</a></li>
 					<li><a href="/documentation.html">documentation</a></li>
 					<li><a href="/download.html">download</a></li>
 					<li><a href="/example.html">example</a></li>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
+					<div></div>
 				</ul>
 				<div class="clear"></div>
 			</div>
diff --git a/assets/html/download.html b/assets/html/download.html
index 61de995..341c0df 100644
--- a/assets/html/download.html
+++ b/assets/html/download.html
@@ -19,18 +19,18 @@
 					<div class="right">
 						<h1>Rambler</h1>
 					</div>
-					<div class="clear"></div>
 				</a>
 			</div>
 
 			<div id="menu">
 				<ul>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
 					<li><a href="/author.html">author</a></li>
 					<li><a href="/documentation.html">documentation</a></li>
 					<li><a href="/download.html">download</a></li>
 					<li><a href="/example.html">example</a></li>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
+					<div></div>
 				</ul>
 				<div class="clear"></div>
 			</div>
diff --git a/assets/html/example.html b/assets/html/example.html
index d33824f..6047bd5 100644
--- a/assets/html/example.html
+++ b/assets/html/example.html
@@ -23,15 +23,17 @@
 					<div class="right">
 						<h1>Rambler</h1>
 					</div>
-					<div class="clear"></div>
 				</a>
 			</div>
 
 			<div id="menu">
 				<ul>
+					<li class="menuedge"></li>
 					<li><span>random Value</span></li>
 					<li><span>start session</span></li>
 					<li><span>login</span></li>
+					<li class="menuedge"></li>
+					<div></div>
 				</ul>
 			</div>
 
diff --git a/assets/html/main.html b/assets/html/main.html
index 2d86bab..fc57953 100644
--- a/assets/html/main.html
+++ b/assets/html/main.html
@@ -19,20 +19,19 @@
 					<div class="right">
 						<h1>Rambler</h1>
 					</div>
-					<div class="clear"></div>
 				</a>
 			</div>
 
 			<div id="menu">
 				<ul>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
 					<li><a href="/author.html">author</a></li>
 					<li><a href="/documentation.html">documentation</a></li>
 					<li><a href="/download.html">download</a></li>
 					<li><a href="/example.html">example</a></li>
-					<li>&nbsp;</li>
+					<li class="menuedge"></li>
+					<div></div>
 				</ul>
-				<div class="clear"></div>
 			</div>
 
 			<div id="main">
diff --git a/assets/js/init.js b/assets/js/init.js
index c357d10..fff4c45 100644
--- a/assets/js/init.js
+++ b/assets/js/init.js
@@ -9,15 +9,15 @@ $(document).ready(function() {
 		$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
 	});
 
-	$("div#menu ul li:eq(0)").click(function() {
+	$("div#menu ul li:eq(1)").click(function() {
 		sval.start();
 	});
 
-	$("div#menu ul li:eq(1)").click(function() {
+	$("div#menu ul li:eq(2)").click(function() {
 		$.getJSON("/sess/", $.proxy(sess.loadJSON, sess));
 	});
 
-	$("div#menu ul li:eq(2)").click(function() {
+	$("div#menu ul li:eq(3)").click(function() {
 		$("#login").removeClass("hide");
 	});
 
diff --git a/assets/style/taskrambler.css b/assets/style/taskrambler.css
index b0fe899..7d996d2 100644
--- a/assets/style/taskrambler.css
+++ b/assets/style/taskrambler.css
@@ -145,10 +145,15 @@ div.border div.br {
 
 #title {
 	width:        677px;
+	height:       120px;
 	margin-left:  auto;
 	margin-right: auto;
 }
 
+#title a {
+	text-decoration: none;
+}
+
 #title div {
 	float:    left;
 	height:   100px;
@@ -185,27 +190,44 @@ div.border div.br {
 }
 
 #menu {
-	text-align: center;
-	width:      100%;
+	text-align:     center;
+	margin:         0px;
 }
 
 #menu ul {
-	display:    inline-block;
-	list-style: none;
-	padding:    0px;
+	display:          inline-block;
+	width:            750px;
+	height:           40px;
+	list-style:       none;
+	padding:          0px;
+	margin:           0px;
+	text-align:       justify;
+	text-justify:     distribute-all-lines;
+	background-color: rgb(42,44,40);
 }
 
 #menu ul li {
-	float:            left;
-	padding:          10px 34px;
-	font-family:      old_newspaper;
-	font-size:        20px;
-	background-color: rgb(42,44,40);
-	color:            rgb(255,253,200);
+	display:        inline-block;
+	font-family:    old_newspaper;
+	font-size:      20px;
+	color:          rgb(255,253,200);
+}
+
+#menu ul li.menuedge {
+	width: 50px;
+	vertical-align: center;
+}
+
+#menu ul div {
+	width: 100%;
+	display: inline-block;
+	font-size: 0;
+	line-height: 0;
 }
 
 #menu ul li span {
 	cursor: pointer;
+	color:  rgb(255,253,200);
 }
 
 #menu ul li a {