diff --git a/uauth/static/css/style.css b/uauth/static/css/style.css
index d8a0092..e3b1b46 100644
--- a/uauth/static/css/style.css
+++ b/uauth/static/css/style.css
@@ -3,7 +3,7 @@ ul.login {
     margin: 50px auto;
 }
 
-ul.login li, #guest-login ul li, #voucher-login ul li {
+ul.login li, #guest-login ul li, #voucher-login ul li, .loginbox li {
     list-style-type: none;
     margin: 3px auto;
 }
@@ -34,3 +34,16 @@ ul.login li, #guest-login ul li, #voucher-login ul li {
     padding: 3px;
     border-bottom: 1px solid #bbb;
 }
+
+.loginbox {
+    width: 300px;
+    margin: 0 auto;
+    border: 1px solid #bbb;
+}
+
+.loginbox h4 {
+    margin: 0;
+    padding: 5px;
+    color: #fff;
+    background: #999;
+}
\ No newline at end of file
diff --git a/uauth/templates/registration/login.html b/uauth/templates/registration/login.html
new file mode 100644
index 0000000..7c3accf
--- /dev/null
+++ b/uauth/templates/registration/login.html
@@ -0,0 +1,20 @@
+{% extends "uauth/base.html" %}
+{% load i18n %}
+
+{% block more-user-links %}
+{{ block.super }}
+  <a href="{% url "login" %}">{% trans 'Login' %}</a>
+{% endblock %}
+
+{% block content %}
+<div class="loginbox">
+  <h4>{% trans "Login" %}</h4>
+  <form method="post">
+    <ul>
+      {% csrf_token %}
+      {{ form.as_ul }}
+      <li><button>{% trans "Login" %}</button></li>
+    </ul>
+  </form>
+</div>
+{% endblock %}