diff --git a/templates/index.html b/templates/index.html
index 49992430..8c696dca 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -14,12 +14,30 @@
 	{% include 'header.html' %}
 	<title>{{ board.url }} - {{ board.title|e }}</title>
 </head>
-<body>	
+<body id="boardfront">
+	<div class="topbar">
+	{% if config.page_nav_top %}
+		<div class="pages top">
+			<span class="sub">
+				[
+				{% for page in pages %}
+				<a {% if page.selected %}class="selected"{% endif %}{% if not page.selected %}href="{{ page.link }}"{% endif %}>{{ page.num }}</a> {% if not loop.last %}/ {% endif %}
+				{% endfor %}
+				]
+			</span>
+			<!--{{ btn.next }}!-->
+                        {% if config.catalog_link %}
+                        <span class="sub">
+				[ <a href="{{ config.root }}{{ board.dir }}{{ config.catalog_link }}">Catalog</a> ]
+			</span>
+			{% endif %}
+		</div>
+	{% endif %}
 	{{ boardlist.top }}
-	
+	</div>
 	{% if pm %}<div class="top_notice">You have <a href="?/PM/{{ pm.id }}">an unread PM</a>{% if pm.waiting > 0 %}, plus {{ pm.waiting }} more waiting{% endif %}.</div><hr />{% endif %}
 	{% if config.url_banner %}<img class="board_image" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
-	
+
 	<header>
 		<h1>{{ board.url }} - {{ board.title|e }}</h1>
 		<div class="subtitle">
@@ -44,18 +62,6 @@
 		{% include 'boardlist.html' %}
 	{% endif %}
 
-	{% if config.page_nav_top %}
-		<div class="pages top">
-			{% for page in pages %}
-			 [<a {% if page.selected %}class="selected"{% endif %}{% if not page.selected %}href="{{ page.link }}"{% endif %}>{{ page.num }}</a>]{% if loop.last %} {% endif %}
-			{% endfor %}
-			{{ btn.next }}
-                        {% if config.catalog_link %}
-                         | <a href="{{ config.root }}{{ board.dir }}{{ config.catalog_link }}">Catalog</a>
-                        {% endif %}
-		</div>
-	{% endif %}
-	
 	{% if config.global_message %}<hr /><div class="blotter">{{ config.global_message }}</div>{% endif %}
 	<hr />
 	<form name="postcontrols" action="{{ config.post_url }}" method="post">
@@ -65,17 +71,6 @@
 	{% include 'report_delete.html' %}
 	</form>
 	
-	<div class="pages">
-		{{ btn.prev }} {% for page in pages %}
-		 [<a {% if page.selected %}class="selected"{% endif %}{% if not page.selected %}href="{{ page.link }}"{% endif %}>{{ page.num }}</a>]{% if loop.last %} {% endif %}
-		{% endfor %} {{ btn.next }}
-		{% if config.catalog_link %}
-			 | <a href="{{ config.root }}{{ board.dir }}{{ config.catalog_link }}">Catalog</a>
-		{% endif %}
-	</div>
-	
-	{{ boardlist.bottom }}
-
 	{{ config.ad.bottom }}
 
 	<footer>
