From 45748d73b5e784ad3e79350564eb68dcac71aa45 Mon Sep 17 00:00:00 2001
From: Silvio Rhatto <rhatto@riseup.net>
Date: Fri, 23 Sep 2011 13:44:35 -0300
Subject: Initial import

---
 css/book.css            |  68 +++++
 css/colors.css          | 144 +++++++++
 css/forms.css           | 260 ++++++++++++++++
 css/ie.css              |  68 +++++
 css/jquery.ui.theme.css | 456 ++++++++++++++++++++++++++++
 css/layout.css          | 613 ++++++++++++++++++++++++++++++++++++++
 css/print.css           | 156 ++++++++++
 css/search.css          |  37 +++
 css/sprites.css         |   9 +
 css/style.css           | 773 ++++++++++++++++++++++++++++++++++++++++++++++++
 css/user.css            | 115 +++++++
 11 files changed, 2699 insertions(+)
 create mode 100644 css/book.css
 create mode 100644 css/colors.css
 create mode 100644 css/forms.css
 create mode 100644 css/ie.css
 create mode 100644 css/jquery.ui.theme.css
 create mode 100644 css/layout.css
 create mode 100644 css/print.css
 create mode 100644 css/search.css
 create mode 100644 css/sprites.css
 create mode 100644 css/style.css
 create mode 100644 css/user.css

(limited to 'css')

