remove link from active item in main menu

themes/default/index.html

@@ -22,7 +22,12 @@
 			<h1><a href="{{ base_url }}">{{ site_title }}</a></h1>
 			<ul class="nav">
 				{% for page in pages %}
-				<li{% if current_page.url == page.url %} class="active"{% endif %}><a href="{{ page.url }}">{{ page.title }}</a></li>
+                {% if current_page.url == page.url %}
+                <li class="active"><span>{{ page.title }}</span></li>
+                {% else %}
+                <li><a href="{{ page.url }}">{{ page.title }}</a></li>
+
+                {% endif %}
 				{% endfor %}
 			</ul>
 		</div>

themes/default/style.css

@@ -213,7 +213,7 @@ blockquote {
 }
 #header a { color: #afe1da; }
 #header h1 a,
-#header a:hover, #header li.active a { color: #fff; }
+#header a:hover, #header li.active span { color: #fff; }
 #header h1 { 
 	font-weight: bold;
 	margin: 0; 
@@ -226,7 +226,7 @@ blockquote {
 	padding: 0;
 }
 #header .nav li { display: inline; }
-#header .nav a {
+#header .nav a, #header .nav span {
 	font-weight: bold;
 	margin-left: 20px;
 }