diff --git a/.bowerrc b/.bowerrc
index f3ba99a..fbbd19a 100644
--- a/.bowerrc
+++ b/.bowerrc
@@ -1,3 +1,3 @@
 {
-    "directory": "shelfzilla/themes/bootflat/static/bower"
+    "directory": "shelfzilla/themes/kurono/static/bower"
 }
diff --git a/.gitignore b/.gitignore
index 07fc8d0..6d2b588 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,6 +16,7 @@ db.sqlite3
 # Bootflat
 shelfzilla/themes/bootflat/static/css/*.css
 shelfzilla/themes/bootflat/static/bower/*
+shelfzilla/themes/kurono/static/bower/*
 **/CACHE/*
 
 # Bower
diff --git a/bower.json b/bower.json
index 4684cb6..14f36a7 100644
--- a/bower.json
+++ b/bower.json
@@ -20,6 +20,8 @@
     "jquery-pjax": "~1.8.1",
     "nprogress": "~0.1.3",
     "toastr": "~2.0.1",
-    "imagesloaded": "~3.1.4"
+    "imagesloaded": "~3.1.4",
+    "purecss": "~0.5.0",
+    "pure": "~0.5.0"
   }
 }
diff --git a/shelfzilla/settings/base.py b/shelfzilla/settings/base.py
index 2a9e7c0..ec76743 100644
--- a/shelfzilla/settings/base.py
+++ b/shelfzilla/settings/base.py
@@ -105,6 +105,7 @@ MIDDLEWARE_CLASSES = (
 
 TEMPLATE_DIRS = (
     os.path.join(BASE_DIR, "themes", "_base"),
+    os.path.join(BASE_DIR, "themes", "kurono", "templates"),
     os.path.join(BASE_DIR, "themes", "bootflat", "templates"),
 )
 
@@ -156,6 +157,7 @@ MEDIA_URL = '/media/'
 
 # Additional locations of static files
 STATICFILES_DIRS = (
+    os.path.join(BASE_DIR, "themes", "kurono", "static"),
     os.path.join(BASE_DIR, "themes", "bootflat", "static"),
 )
 
diff --git a/shelfzilla/themes/bootflat/static/less/fixes.less b/shelfzilla/themes/bootflat/static/less/fixes.less
index 9a3d9cf..86edac7 100644
--- a/shelfzilla/themes/bootflat/static/less/fixes.less
+++ b/shelfzilla/themes/bootflat/static/less/fixes.less
@@ -6,7 +6,7 @@
 
 // bootstrap navbar, margin-top
 .navbar {
-    margin-top: 20px;
+    border-radius: 0;
 }
 
 * > p:last-child {
diff --git a/shelfzilla/themes/kurono/static/less/navbar.less b/shelfzilla/themes/kurono/static/less/navbar.less
new file mode 100644
index 0000000..ad6b05c
--- /dev/null
+++ b/shelfzilla/themes/kurono/static/less/navbar.less
@@ -0,0 +1,14 @@
+body {
+    // Padding top due to fixed navgar
+    padding-top: @navbar-height + 10px;
+}
+
+.navbar-nav {
+    // No border radius
+    // border-radius: 0;
+
+    // Avatar size should be ~same as text size
+    .avatar {
+        width: 22px;
+    }
+}
diff --git a/shelfzilla/themes/kurono/static/less/style.less b/shelfzilla/themes/kurono/static/less/style.less
new file mode 100644
index 0000000..ee2fbaf
--- /dev/null
+++ b/shelfzilla/themes/kurono/static/less/style.less
@@ -0,0 +1,19 @@
+// Bootstrap
+@import "../bower/bootstrap/less/variables.less";
+@import "variables.less";
+@import "../bower/bootstrap/less/mixins.less";
+
+@import "../bower/bootstrap/less/normalize.less";
+
+@import "../bower/bootstrap/less/scaffolding.less";
+@import "../bower/bootstrap/less/grid.less";
+
+@import "../bower/bootstrap/less/forms.less";
+
+@import "../bower/bootstrap/less/navs.less";
+@import "../bower/bootstrap/less/navbar.less";
+
+@import "../bower/bootstrap/less/utilities.less";
+
+// Own
+@import "navbar.less";
diff --git a/shelfzilla/themes/kurono/static/less/variables.less b/shelfzilla/themes/kurono/static/less/variables.less
new file mode 100644
index 0000000..07d212b
--- /dev/null
+++ b/shelfzilla/themes/kurono/static/less/variables.less
@@ -0,0 +1,4 @@
+/*
+ * NAVGAR
+ */
+@navbar-height: 70px;
diff --git a/shelfzilla/themes/kurono/templates/_css/purecss.html b/shelfzilla/themes/kurono/templates/_css/purecss.html
new file mode 100644
index 0000000..3c7936d
--- /dev/null
+++ b/shelfzilla/themes/kurono/templates/_css/purecss.html
@@ -0,0 +1,3 @@
+{% load staticfiles %}
+
+<link rel="stylesheet" href="{% static "bower/pure/pure-min.css" %}" type="text/css" />
diff --git a/shelfzilla/themes/kurono/templates/_layout.html b/shelfzilla/themes/kurono/templates/_layout.html
new file mode 100644
index 0000000..1ac8049
--- /dev/null
+++ b/shelfzilla/themes/kurono/templates/_layout.html
@@ -0,0 +1,120 @@
+{% load i18n solo_tags staticfiles compress %}
+{% get_solo 'config.SiteConfiguration' as site_config %}
+{% get_solo 'config.SocialConfiguration' as social_config %}
+<!DOCTYPE html>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% compress css %}
+    {% block stylesheets %}
+    {% include "_css/purecss.html" %}
+    <link rel="stylesheet" href="{% static "less/style.less" %}" type="text/less" />
+    {% endblock %}
+    {% endcompress %}
+    <title>{% block page_title %}ShelfZilla{% endblock %}</title>
+</head>
+<body>
+    {% block navigation_bar %}
+    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+        <div class="container">
+            <div class="container-fluid">
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
+                        <span class="sr-only">{% trans "Toggle navigation" %}</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <a data-pjax-unnav class="navbar-brand" data-pjax href="{% url "homepage" %}">Shelfzilla</a>
+                </div>
+
+                <!-- Collect the nav links, forms, and other content for toggling -->
+                <div class="collapse navbar-collapse" id="navbar-collapse">
+                    {% if user.is_authenticated %}
+                    <ul class="nav navbar-nav">
+                        <li data-pjax-nav {% if navigation.section == "series" %}class="active"{% endif %}>
+                            <a data-pjax href="{% url "series.list" %}">{% trans "Series" %}</a>
+                        </li>
+                        <li data-pjax-nav {% if navigation.section == "publishers" %}class="active"{% endif %}>
+                            <a data-pjax href="{% url 'publishers.list' %}">{% trans "Publishers" %}</a>
+                        </li>
+                    </ul>
+                    {% endif %}
+                    <ul class="nav navbar-nav navbar-right">
+                        {% if user.is_authenticated %}
+                        <li><a href="{% url 'profile' user.username %}" title="{% trans "Profile" %}" data-toggle="tooltip" data-placement="bottom">
+                            <img src="{{ user.avatar }}" class="avatar img-rounded pull-left "/>
+                             &nbsp;{{ user.username }}</a>
+                         </li>
+                        {% if user.is_superuser %}
+                        <li><a data-pjax-unnav href="/admin/" title="Admin" data-toggle="tooltip" data-placement="bottom"><i class="glyphicon glyphicon-tower"></i></a></li>
+                        {% endif %}
+    <!--                         <li><a data-pjax-unnav href="{% url 'profile' user.username %}" data-pjax
+                               title="{% trans "Profile" %}" data-toggle="tooltip" data-placement="bottom">
+                               <i class="glyphicon glyphicon-user"></i>
+                            </a>
+                        </li> -->
+                        <li><a data-pjax-unnav href="{% url "logout" %}"
+                               title="{% trans "Logout" %}" data-toggle="tooltip" data-placement="bottom">
+                               <i class="glyphicon glyphicon-off"></i>
+                            </a>
+                        </li>
+                        {% else %}
+                        <li>
+                            <a href="{% url "login" %}">
+                                <i class="glyphicon glyphicon-log-in"></i> {% trans "Log in" %}
+                            </a>
+                        </li>
+                        {% endif %}
+                    </ul>
+                    {% if user.is_authenticated %}
+                    <form class="navbar-form navbar-right" role="search"
+                          method="post" action="{% url "search" %}" data-pjax>
+                        {% csrf_token %}
+                        <div class="form-search search-only">
+                            <i class="search-icon glyphicon glyphicon-search"></i>
+                            <input type="text" value="{{ search_query }}" name="q" class="form-control search-query" placeholder="{% trans 'Search' %}">
+                        </div>
+                    </form>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </nav>
+    {% endblock %}
+
+    {% block messages %}
+        <div class="messages container" data-pjax-container="messages"></div>
+    {% endblock %}
+
+    <div id="main_content" data-pjax-container="main">
+    {% block main_content2 %}{% endblock %}
+    </div>
+
+    {% block footer %}{% endblock %}
+    {% compress js %}
+    {% block javascript %}
+    <!-- OLD -->
+    <script type="text/javascript">
+    var USE_PJAX = {{ site_config.use_pjax|lower }};
+    </script>
+    <script type="text/javascript" src="{% static "bower/jquery/dist/jquery.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/Bootflat/js/bootstrap.min.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/jquery-pjax/jquery.pjax.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/nprogress/nprogress.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/toastr/toastr.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/eventEmitter/EventEmitter.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/eventie/eventie.js" %}"></script>
+    <script type="text/javascript" src="{% static "bower/imagesloaded/imagesloaded.js" %}"></script>
+    <script type="text/javascript" src="{% static "js/app.js" %}"></script>
+    {% endblock %}
+    {% endcompress %}
+    {% if not USER_CONFIG.use_pjax %}
+    <script type="text/javascript">$(function() { window.updateMessages(); });</script>
+    {% endif %}
+
+    {% if social_config.google_analytics %}
+    {% include "_includes/google_analytics.html" %}
+    {% endif %}
+</body>
+</html>