diff --git a/.gitignore b/.gitignore
index 8eb0b996..0d20b648 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
-*
-!*.rst
+*.pyc
diff --git a/contribute.rst b/pages/contribute.rst
similarity index 100%
rename from contribute.rst
rename to pages/contribute.rst
diff --git a/documentation.rst b/pages/documentation.rst
similarity index 100%
rename from documentation.rst
rename to pages/documentation.rst
diff --git a/download.rst b/pages/download.rst
similarity index 100%
rename from download.rst
rename to pages/download.rst
diff --git a/home.rst b/pages/home.rst
similarity index 100%
rename from home.rst
rename to pages/home.rst
diff --git a/project_description.rst b/pages/project_description.rst
similarity index 100%
rename from project_description.rst
rename to pages/project_description.rst
diff --git a/technical_choices.rst b/pages/technical_choices.rst
similarity index 100%
rename from technical_choices.rst
rename to pages/technical_choices.rst
diff --git a/user_documentation.rst b/pages/user_documentation.rst
similarity index 100%
rename from user_documentation.rst
rename to pages/user_documentation.rst
diff --git a/static/css/img/icon.png b/static/css/img/icon.png
new file mode 100644
index 00000000..a9c9c042
Binary files /dev/null and b/static/css/img/icon.png differ
diff --git a/static/css/img/radicale.png b/static/css/img/radicale.png
new file mode 100644
index 00000000..27c5edfa
Binary files /dev/null and b/static/css/img/radicale.png differ
diff --git a/static/css/img/radicale_back.png b/static/css/img/radicale_back.png
new file mode 100644
index 00000000..7afb01e6
Binary files /dev/null and b/static/css/img/radicale_back.png differ
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 00000000..f1055d58
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,329 @@
+@font-face {
+font-family: "Fontin Sans";
+src: url(Fontin-Sans.otf);
+font-style: normal;
+}
+
+html {
+background: #eeeeec url(img/radicale_back.png) 130% -150px no-repeat;
+color: #2e3436;
+font-family: "Fontin Sans", sans-serif;
+padding: 0;
+}
+
+body {
+width: 600px;
+margin: 100px auto;
+border: 1px solid #babdb6;
+background: white;
+padding: 20px 40px;
+text-align: justify;
+opacity: .8;
+border-radius: 40px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+color: #111;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+color: #111;
+}
+
+a {
+border-radius: .3em;
+color: #4e9a06;
+margin: 0 -.3em;
+outline: none;
+padding: 0 .3em;
+text-decoration: none;
+transition-property: background-color, color;
+transition-duration: 0.25s;
+}
+
+a:hover,
+a:focus {
+background: #eeeeec;
+}
+
+dt {
+font-weight: bold;
+margin-top: 1em;
+}
+
+dd {
+margin: .5em 1.5em 0 1.5em;
+}
+
+h1 a {
+display: block;
+width: 100px;
+height: 175px;
+background: url(img/radicale.png);
+font-size: 0;
+color: transparent;
+margin: -15px 0 0 -20px;
+border-radius: 10px;
+position: relative;
+}
+
+h1 a:hover,
+h1 a:focus {
+background: #eeeeec url(img/radicale.png);
+box-shadow: 1px 1px 1px #ddd;
+font-size: 0;
+}
+
+h2, h3, h4, h5, h6 {
+margin-left: -.05em;
+text-shadow: #eeeeec .1em .1em;
+}
+
+h2 {
+counter-reset: title;
+font-size: 1.45em;
+margin: 3em 0 0 0;
+}
+
+h3 a:before {
+content: counter(title, upper-roman) ". ";
+counter-increment: title;
+}
+
+h3 {
+counter-reset: subtitle;
+margin-top: 2em;
+font-size: 1.3em;
+}
+
+h4 a:before {
+content: counter(subtitle, decimal) ". ";
+counter-increment: subtitle;
+}
+
+h4 {
+margin-top: 2em;
+counter-reset: subsubtitle;
+font-size: 1.2em;
+}
+
+h5 a:before {
+content: counter(subsubtitle, lower-latin) ". ";
+counter-increment: subsubtitle;
+}
+
+h5 {
+counter-reset: subsubsubtitle;
+font-size: 100%;
+}
+
+h6 a:before {
+content: counter(subsubsubtitle, lower-greek) ". ";
+counter-increment: subsubsubtitle;
+}
+
+ul {
+padding: .25em 0 .25em 1.5em;
+}
+
+table {
+border: gray 1px solid;
+border-collapse: collapse;
+box-shadow: 3px 3px 3px #ddd;
+margin: 1em auto;
+}
+
+th, td {
+padding: .35em;
+}
+
+th {
+background: #eeeeec;
+border: gray 1px solid;
+font-variant: small-caps;
+text-shadow: #eeeeec .1em .1em;
+}
+
+td {
+border: 1px solid #babdb6;
+}
+
+pre {
+background: #2e3436 url(img/radicale_back.png) 20% 60% no-repeat;
+border-radius: 1em;
+box-shadow: 3px 3px 3px #ddd;
+color: #eeeeec;
+font-size: 1.1em;
+font-family: monospace;
+margin: 1em;
+padding: 1em;
+text-shadow: 1px 1px 1px #111;
+}
+
+input {
+border: 1px solid #babdb6;
+border-radius: .75em;
+padding: .5em;
+background: #eeeeec;
+color: #2e3436;
+}
+
+nav ul {
+box-shadow: 3px 3px 3px #ccc;
+display: block;
+background: #a40000;
+text-align: center;
+padding: .75em;
+margin: -4.5em 0 6em 100px;
+border-radius: 1.5em;
+text-transform: lowercase;
+}
+
+nav li {
+display: inline;
+opacity: 0.95;
+}
+
+nav li a {
+color: #eeeeec;
+padding: .25em .5em;
+margin: 0;
+border-radius: 1em;
+}
+
+nav li a:hover,
+nav li a:focus {
+background: white;
+box-shadow: 1px 1px 3px #600;
+color: #a40000;
+text-decoration: none;
+}
+
+footer ul {
+display: block;
+text-align: center;
+margin: 8em 0 -10px 0;
+padding: 0;
+font-size: 90%;
+color: #babdb6;
+font-variant: small-caps;
+}
+
+footer li {
+display: inline;
+padding: .5em;
+}
+
+footer li a {
+color: #babdb6;
+padding: .25em .5em;
+border-radius: 10px;
+}
+
+footer li a:hover,
+footer li a:focus {
+box-shadow: 1px 1px 1px #ddd;
+}
+
+.contents {
+background: #eeeeec;
+padding: .5em 2em;
+margin: 2.5em 0;
+border-radius: 3em;
+box-shadow: 3px 3px 3px #ddd;
+}
+
+.contents a:hover,
+.contents a:focus,
+.note a:hover,
+.note a:focus {
+background: white;
+}
+
+.contents ul {
+padding: .25em 0 .25em 2em;
+list-style-type: upper-roman;
+}
+
+.contents ul ul {
+list-style-type: decimal;
+}
+
+.contents ul ul ul {
+list-style-type: lower-latin;
+}
+
+.contents ul ul ul ul {
+list-style-type: lower-greek;
+}
+
+.contents li {
+margin: 0;
+}
+
+.note {
+background: #eeeeec url(img/radicale_back.png) 20% 60% no-repeat;
+padding: .5em 2.5em;
+margin: 2em 0;
+border-radius: 3em;
+box-shadow: 3px 3px 3px #ddd;
+}
+
+.admonition-title,
+.topic-title {
+font-weight: bold;
+}
+
+.abstract {
+font-size: .9em;
+font-style: italic;
+padding: 0 .25em;
+}
+
+.abstract .topic-title {
+display: none;
+}
+
+.footnote tr, .footnote td {
+border: 0;
+padding: 0 .5em;
+vertical-align: top;
+}
+
+.footnote {
+border: 0;
+display: block;
+box-shadow: none;
+opacity: .8;
+font-size: .8em;
+margin: 0;
+padding: 0 1em;
+}
+
+.footnote td {
+margin: 0;
+padding: 0 .2em;
+}
+
+.footnote td.label:after {
+content: " ";
+}
+
+input[type=submit] {
+display: block;
+margin: 1em 0;
+}
+
+label {
+display: block;
+margin: 1em 0 .25em .25em;
+}
+
+fieldset {
+border: 0;
+padding: 0;
+}
+
+.docinfo {
+display: none;
+}
\ No newline at end of file