diff --git a/css/book.css b/css/book.css
new file mode 100644
index 0000000..e3e3b79
--- /dev/null
+++ b/css/book.css
@@ -0,0 +1,68 @@
+/* @override http://skinr.docs/modules/book/book.css?lff21s */
+
+/* Admin */
+#book-outline {
+  min-width: 56em;
+}
+.book-outline-form .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+html.js #edit-book-pick-book {
+  display: none;
+}
+.form-item-book-bid .description {
+  clear: both;
+}
+#book-admin-edit select {
+  margin-right: 24px;
+}
+#book-admin-edit select.progress-disabled {
+  margin-right: 0;
+}
+#book-admin-edit tr.ajax-new-content {
+  background-color: #ffd;
+}
+#book-admin-edit .form-item {
+  float: left;
+}
+
+/* Front end */
+.book-navigation {
+  font-size: 1.077em;
+  margin: 1em 0 0 0;
+}
+.book-navigation ul.menu {
+  border-top: solid 1px #e4e4e4;
+  margin: 0;
+  padding: 2em 2em 2em 3em;
+  list-style-type: square;
+}
+.book-navigation .menu li {
+  margin-bottom: 0.4em;
+  padding: 0;
+}
+.book-navigation .page-links {
+  border-top: solid 1px #e4e4e4;
+  text-align: center;
+  padding: 1em 0;
+}
+.book-navigation .page-previous {
+  text-align: left;
+  width: 42%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-up {
+  margin: 0 5%;
+  width: 4%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-next {
+  text-align: right;
+  width: 42%;
+  display: block;
+  float: right;
+}
+
diff --git a/css/colors.css b/css/colors.css
new file mode 100644
index 0000000..4830dfd
--- /dev/null
+++ b/css/colors.css
@@ -0,0 +1,144 @@
+/* $Id$ */
+
+/* Page
+-------------------------------------------------------------------------*/
+html, body {
+  background-color: #efedea;
+  color: #000;  
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+#skip-link a,
+.tabs a,
+.tabs a:visited {
+  background-color: #fffffe;
+  color: #101010;
+}
+.tabs a:hover,
+.tabs a:focus,
+.tabs a:active,
+.tabs a.active,
+.tabs a.active:visited {
+  background-color: #efedeb;
+  color: #111111;
+}
+
+/* Links
+-------------------------------------------------------------------------*/
+a,
+a:visited {
+  color: #1c6ea0;
+}
+a:hover,
+a:focus,
+a:active {
+  color: #42a9be;  
+}
+.pager a:hover,
+.pager a:active,
+.pager a:focus {
+  background-color: #1c6ea0;
+  color: #fff;
+}
+
+
+/* Identity
+-------------------------------------------------------------------------*/
+h1.site-name a,
+h1.site-name a:visited {
+  color: #4c4742;   
+}
+h2.site-slogan {
+  color: #837b72; 
+}
+
+
+/* Header
+-------------------------------------------------------------------------*/
+.region-header,
+.region-navigation,
+.region-header h2.block-title,
+.region-navigation h2.block-title {
+  color: #101000;
+}
+.region-header a,
+.region-header a:visited {
+  color: #0679be;
+}
+.region-header a:hover,
+.region-header a:focus,
+.region-header a:active {
+  color: #42a9ba;
+}
+
+
+/* Footer
+-------------------------------------------------------------------------*/
+.breadcrumb,
+footer.section,
+footer.section .block-title {
+  background-color: #e3e1df;
+  color: #010101;
+}
+.breadcrumb a,
+footer.section a,
+footer.section a:visited {
+ color: #126598; 
+}
+.breadcrumb a:hover,
+.breadcrumb a:focus,
+.breadcrumb a:active,
+footer.section a:hover,
+footer.section a:focus,
+footer.section a:active {
+  color: #127ba5;
+}
+
+
+/* Navigation
+-------------------------------------------------------------------------*/
+.region-navigation .content ul a,
+.region-navigation .content ul a:visited {
+  background-color: #e1dfdc;
+  color: #4d453e;
+}
+.region-navigation .content ul a:hover,
+.region-navigation .content ul a:focus,
+.region-navigation .content ul a:active,
+.region-navigation .content ul a.active-trail,
+.region-navigation .content ul a.active-trail:visited,
+.region-navigation .content ul a.active,
+.region-navigation .content ul a.active:visited {
+  background-color: #fff;
+  color: #473e34;
+}
+
+
+/* Node links
+-------------------------------------------------------------------------*/
+article .links a,
+article .links a:visited {
+  background-color: #e7e5e3;
+  color: #100100;
+}
+article .links a:hover,
+article .links a:focus,
+article .links a:active {
+  background-color: #d7d5d3;
+  color: #100101;
+}
+
+/* Titles
+-------------------------------------------------------------------------*/
+h1.title {
+  color: #100001;
+}
+h2.block-title {
+  color: #5e5247; /* need to update */
+}
+.comment header h3 a,
+h2.title a {
+  color: #100011;
+}
diff --git a/css/forms.css b/css/forms.css
new file mode 100644
index 0000000..e1a774f
--- /dev/null
+++ b/css/forms.css
@@ -0,0 +1,260 @@
+/* $Id$ */
+
+/* Fieldsets
+-------------------------------------------------------------------------*/
+fieldset {
+  border: solid 1px #e6e4e2;
+  margin: 1.2em 0;
+  padding: 0 0 1em 0;
+  position: relative;
+}
+.fieldset-wrapper {
+  padding: 2.4em 1em 1em 1em;
+}
+.fieldset-description {
+  padding: 1em 0;
+}
+html.js fieldset.collapsed {
+  border: solid 1px #e6e4e2;
+  height: 2em;
+}
+legend {
+  display: block;
+  color: #999;
+  font-weight: 600;
+  font-size: 0.923em;
+  left: 1em;
+  letter-spacing: 0.25em;
+  line-height: normal;
+  position: absolute;
+  text-transform: uppercase;
+  top: 1em;
+}
+legend a.fieldset-title {
+  color: #999;
+}
+.js fieldset.collapsible legend a {
+  background: url(../images/gray.png) no-repeat 0 -132px;
+  padding-left: 20px;
+  -moz-transition: color 0.3s linear;
+  -webkit-transition: color 0.3s linear;
+  transition: color 0.3s linear;
+}
+.js fieldset.collapsible legend a:hover,
+.js fieldset.collapsible legend a:focus,
+.js fieldset.collapsible legend a:active {
+  background-image: url(../images/black.png);
+  color: #444;
+}
+.js fieldset.collapsed legend a {
+  background-position: 0 -198px;
+}
+
+
+/* Labels
+-------------------------------------------------------------------------*/
+label {
+  cursor: pointer;
+  font-weight: 500;
+}
+.form-item label {
+  display: block;  
+  font-size: 1.077em;
+  margin-bottom: 0.2em;
+  margin-left: 3px;
+}
+.form-item .form-item label {
+  display: inline;
+  font-size: 1em;
+}
+table label,
+.form-item label.option {
+  display: inline;
+  font-size: 1em;
+  font-weight: normal;
+}
+
+
+/* Wrappers
+-------------------------------------------------------------------------*/
+.form-item {
+  margin: 1.4em 0;
+}
+.fieldset-wrapper .form-item:first-child {
+  margin-top: 0.4em;
+}
+.form-item .form-item {
+  margin: 0.5em 0;
+}
+.form-type-checkbox,
+.form-type-radio {
+  margin: 1em 0;
+}
+.form-actions {
+  margin-top: 1em;
+  padding: 1em 0;
+}
+.filter-wrapper .fieldset-wrapper {
+  padding: 0;
+}
+
+
+/* Elements
+-------------------------------------------------------------------------*/
+input, select, textarea, button {
+  font-family: "Helvetica Neue", Helvetica, Clean, Arial, sans-serif;  
+  font-size: 99%;
+}
+input, textarea {
+  font-size: 1.077em;
+  line-height: 1.3em;
+}
+textarea.form-textarea, textarea {
+  background-color: #fff;
+  border: solid 2px #e6e4de;
+  padding: 0.5em;
+  -moz-border-radius: 3px 3px 0 0;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  border-radius: 3px 3px 0 0;
+}
+input.form-text,
+input[type=text],
+select[multiple=multiple] {
+  background-color: #fff;
+  border: solid 2px #e6e4de;
+  padding: 0.3em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+select {
+  max-width: 100%;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+button,
+input[type=submit],
+input.form-submit,
+.form-actions a,
+.form-actions a:visited,
+.button, a.button, a.button:visited {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  border-bottom-color: #bbb;
+  border-right-color: #bbb;
+  color: #000;
+  font-size: 1em;
+  font-weight: 500;
+  padding: 0.5em 1em;
+  margin: 0 0.5em 0 0;
+  overflow: hidden;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+button:hover,
+input[type=submit]:hover,
+input.form-submit:hover,
+.form-actions a:hover,
+.form-actions a:focus,
+.form-actions a:active,
+.button:hover,
+a.button:hover,
+a.button:focus,
+a.button:active {
+  background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e1dedb;
+  border-bottom-color: #aaa;
+  border-right-color: #aaa;
+  color: #000;
+  cursor: pointer;
+}
+textarea:focus,
+input[type=password]:focus,
+input[type=text]:focus,
+select[multiple=multiple]:focus {
+  outline: 0;
+  -moz-box-shadow: 0 0 10px rgba(169,169,169,0.5);
+  -webkit-box-shadow: 0 0 10px rgba(169,169,169,0.5);
+  border-color: rgba(213,213,213,0.7);
+}
+
+/* Misc
+-------------------------------------------------------------------------*/
+.description {
+  color: #777;
+  font-size: 0.923em;
+  line-height: 1.5;
+}
+.form-item .description {
+  margin-top: 0.4em;
+  padding-left: 0.4em;
+}
+.form-required {
+  color: #fda61f;
+  font: bold 1em Tahoma, Verdana, Geneva;
+}
+
+
+/* Inline containers
+-------------------------------------------------------------------------*/
+.container-inline .form-item label {
+  display: inline-block;
+}
+.container-inline .form-submit {
+  font-size: 0.923em;
+  line-height: 1.5em;
+  margin: 0 0.3em 0 0;
+  padding: 0.2em 1em;
+}
+.container-inline .form-actions {
+  padding: 0;
+}
+
+
+/* Autocomplete throbber
+-------------------------------------------------------------------------*/
+html.js input.form-autocomplete {
+  background-position: 99% 6px; /* LTR */
+}
+html.js input.throbbing {
+  background-position: 99% -12px; /* LTR */
+}
+
+
+/* Vertical tabs
+-------------------------------------------------------------------------*/
+.vertical-tabs fieldset.vertical-tabs-pane {
+  padding: 0;
+}
+.vertical-tabs .fieldset-wrapper {
+  padding: 1em 0.5em;
+}
+div.vertical-tabs,
+div.vertical-tabs ul.vertical-tabs-list,
+div.vertical-tabs ul.vertical-tabs-list li {
+  border-color: #e6e4e2;
+}
+.vertical-tabs ul.vertical-tabs-list li {
+  background-color: #efedea;
+}
+.vertical-tabs ul.vertical-tabs-list li a {
+  -moz-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.vertical-tabs ul.vertical-tabs-list li a:hover,
+.vertical-tabs ul.vertical-tabs-list li a:focus {
+  color: #000;
+  outline: none;
+}
+.vertical-tabs ul.vertical-tabs-list li a:focus strong,
+.vertical-tabs ul.vertical-tabs-list li a:active strong,
+.vertical-tabs ul.vertical-tabs-list li a:hover strong {
+  text-decoration: none;
+}
+.vertical-tabs .summary {
+  font-size: 0.923em;
+}
diff --git a/css/ie.css b/css/ie.css
new file mode 100644
index 0000000..81bd9d2
--- /dev/null
+++ b/css/ie.css
@@ -0,0 +1,68 @@
+/* $Id$ */
+
+.list-inline .content li,
+.inline li,
+.links li,
+.tabs li,
+.pager li,
+.pager li.pager-current,
+.breadcrumb a,
+.region-navigation .content ul a,
+.menu-name-menu-social a {
+  display: inline;
+  zoom: 1;
+}
+.region-navigation {
+  float: left;
+}
+.sidebar {
+  overflow: hidden;
+}
+.region-navigation .content ul a,
+.region-navigation .content ul ul li {
+  float: left;
+  display: inline;
+  position: relative;
+}
+.collapsible-toggle,
+label,
+.form-submit,
+.region-navigation .content ul a {
+  font-weight: bold;
+}
+table label,
+.form-item label.option {
+  font-weight: normal;
+}
+.block-search input.form-text {
+  width: 75%;
+}
+.block-search input.form-submit {
+  margin-top: 0.5em;
+}
+.node header,
+.comment header {
+  zoom: 1;
+}
+* html article .field-type-image {
+  width: 1%;
+}
+article .field-name-field-tags {
+  line-height: normal;
+}
+.resizable-textarea textarea {
+  width: 97%;
+}
+input.form-submit {
+  padding-left: 0;
+  padding-right: 0;
+}
+.vertical-tabs .fieldset-wrapper {
+  padding: 0;
+}
+.vertical-tabs .form-type-file input {
+  width: 100%;
+}
+* html .vertical-tabs .form-item {
+  width: 95%; /* IE6 */
+}
diff --git a/css/jquery.ui.theme.css b/css/jquery.ui.theme.css
new file mode 100644
index 0000000..369a1c4
--- /dev/null
+++ b/css/jquery.ui.theme.css
@@ -0,0 +1,456 @@
+/* $Id$ */
+
+/* Component containers
+-------------------------------------------------------------------------*/
+.ui-widget-content {
+  background: #fff url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+}
+.ui-widget-header {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #fff;
+  font-weight: bold;
+}
+.ui-widget-header a {
+  color: #000;
+}
+
+
+/* Interaction states
+-------------------------------------------------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  color: #000;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+  color: #000;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  background: #efedeb url(images/ui-bg_highlight-soft_90_efedeb_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  color: #000;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+  color: #000;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+div.ui-datepicker .ui-state-active {
+  background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e1dedb;
+  color: #000;
+}
+.ui-widget :active {
+  outline: none;
+}
+
+
+/* Interaction cues
+-------------------------------------------------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight,
+div.ui-datepicker .ui-state-highlight {
+  background: #fffce5 url(../images/ui/ui-bg_glass_55_fffce5_1x400.png) 50% 50% repeat-x;
+  border: 1px solid #ed5;
+  color: #840;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+  color: #840;
+  text-decoration: underline;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+  background: #fef5f1 url(../images/ui/ui-bg_glass_95_fef5f1_1x400.png) 50% 50% repeat-x;
+  border: 1px solid #ed541d;
+  color: #8c2e0b;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+  color: #8c2e0b;
+  text-decoration: underline;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+  color: #8c2e0b;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+  font-weight: 600;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary, 
+.ui-widget-header .ui-priority-secondary {
+  opacity: 0.7;
+  filter: Alpha(Opacity=70);
+  font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+  background-image: none;
+  filter: Alpha(Opacity=35);
+  opacity: 0.35;
+}
+
+
+/* Icons
+-------------------------------------------------------------------------*/
+.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_555555_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_999999_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_884400_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_8c2e0b_256x240.png); }
+
+
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Border radius
+-------------------------------------------------------------------------*/
+.ui-corner-tl {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.ui-corner-tr {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.ui-corner-bl {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.ui-corner-br {
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-top {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.ui-corner-bottom {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-right {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-left {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.ui-corner-all {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px
+}
+
+
+/* Overlays
+-------------------------------------------------------------------------*/
+.ui-widget-overlay {
+  background: #000;
+  opacity: 0.6;
+  filter: Alpha(Opacity=60);
+}
+.ui-widget-shadow {
+  margin: -8px 0 0 -8px;
+  padding: 8px;
+  background: #aaa;
+  opacity: 0.6;
+  filter: Alpha(Opacity=60);
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+/* Progress bar
+-------------------------------------------------------------------------*/
+div.ui-progressbar {
+  background: #f8f8f8;
+  height: 3.5ex;
+}
+div.ui-progressbar .ui-progressbar-value {
+  background: #0072b9 url(/misc/progress.gif);
+  height: 3.5ex;
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+.ui-tabs {
+  border-color: #fff;
+}
+div.ui-tabs .ui-tabs-nav {
+  background: #fff;
+  padding-left: 0;
+  border-bottom: solid 1px #e6e4e2;
+}
+div.ui-tabs .ui-tabs-nav .ui-state-active,
+div.ui-tabs .ui-tabs-nav .ui-state-hover,
+div.ui-tabs .ui-tabs-nav .ui-tabs-selected {
+  border-color: #e6e4e2;
+}
+div.ui-tabs .ui-tabs-panel {
+  border-width: 0 1px 1px 1px;
+}
+
+
+/* Dialog
+-------------------------------------------------------------------------*/
+.ui-dialog {
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4);
+  box-shadow: 0 0 12px rgba(0,0,0,0.4);
+
+}
+
+
+/* Datepicker
+-------------------------------------------------------------------------*/
+.ui-datepicker .ui-state-default {
+  background: #fff;
+  border-color: #fff;
+  text-align: center;
+  vertical-align: middle;
+}
+.ui-datepicker .ui-datepicker-calendar {
+  font-size: 0.923em;
+}
+.ui-datepicker .ui-datepicker-calendar,
+.ui-datepicker .ui-datepicker-calendar td,
+.ui-datepicker .ui-datepicker-calendar th {
+  border-color: #fff;
+}
+
+
+/* Misc
+-------------------------------------------------------------------------*/
+.ui-datepicker .ui-widget-header,
+.ui-dialog .ui-widget-header,
+.ui-slider .ui-widget-header {
+  background-color: #efedeb;
+}
+div.ui-widget p:only-child {
+  margin: 1em 0;
+}
+
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 0000000..a933091
--- /dev/null
+++ b/css/layout.css
@@ -0,0 +1,613 @@
+/* $Id$ */
+
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+
+  Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container-12,
+.container-16 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid-1,
+.grid-2,
+.grid-3,
+.grid-4,
+.grid-5,
+.grid-6,
+.grid-7,
+.grid-8,
+.grid-9,
+.grid-10,
+.grid-11,
+.grid-12,
+.grid-13,
+.grid-14,
+.grid-15,
+.grid-16 {
+  display: inline;
+  float: left;
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.container-12 .grid-3,
+.container-16 .grid-4 {
+  width: 220px;
+}
+
+.container-12 .grid-6,
+.container-16 .grid-8 {
+  width: 460px;
+}
+
+.container-12 .grid-9,
+.container-16 .grid-12 {
+  width: 700px;
+}
+
+.container-12 .grid-12,
+.container-16 .grid-16 {
+  width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+  margin-left: 0;
+}
+
+.omega {
+  margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .grid-1 {
+  width: 60px;
+}
+
+.container-12 .grid-2 {
+  width: 140px;
+}
+
+.container-12 .grid-4 {
+  width: 300px;
+}
+
+.container-12 .grid-5 {
+  width: 380px;
+}
+
+.container-12 .grid-7 {
+  width: 540px;
+}
+
+.container-12 .grid-8 {
+  width: 620px;
+}
+
+.container-12 .grid-10 {
+  width: 780px;
+}
+
+.container-12 .grid-11 {
+  width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .grid-1 {
+  width: 40px;
+}
+
+.container-16 .grid-2 {
+  width: 100px;
+}
+
+.container-16 .grid-3 {
+  width: 160px;
+}
+
+.container-16 .grid-5 {
+  width: 280px;
+}
+
+.container-16 .grid-6 {
+  width: 340px;
+}
+
+.container-16 .grid-7 {
+  width: 400px;
+}
+
+.container-16 .grid-9 {
+  width: 520px;
+}
+
+.container-16 .grid-10 {
+  width: 580px;
+}
+
+.container-16 .grid-11 {
+  width: 640px;
+}
+
+.container-16 .grid-13 {
+  width: 760px;
+}
+
+.container-16 .grid-14 {
+  width: 820px;
+}
+
+.container-16 .grid-15 {
+  width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .prefix-3,
+.container-16 .prefix-4 {
+  padding-left: 240px;
+}
+
+.container-12 .prefix-6,
+.container-16 .prefix-8 {
+  padding-left: 480px;
+}
+
+.container-12 .prefix-9,
+.container-16 .prefix-12 {
+  padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .prefix-1 {
+  padding-left: 80px;
+}
+
+.container-12 .prefix-2 {
+  padding-left: 160px;
+}
+
+.container-12 .prefix-4 {
+  padding-left: 320px;
+}
+
+.container-12 .prefix-5 {
+  padding-left: 400px;
+}
+
+.container-12 .prefix-7 {
+  padding-left: 560px;
+}
+
+.container-12 .prefix-8 {
+  padding-left: 640px;
+}
+
+.container-12 .prefix-10 {
+  padding-left: 800px;
+}
+
+.container-12 .prefix-11 {
+  padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .prefix-1 {
+  padding-left: 60px;
+}
+
+.container-16 .prefix-2 {
+  padding-left: 120px;
+}
+
+.container-16 .prefix-3 {
+  padding-left: 180px;
+}
+
+.container-16 .prefix-5 {
+  padding-left: 300px;
+}
+
+.container-16 .prefix-6 {
+  padding-left: 360px;
+}
+
+.container-16 .prefix-7 {
+  padding-left: 420px;
+}
+
+.container-16 .prefix-9 {
+  padding-left: 540px;
+}
+
+.container-16 .prefix-10 {
+  padding-left: 600px;
+}
+
+.container-16 .prefix-11 {
+  padding-left: 660px;
+}
+
+.container-16 .prefix-13 {
+  padding-left: 780px;
+}
+
+.container-16 .prefix-14 {
+  padding-left: 840px;
+}
+
+.container-16 .prefix-15 {
+  padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .suffix-3,
+.container-16 .suffix-4 {
+  padding-right: 240px;
+}
+
+.container-12 .suffix-6,
+.container-16 .suffix-8 {
+  padding-right: 480px;
+}
+
+.container-12 .suffix-9,
+.container-16 .suffix-12 {
+  padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .suffix-1 {
+  padding-right: 80px;
+}
+
+.container-12 .suffix-2 {
+  padding-right: 160px;
+}
+
+.container-12 .suffix-4 {
+  padding-right: 320px;
+}
+
+.container-12 .suffix-5 {
+  padding-right: 400px;
+}
+
+.container-12 .suffix-7 {
+  padding-right: 560px;
+}
+
+.container-12 .suffix-8 {
+  padding-right: 640px;
+}
+
+.container-12 .suffix-10 {
+  padding-right: 800px;
+}
+
+.container-12 .suffix-11 {
+  padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .suffix-1 {
+  padding-right: 60px;
+}
+
+.container-16 .suffix-2 {
+  padding-right: 120px;
+}
+
+.container-16 .suffix-3 {
+  padding-right: 180px;
+}
+
+.container-16 .suffix-5 {
+  padding-right: 300px;
+}
+
+.container-16 .suffix-6 {
+  padding-right: 360px;
+}
+
+.container-16 .suffix-7 {
+  padding-right: 420px;
+}
+
+.container-16 .suffix-9 {
+  padding-right: 540px;
+}
+
+.container-16 .suffix-10 {
+  padding-right: 600px;
+}
+
+.container-16 .suffix-11 {
+  padding-right: 660px;
+}
+
+.container-16 .suffix-13 {
+  padding-right: 780px;
+}
+
+.container-16 .suffix-14 {
+  padding-right: 840px;
+}
+
+.container-16 .suffix-15 {
+  padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .push-3,
+.container-16 .push-4 {
+  left: 240px;
+}
+
+.container-12 .push-6,
+.container-16 .push-8 {
+  left: 480px;
+}
+
+.container-12 .push-9,
+.container-16 .push-12 {
+  left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .push-1 {
+  left: 80px;
+}
+
+.container-12 .push-2 {
+  left: 160px;
+}
+
+.container-12 .push-4 {
+  left: 320px;
+}
+
+.container-12 .push-5 {
+  left: 400px;
+}
+
+.container-12 .push-7 {
+  left: 560px;
+}
+
+.container-12 .push-8 {
+  left: 640px;
+}
+
+.container-12 .push-10 {
+  left: 800px;
+}
+
+.container-12 .push-11 {
+  left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .push-1 {
+  left: 60px;
+}
+
+.container-16 .push-2 {
+  left: 120px;
+}
+
+.container-16 .push-3 {
+  left: 180px;
+}
+
+.container-16 .push-5 {
+  left: 300px;
+}
+
+.container-16 .push-6 {
+  left: 360px;
+}
+
+.container-16 .push-7 {
+  left: 420px;
+}
+
+.container-16 .push-9 {
+  left: 540px;
+}
+
+.container-16 .push-10 {
+  left: 600px;
+}
+
+.container-16 .push-11 {
+  left: 660px;
+}
+
+.container-16 .push-13 {
+  left: 780px;
+}
+
+.container-16 .push-14 {
+  left: 840px;
+}
+
+.container-16 .push-15 {
+  left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .pull-3,
+.container-16 .pull-4 {
+  left: -240px;
+}
+
+.container-12 .pull-6,
+.container-16 .pull-8 {
+  left: -480px;
+}
+
+.container-12 .pull-9,
+.container-16 .pull-12 {
+  left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .pull-1 {
+  left: -80px;
+}
+
+.container-12 .pull-2 {
+  left: -160px;
+}
+
+.container-12 .pull-4 {
+  left: -320px;
+}
+
+.container-12 .pull-5 {
+  left: -400px;
+}
+
+.container-12 .pull-7 {
+  left: -560px;
+}
+
+.container-12 .pull-8 {
+  left: -640px;
+}
+
+.container-12 .pull-10 {
+  left: -800px;
+}
+
+.container-12 .pull-11 {
+  left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .pull-1 {
+  left: -60px;
+}
+
+.container-16 .pull-2 {
+  left: -120px;
+}
+
+.container-16 .pull-3 {
+  left: -180px;
+}
+
+.container-16 .pull-5 {
+  left: -300px;
+}
+
+.container-16 .pull-6 {
+  left: -360px;
+}
+
+.container-16 .pull-7 {
+  left: -420px;
+}
+
+.container-16 .pull-9 {
+  left: -540px;
+}
+
+.container-16 .pull-10 {
+  left: -600px;
+}
+
+.container-16 .pull-11 {
+  left: -660px;
+}
+
+.container-16 .pull-13 {
+  left: -780px;
+}
+
+.container-16 .pull-14 {
+  left: -840px;
+}
+
+.container-16 .pull-15 {
+  left: -900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
+
+.clearfix:after {
+  clear: both;
+  content: ' ';
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/*
+  The following zoom:1 rule is specifically for IE6 + IE7.
+  Move to separate stylesheet if invalid CSS is a problem.
+*/
+* html .clearfix,
+*:first-child+html .clearfix {
+  zoom: 1;
+}
\ No newline at end of file
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 0000000..2287b4a
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,156 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup,
+menu, nav, section {
+  display: block;
+}
+a {
+  text-decoration: none;
+  -moz-transition: all 0.3s linear;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+}
+blockquote, p {
+  margin: 1.5em 0;
+}
+p:first-child,
+p.first-child {
+  margin-top: 0;
+}
+img {
+  border: none;
+}
+abbr, acronym {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+pre, code, kbd, samp, tt {
+  font-size: 0.923em;
+  font-family: Monaco, monospace, sans-serif;
+}
+pre {
+  padding: 1em;
+  white-space: pre-wrap;
+}
+div.codeblock, pre {
+  background-color: #eee;
+  border: solid 1px #ddd;
+  padding: 1em;
+}
+mark {
+  font-size: 0.769em;
+}
+
+
+/* Layout
+-------------------------------------------------------------------------*/
+#toolbar,
+#header,
+#footer,
+div.tabs,
+nav.links,
+div.sidebar,
+div.breadcrumb {
+  display: none;
+}
+#content {
+  width: 98%;
+}
+body.toolbar-drawer {
+  padding-top: 0 !important;
+}
+
+/* Headings
+-------------------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 400;
+  line-height: 1em;
+  padding: 0;
+  margin: 24px 0 12px 0;
+}
+h1 { font-size: 2.153em; } /* 28px */
+h2 { font-size: 1.692em; } /* 22px */
+h3 { font-size: 1.385em; } /* 18px */
+h4 { font-size: 1.231em; } /* 16px */
+h5 { font-size: 1.077em; } /* 14px */
+h6 { font-size: 1em; }
+
+h1.book-heading {
+  border-bottom: solid 1px #ddd;
+  padding-bottom: 0.4em;
+}
+
+/* Lists
+-------------------------------------------------------------------------*/
+dl {
+  margin: 1em 0;
+  padding: 1em;
+}
+dt {
+  font-size: 1.231em;
+}
+dd {
+  margin: 0 0 0.5em 0;
+  padding: 1em 0 1em 2em;
+}
+dd:last-child {
+  border-bottom: 0;
+}
+dl dl {
+  margin-left: 1em;
+}
+ul, ol {
+  padding: 0;
+  margin: 0 0 0 1.5em;
+}
+li {
+  margin: 0;
+  padding: 0;
+}
+ul.inline,
+.inline .content ul {
+  display: inline;
+  margin-left: 0;
+}
+ul.inline li,
+.inline .content li {
+  display: inline;
+  margin: 0 0.5em 0 0;
+}
+li p {
+  margin-top: 0;
+}
+
+/* Tables
+-------------------------------------------------------------------------*/
+table {
+  border: solid #e4e2e0;
+  border-collapse: collapse;
+  border-width: 1px 1px 0 1px;
+  margin: 1em 0;
+  width: 100%;
+}
+th {
+  font-weight: 600;
+  text-align: left;
+}
+th, td {
+  border: solid #e4e2e0;
+  border-width: 0 0 1px 0;
+  padding: 0.5em;
+  vertical-align: top;
+}
+thead th:last-child,
+tr td:last-child {
+  border-right: solid 1px #e4e2e0;
+}
+table .form-item,
+table p {
+  margin: 0;
+}
\ No newline at end of file
diff --git a/css/search.css b/css/search.css
new file mode 100644
index 0000000..71f9d78
--- /dev/null
+++ b/css/search.css
@@ -0,0 +1,37 @@
+/* $Id$ */
+.search-form {
+  margin: 2em 0 1em 0;
+}
+.search-form input {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.search-results {
+  list-style: none;
+}
+.search-advanced .criterion {
+  float: left; /* LTR */
+  margin-right: 2em; /* LTR */
+}
+.search-advanced .action {
+  float: left; /* LTR */
+  clear: left; /* LTR */
+}
+p.search-info {
+  text-align: right;
+  color: #666;
+  font-size: 0.846em;
+  font-style: italic;
+  margin-bottom: 0;
+}
+.search-results {
+  margin: 0;
+}
+.search-result {
+  border: solid 1px #e6e4e2;
+  margin: 0 0 1em 0;
+  padding: 1em;
+}
+.search-result h3.title {
+  margin-top: 0;
+}
diff --git a/css/sprites.css b/css/sprites.css
new file mode 100644
index 0000000..a0d3797
--- /dev/null
+++ b/css/sprites.css
@@ -0,0 +1,9 @@
+/* $Id$ */
+
+.link { background-position: 0 0; }
+.locked { background-position: 0 -66px; }
+.minus { background-position: 0 -132px; }
+.plus { background-position: 0 -198px; }
+.popout { background-position: 0 -264px; }
+.search { background-position: 0 -330px; }
+.x { background-position: 0 -396px;}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..039434d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,773 @@
+/* $Id$ */
+
+/**
+ * Font sizes (reference)
+ * Based on 13px body (81.3%).
+ *
+ *  8px = 0.615em          30px = 2.308em          52px = 4em
+ *  9px = 0.692em          31px = 2.385em          53px = 4.077em
+ * 10px = 0.769em          32px = 2.462em          54px = 4.154em
+ * 11px = 0.846em          33px = 2.538em          55px = 4.231em
+ * 12px = 0.923em          34px = 2.615em          56px = 4.308em
+ * 13px = 1em              35px = 2.692em          57px = 4.385em
+ * 14px = 1.077em          36px = 2.769em          58px = 4.462em
+ * 15px = 1.154em          37px = 2.846em          59px = 4.538em
+ * 16px = 1.231em          38px = 2.923em          60px = 4.615em
+ * 17px = 1.308em          39px = 3em              61px = 4.692em
+ * 18px = 1.385em          40px = 3.077em          62px = 4.769em
+ * 19px = 1.462em          41px = 3.154em          63px = 4.846em
+ * 20px = 1.538em          42px = 3.231em          64px = 4.923em
+ * 21px = 1.615em          43px = 3.308em          65px = 5em
+ * 22px = 1.692em          44px = 3.385em          66px = 5.077em
+ * 23px = 1.769em          45px = 3.462em          67px = 5.154em
+ * 24px = 1.846em          46px = 3.538em          68px = 5.231em
+ * 25px = 1.923em          47px = 3.615em          69px = 5.308em
+ * 26px = 2em              48px = 3.692em          70px = 5.385em
+ * 27px = 2.077em          49px = 3.769em          71px = 5.462em
+ * 28px = 2.154em          50px = 3.846em          72px = 5.538em
+ * 29px = 2.231em          51px = 3.923em
+ */
+
+/* General
+-------------------------------------------------------------------------*/
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+  font-size: 81.3%; /* 13px */
+  line-height: 1.6em;
+  margin: 0;
+  padding: 0;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup,
+menu, nav, section {
+  display: block;
+}
+a {
+  text-decoration: none;
+  -moz-transition: all 0.3s linear;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+}
+blockquote, p {
+  margin: 1.5em 0;
+}
+p:first-child,
+p.first-child {
+  margin-top: 0;
+}
+img {
+  border: none;
+}
+abbr, acronym {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+pre, code, kbd, samp, tt {
+  font-size: 0.846em;
+  font-family: Monaco, monospace, sans-serif;
+}
+pre, div.codeblock {
+  background-color: #f5f5f5;
+  border: solid 1px #ddd;
+  border-bottom-color: #ccc;
+  border-right-color: #ccc;
+  padding: 1em;
+  white-space: pre-wrap;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+/* Headings
+-------------------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 400;
+  line-height: 1em;
+  padding: 0;
+  margin: 24px 0 12px 0;
+}
+h1 { font-size: 2.153em; } /* 28px */
+h2 { font-size: 1.692em; } /* 22px */
+h3 { font-size: 1.385em; } /* 18px */
+h4 { font-size: 1.231em; } /* 16px */
+h5 { font-size: 1.077em; } /* 14px */
+h6 { font-size: 1em; }
+h1.title{
+  margin-top: 0;
+}
+h2.title {
+  margin-top: 0;
+  margin-bottom: 0.2em;
+}
+h2.block-title {
+  font-size: 1.385em;
+  line-height: 1.2;
+  margin: 0 0 0.4em 0;
+}
+h1.site-name { /* 48px */
+  font-size: 3.692em;
+  margin: 0 0 0.2em 0;
+  padding: 0;
+}
+h2.site-slogan {
+  font-size: 1.077em;
+  margin: 0;
+  padding: 0;
+}
+
+
+/* Lists
+-------------------------------------------------------------------------*/
+dl {
+  margin: 1em 0;
+  padding: 0;
+}
+dt {
+  font-size: 1.231em;
+}
+dd {
+  margin: 0 0 0.4em 0;
+  padding: 0 0 0 2em;
+}
+dd:last-child {
+  border-bottom: 0;
+}
+dl dl {
+  margin-left: 1em;
+}
+ul, ol {
+  padding: 0;
+  margin: 0 0 0 1.5em;
+}
+li {
+  margin: 0;
+  padding: 0;
+}
+ul.inline,
+.inline .content ul {
+  display: inline;
+  margin-left: 0;
+}
+ul.inline li,
+.inline .content li {
+  display: inline;
+  margin: 0 0.5em 0 0;
+}
+li p {
+  margin-top: 0;
+}
+ul.action-links {
+  display: block;
+  margin: 1em 0;
+}
+.action-links li {
+  display: inline;
+  margin: 0 1em 0 0;
+}
+.action-links li a {
+  background: url(../images/gray.png) no-repeat 0 -198px;
+  padding-left: 20px;
+}
+
+
+/* Tables
+-------------------------------------------------------------------------*/
+table {
+  border: solid #e4e2e0;
+  border-collapse: collapse;
+  border-width: 1px 1px 0 1px;
+  margin: 1em 0;
+  width: 100%;
+}
+th {
+  font-weight: 600;
+  text-align: left;
+}
+th, td {
+  border: solid #e4e2e0;
+  border-width: 0 0 1px 0;
+  padding: 0.5em;
+  vertical-align: top;
+}
+thead th:last-child,
+tr td:last-child {
+  border-right: solid 1px #e4e2e0;
+}
+table .form-item,
+table p {
+  margin: 0;
+}
+
+
+/* Layout
+-------------------------------------------------------------------------*/
+.section-main,
+.section-collapsible,
+.region-highlighted {
+  background: #fff;
+  padding: 1em 0;
+}
+.section {
+  position: relative;
+}
+.inner {
+  padding: 1.5em;
+}
+header {
+  padding: 1.5em 0 0 0;
+}
+.region-navigation {
+  margin-top: 2em;
+}
+.region-footer {
+  padding: 1em 0;
+}
+#block-system-help .inner {
+  padding: 1em 0;
+}
+
+
+/* Blocks
+-------------------------------------------------------------------------*/
+.region-navigation .block-menu .inner,
+.region-navigation .block-menu-block .inner,
+.region-highligted .inner,
+.region-help .inner {
+  padding: 0;
+}
+.region-highligted .block,
+.region-help .block,
+.sidebar .block {
+  margin: 1em 0;
+}
+.sidebar .block {
+  border-top: solid 1px #e6e4de;
+}
+.sidebar .block.first {
+  border-top: none;
+}
+.sidebar .content {
+  padding: 0.5em 0;
+}
+
+
+/* Skip link
+-------------------------------------------------------------------------*/
+#skip-link {
+  text-align: center;
+}
+#skip-link a {
+  display: inline-block;
+  padding: 0.7em 1em;
+  -moz-border-radius: 0 0 8px 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  border-radius: 0 0 8px 8px;
+}
+
+
+/* Navigation
+-------------------------------------------------------------------------*/
+.region-navigation .block {
+  font-weight: 400;
+}
+.region-navigation .block-menu,
+.region-navigation .block-menu-block {
+  font-size: 1.231em;
+}
+.region-navigation .content ul {
+  display: inline;
+  list-style: none;
+  margin: 0;
+  text-transform: lowercase;
+}
+.region-navigation .content li {
+  display: inline;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.region-navigation .content ul a {
+  display: inline-block;
+  line-height: 4ex;
+  margin: 0 0.4em 0 0;
+  padding: 0 2.4em;
+  text-align: center;
+  -moz-border-radius: 8px 8px 0 0;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  border-radius: 8px 8px 0 0;
+}
+/* Safeguard against dropdowns temporarily. */
+.region-navigation .content ul ul {
+  display: none;
+}
+
+
+/* Search block
+-------------------------------------------------------------------------*/
+.block-search .inner {
+  padding-left: 0;
+  padding-right: 0;
+}
+.region-header .block-search .inner {
+  padding: 0;
+}
+.block-search input.form-text {
+  padding-right: 24px;
+  width: 100%;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.block-search input.form-submit {
+  background: transparent url(../images/black.png) no-repeat 0 -330px;
+  border: none;
+  height: 16px;
+  margin: -2em 4px 0 0;
+  position: absolute;
+  right: 0;
+  text-indent: -999em;
+  width: 20px;
+  z-index: 1;
+}
+.block-search .form-submit:hover,
+.block-search .form-submit:focus,
+.block-search .form-submit:active {
+  background: #fff url(../images/gray.png) no-repeat 0 -330px;
+  border: none;
+  cursor: pointer;
+}
+
+
+/* Nodes
+-------------------------------------------------------------------------*/
+/* Common */
+article {
+  margin-bottom: 3em;
+}
+article header {
+  border-bottom: solid 1px #e6e4de;
+  color: #666;
+  font-size: 0.923em;
+  padding: 0 0 0.6em 0;
+  position: relative;
+}
+article .content {
+  padding: 1em 0;
+}
+article .field-type-image,
+article .content img:nth-child(even) {
+  float: right;
+  margin: 0 0 2em 2em;
+}
+article .content img:nth-child(odd) {
+  float: left;
+  margin: 0 2em 2em 0;
+}
+article .field-type-image,
+article .content-image-even img {
+  float: right;
+  margin: 0 0 2em 2em;
+}
+article .content-image-odd img {
+  float: left;
+  margin: 0 2em 2em 0;
+}
+article .links {
+  font-size: 0.923em;
+  text-transform: lowercase;
+}
+article .links a,
+article .links a:visited {
+  display: inline-block;
+  padding: 0.3em 0.8em;
+}
+
+/* Nodes */
+.page-node- .node header .meta,
+.page-node- .node header .field {
+  margin-top: 1em;
+  float: left;
+}
+.node header.with-picture {
+  height: 3.5em;
+  height: auto !important;
+  min-height: 3.5em;
+  padding-left: 55px;
+}
+.node header .user-picture {
+  left: 0;
+  height: 40px;
+  position: absolute;
+  width: 40px;
+}
+.node header .user-picture img {
+  display: block;
+  margin: 0;
+  padding: 0.2em;
+  height: 40px;
+  width: 40px;
+}
+.node img {
+  border: solid 1px #e6e4de;
+  padding: 0.5em;
+}
+.field {
+  padding: 0 0 0.5em 0;
+}
+.field .field-label {
+  font-weight: 400;
+}
+article .tags,
+.node header .field-type-taxonomy-term-reference {
+  border-left: solid 1px #e6e4de;
+  display: inline;
+  font-style: italic;
+  margin-left: 0.6em;
+  padding: 0 0 0 0.6em;
+}
+article .tags .field-label,
+.node header .field-type-taxonomy-term-reference h3.field-label {
+  display: inline;
+  font-size: 1em;
+  font-weight: normal;
+  margin: 0;
+}
+.node .content .field-type-taxonomy-term-reference h3.field-label {
+  font-size: 1em;
+}
+
+/* Misc */
+h1.title span.marker {
+  font-size: 0.5em;
+}
+.preview {
+  border: solid 1px #e6e4de;
+  padding: 0 2em;
+}
+.preview > h3 {
+  color: #999;
+  font-size: 1.077em;
+  text-transform: uppercase;
+}
+td.revision-current {
+  background-color: #efedeb;
+}
+
+/* Comments
+-------------------------------------------------------------------------*/
+.comment {
+  border: solid 1px #e6e4de;
+  height: 80px;
+  height: auto !important;
+  min-height: 80px;
+  margin-bottom: 1.5em;
+  position: relative;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.comment header {
+ border: none;
+ font-style: italic;
+ padding: 0.5em 9;
+ position: relative;
+}
+.comment .user-picture {
+  height: 50px;
+  position: absolute;
+  right: 0;
+  width: 50px;
+}
+.comment .user-picture img {
+  height: 50px;
+  width: 50px;
+}
+.comment span a.permalink {
+  background: url(../images/gray.png) no-repeat;
+  display: inline-block;
+  font-size: 0.923em;
+  height: 20px;
+  padding: 0;
+  text-indent: -999em;
+  width: 24px;
+}
+.comment header h3 {
+  margin: 0;
+  padding: 0 90px 0 0;
+}
+.comment p.meta {
+  margin-top: 0;
+}
+.comment-by-node-author {
+  background-color: #f9f8f7;
+}
+.comment .links {
+  text-align: right;
+}
+.user-signature {
+  font-size: 0.923em;
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+div.tabs {
+  border-bottom: solid 1px #e6e4e2;
+  margin: 2em 0 0 0;
+  padding: 0;
+}
+ul.tabs {
+  display: block;
+  padding: 0;
+  margin: 0;
+}
+.tabs li {
+  display: inline-block;
+  margin: 0 0.2em 0 0;
+  padding: 0;
+}
+.tabs a {
+  display: block;
+  padding: 0 1em;
+  text-decoration: none;
+}
+.tabs a:hover,
+.tabs a:focus,
+.tabs a:active,
+.tabs a.active {
+  outline: 0;
+}
+.tabs a.active {
+  font-weight: 600;
+}
+
+/* Primary */
+ul.primary {
+  font-size: 1.077em;
+  height: 4ex;
+  line-height: 4ex;
+  margin-top: 1em;
+}
+.primary a {
+  padding: 0 1em;
+  -moz-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+
+/* Secondary */
+ul.secondary {
+  background-color: #fff;
+  border-top: solid 1px #e6e4e2;
+  line-height: 4ex;
+  padding: 1em 1em 0 0;
+  position: relative;
+  margin: 0 0 1em 0;
+}
+.secondary a {
+  font-size: 0.923em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+
+/* Breadcrumbs
+-------------------------------------------------------------------------*/
+.breadcrumb {
+  font-size: 1.231em;
+  padding: 0.4em;
+}
+.breadcrumb a,
+.breadcrumb a:visited {
+  display: inline-block;
+  font-size: 0.846em;
+  line-height: 28px;
+  margin: 0 0.5em;
+}
+
+
+/* Collapsible region
+-------------------------------------------------------------------------*/
+.js .region-collapsible,
+.collapsible-toggle {
+  display: none;
+}
+.js .section-collapsible {
+  bottom: 0;
+  height: 50%;
+  height: auto !important;
+  max-height: 50%;
+  position: fixed;
+  right: 0;
+  z-index: 100;
+}
+.section-collapsible.toggle-active {
+  overflow: auto;
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  box-shadow: 0 0 12px rgba(0,0,0,0.5);
+}
+.region-collapsible {
+  padding: 1.2em 0;
+}
+.js .collapsible-toggle {
+  border: none;
+  display: block;
+  font-size: 1.077em;
+  font-weight: 500;
+  margin: 0;
+  position: relative;
+  text-transform: uppercase;
+}
+.collapsible-toggle a,
+.collapsible-toggle a:visited {
+  background: #fff url(../images/black.png) no-repeat 16px -248px;
+  bottom: 0;
+  display: inline-block;
+  height: 20px;
+  padding: 1em;
+  position: fixed;
+  right: 0;
+  text-indent: -999em;
+  width: 20px;
+  z-index: 1;
+  -moz-border-radius: 4px 0 0 0;
+  -webkit-border-radius: 4px 0 0 0;
+  border-radius: 4px 0 0 0;
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  box-shadow: 0 0 12px rgba(0,0,0,0.5);
+}
+.toggle-active .collapsible-toggle a {
+  background-position: 16px -390px;
+  position: relative;
+  float: right;
+  -moz-border-radius: 0 0 0 4px;
+  -webkit-border-radius: 0 0 0 4px;
+  border-radius: 0 0 0 4px;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.collapsible-toggle a:hover,
+.collapsible-toggle a:focus,
+.collapsible-toggle a:active {
+  background-image: url(../images/gray.png);
+  outline: 0;
+}
+
+
+/* System messages (shamelessly stolen from an early version of Seven)
+-------------------------------------------------------------------------*/
+.messages {
+  background-color: #f8fff0;
+  border: solid 1px #be7;
+  border-width: 1px 1px 1px 16px;
+  margin: 1em 0;
+  padding: 1em;
+}
+.message-title {
+  font-size: 1.231em;
+  font-weight: 500;
+  margin: 0 0 1em 0;
+  text-transform: uppercase;
+}
+.status {
+  background-color: #f8fff0;
+  color: #234600;
+}
+.warning {
+  background-color: #fffce5;
+  border-color: #ed5;
+  color: #840;
+}
+.error {
+  background-color: #fef5f1;
+  border-color: #ed541d;
+  color: #8c2e0b;
+}
+span.warning {
+  background: none;
+  border: none;
+  color: #fda61f;
+  font: bold 1em Tahoma, Verdana, Geneva;
+  margin-left: 0.25em;
+}
+.ok {
+  background-color: #f8fff0;
+  color: #234600;  
+}
+span.error, .marker, form .error {
+  background-color: transparent;
+  color: #c00;
+  font-weight: 500;
+}
+
+
+/* Pagers
+-------------------------------------------------------------------------*/
+ul.pager {
+  display: block;
+  margin: 1.5em 0 1em 0;
+  padding: 0;
+  text-align: right;
+}
+.pager li {
+  display: inline-block;
+  margin: 0.5em 0.2em 0 0;
+}
+.pager a,
+.pager .pager-current {
+  background-color: #efedea;
+  display: inline-block;
+  padding: 0.2em 0.8em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.pager .pager-current {
+  color: #000;
+  font-weight: bold;
+}
+
+
+/* Clearfixes
+-------------------------------------------------------------------------*/
+ul.tabs:after,
+ul.action-links:after,
+.form-item:after,
+.item-list:after {
+  content: "\0020";  /*UTF-8 character for a space.*/ 
+  clear: both;
+  display: block;
+  height: 0;
+  visibility: hidden;	
+}
+* html ul.tabs,
+* html .action-links,
+* html .form-item,
+* html .item-list {
+  height: 1%;
+}
+* :first-child + html ul.tabs,
+* :first-child + html .action-links,
+* :first-child + html .form-item,
+* :first-child + html .item-list {
+  min-height: 1%;
+}
+
+
+/* Overlay
+-------------------------------------------------------------------------*/
+.overlay #header,
+.overlay #navigation,
+.overlay #page-title,
+.overlay #sidebar-first,
+.overlay #sidebar-second,
+.overlay #footer {
+  display: none;
+}
diff --git a/css/user.css b/css/user.css
new file mode 100644
index 0000000..e7330b9
--- /dev/null
+++ b/css/user.css
@@ -0,0 +1,115 @@
+/* $Id$ */
+
+#permissions td.module {
+  font-weight: bold;
+}
+#permissions td.permission {
+  padding-left: 1.5em; /* LTR */
+}
+
+/**
+ * Override default textfield float to put the "Add role" button next to
+ * the input textfield.
+ */
+#user-admin-roles td.edit-name {
+  clear: both;
+}
+#user-admin-roles .form-item-name {
+  float: left;
+  margin-right: 1em;
+}
+
+/**
+ * Password strength indicator.
+ */
+.password-strength {
+  width: 14em;
+  float: right;  /* LTR */
+  margin-top: 1.4em;
+}
+.password-strength-title {
+  display: inline;
+}
+.password-strength-text {
+  float: right; /* LTR */
+  font-weight: bold;
+}
+.password-indicator {
+  background-color: #C4C4C4;
+  height: 0.3em;
+  width: 100%;
+}
+.password-indicator div {
+  height: 100%;
+  width: 0%;
+  background-color: #47C965;
+}
+input.password-confirm,
+input.password-field {
+  width: 16em;
+  margin-bottom: 0.4em;
+}
+div.password-confirm {
+  display: inline;
+  padding-left: 2em;
+  visibility: hidden;
+}
+div.form-item div.password-suggestions {
+  padding: 0.2em 0.5em;
+  margin: 0.7em 0;
+  width: 38.5em;
+  border: 1px solid #B4B4B4;
+}
+div.password-suggestions ul {
+  margin-bottom: 0;
+}
+.password-parent {
+  margin: 0;
+  width: 34.3em;
+}
+
+/**
+ * Password confirmation checker.
+ */
+.confirm-parent {
+  margin: 0;
+}
+.password-indicator {
+  background-color: #e6e4e2;
+  height: 0.7em;
+  margin-top: 0.2em;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.password-indicator div {
+  -moz-border-radius: 4px 0 0 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-radius: 4px 0 0 4px;
+}
+div.form-item div.form-type-password label {
+  display: block;
+}
+div.form-item div.password-suggestions {
+  background-color: #e6e4e2;
+  border-color: #d4cfcb;
+  color: #675b50;
+  font-weight: 500;
+  font-size: 1.077em;
+  padding: 1em;
+  width: auto;
+}
+.password-suggestions ul {
+  font-weight: normal;
+  font-size: 0.923em;
+  margin-top: 1em;
+  line-height: 1.7em;
+}
+.profile .user-picture {
+  float: right;
+}
+.profile .user-picture img {
+  padding: 0.5em;
+  border: solid 1px #e6e4de;  
+}
-- 
cgit v1.2.3