diff --git a/membersystem/static/css/membersystem.css b/membersystem/static/css/membersystem.css
new file mode 100644
index 0000000..cbf11d5
--- /dev/null
+++ b/membersystem/static/css/membersystem.css
@@ -0,0 +1,79 @@
+/* General styles */
+html
+{
+ margin: 0;
+ padding: 0;
+ font-family: sans-serif;
+ font-size: 2.5vmin;
+ background: #f8f8f8;
+}
+
+body
+{
+ background: #fff;
+ color: #000;
+ margin: 1em auto;
+ max-width: 50em;
+ padding: 0 1em;
+ box-shadow: 0 0 2.5em rgba(0, 0, 0, 20%);
+}
+
+header,
+footer
+{
+ background: #eee;
+ padding: .5em;
+ margin: 0 -1em;
+}
+
+footer
+{
+ margin-top: 2em;
+}
+
+
+header h1
+{
+ font-size: 1em;
+ float: left;
+ padding: .5em .5em;
+ margin: 0;
+}
+
+header ul,
+footer ul
+{
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ text-align: right;
+}
+
+header ul li,
+footer ul li
+{
+ display: inline;
+}
+
+header ul li a,
+footer ul li a
+{
+ display: inline-block;
+ margin: 0;
+ padding: .5em .5em;
+}
+
+
+/* Forms */
+label
+{
+ display: block;
+ padding: .5em 0;
+}
+
+button,
+input,
+textarea
+{
+ font-size: inherit;
+}
diff --git a/membersystem/templates/base.html b/membersystem/templates/base.html
new file mode 100644
index 0000000..0c21c7b
--- /dev/null
+++ b/membersystem/templates/base.html
@@ -0,0 +1,50 @@
+
+{% load static %}
+
+
+ {% block head_title %}{% endblock %} – {{ site.name }}
+ {% block extra_head %}{% endblock %}
+
+
+
+
+ {% block body %}
+ {% if messages %}
+
+ {% for message in messages %}
+ - {{message}}
+ {% endfor %}
+
+ {% endif %}
+
+ {% block content %}
+ {% endblock %}
+ {% endblock %}
+ {% block extra_body %}
+ {% endblock %}
+
+
+
+