diff --git themes/corolla/base-rtl.css themes/corolla/base-rtl.css
new file mode 100644
index 0000000..0050fd9
--- /dev/null
+++ themes/corolla/base-rtl.css
@@ -0,0 +1,28 @@
+/* $Id: base-rtl.css,v 1.5 2010/05/31 18:41:32 jarek Exp $ */
+
+blockquote {
+  margin: 20px 20px 20px 0;
+  padding: 0 15px 0 0;
+  border-left: none;
+  border-right: 7px solid #e25401;
+}
+ul {
+  margin: 0 15px 0 0;
+}
+ul.inline li {
+  margin: 0 0 0 10px;
+}
+ol {
+  margin: 0 15px 0 0;
+}
+th,
+td {
+  text-align: right;
+}
+caption {
+  text-align: right;
+}
+input.form-button,
+input.form-submit {
+  margin: 0 0 0 5px;
+}
diff --git themes/corolla/base.css themes/corolla/base.css
new file mode 100644
index 0000000..d187539
--- /dev/null
+++ themes/corolla/base.css
@@ -0,0 +1,468 @@
+/* $Id: base.css,v 1.26 2010/07/02 18:21:54 jarek Exp $ */
+
+/**
+ * Properties inherited by all elements
+ */
+html {
+  line-height: 1.5;
+  font-size: 0.75em;
+  word-wrap: break-word;
+}
+
+/**
+ * Font stacks
+ */
+html,
+#wrapper-p * {
+  font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+}
+h1,
+h2,
+h3,
+#site-name a,
+#site-slogan,
+.block h2,
+#forum td.container .name a,
+tr.region-title td,
+table#permissions td.module {
+  font-family: "Trebuchet MS", "Myriad Pro", "Bitstream Vera Sans", FreeSans, sans-serif;
+}
+h6 {
+  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
+}
+pre,
+tt {
+  font-family: "Courier New", Monaco, "Nimbus Mono L", monospace;
+}
+
+/**
+ * Headings
+ */
+h1 {
+  margin: 9px 0 9px;
+  font-size: 2em;
+  line-height: 1.1;
+}
+h1 em {
+  font-weight: 300;
+}
+h2 {
+  margin: 7px 0 7px;
+  font-size: 1.9em;
+  font-weight: 700;
+  line-height: 1.3;
+}
+h3 {
+  margin: 12px 0 10px;
+  font-size: 1.333em;
+}
+h4 {
+  margin: 10px 0 8px 0;
+  font-size: 1.167em;
+}
+h5 {
+  font-size: 1em;
+  margin: 12px 0 8px 0;
+  font-weight: 700;
+}
+h6 {
+  margin: 12px 0 8px 0;
+  font-size: 0.833em;
+  font-weight: 700;
+}
+
+/**
+ * Block elements
+ */
+p {
+  margin: 14px 0;
+}
+p:first-child {
+  margin-top: 0;
+}
+p:last-child {
+  margin-bottom: 0;
+}
+pre {
+  margin: 10px 0;
+  padding: 15px;
+  background-color: #fafafa;
+  border: 1px solid #e5e5e5;
+  white-space: pre-wrap;
+  overflow: hidden;
+}
+blockquote {
+  margin: 20px 0 20px 20px; /* LTR */
+  padding: 0 0 0 15px; /* LTR */
+  color: #808080;
+  border-left: 7px solid #e25401; /* LTR */
+  quotes: none;
+}
+blockquote:before,
+blockquote:after {
+  content: '';
+  content: none;
+}
+.block-system-main .img {
+  float: left;
+}
+hr {
+  height: 1px;
+  border: 1px solid #808080;
+}
+
+/**
+ * Inline elements
+ */
+strong {
+  font-weight: 700;
+}
+em {
+  font-style: italic;
+}
+kbd {
+  background-color: #f1eed4;
+  border: 1px outset #575757;
+  color: #333;
+  padding: 2px 7px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+}
+abbr[title],
+dfn[title],
+acronym[title] {
+  border-bottom: 1px solid #bf8060;
+}
+samp,
+var,
+code {
+  background-color: #efefef;
+}
+ins {
+  text-decoration: underline;
+}
+del {
+  text-decoration: line-through;
+}
+sub {
+  vertical-align: sub;
+}
+sup {
+  vertical-align: super
+}
+q {
+  quotes: none;
+}
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+b {
+  font-weight: 700;
+}
+i {
+  font-style: italic;
+}
+*::selection {
+  background-color: #2e2e2e;
+  color: #fff;
+}
+*::-moz-selection {
+  background-color: #2e2e2e;
+  color: #fff;
+}
+
+/**
+ * Lists
+ */
+ul,
+ol,
+dl {
+  list-style-position: inside;
+}
+p + ul {
+  margin-top: 5px;
+}
+ul {
+  list-style: disc inside none;
+  margin: 0 0 0 15px; /* LTR */
+}
+li > ul {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+ul.inline li {
+  display: inline;
+  margin: 0 10px 0 0; /* LTR */
+}
+ul.links li {
+  padding: 0;
+}
+li.expanded > ul {
+}
+ol {
+  list-style: decimal inside none;
+  margin: 0 0 0 15px; /* LTR */
+}
+dt {
+  margin-top: 5px;
+  font-weight: 900;
+}
+
+/**
+ * Links
+ */
+a {
+  text-decoration: none;
+}
+a::selection {
+  background-color: #086782;
+  color: #fff;
+}
+a::-moz-selection {
+  background-color: #086782;
+  color: #fff;
+}
+
+/**
+ * Tables
+ */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+th,
+td {
+  padding: 10px 14px;
+  text-align: left; /* LTR */
+  vertical-align: middle;
+}
+td.help,
+td.permissions,
+td.configure {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+td.active {
+  background-color: #eee;
+}
+td.empty {
+  background: none;
+}
+th.checkbox {
+  padding-left: 14px;
+  padding-right: 7px;
+}
+th,
+thead,
+thead th {
+  background-color: #333;
+  color: #fcfcf8;
+  border: none;
+}
+tr,
+tr.even,
+tr.odd {
+  border-bottom: 1px solid #ccc;
+  background: none;
+}
+caption {
+  margin-bottom: 5px;
+  text-align: left; /* LTR */
+}
+
+/**
+ * Forms
+ */
+fieldset {
+  margin: 15px 0;
+  padding: 13px 20px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+}
+legend {
+  margin-left: -8px;
+  padding: 1px 8px 1px 9px;
+  color: #fff;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+}
+.form-item {
+  margin: 10px 0;
+}
+legend + .form-item {
+  margin-top: 0;
+}
+fieldset .form-item:first-child {
+  margin-top: 0;
+}
+.form-item:last-child {
+  margin-bottom: 0px;
+}
+.form-item .description {
+  background-color: #f5f9fa;
+  border: 1px solid #deeaec;
+  font-size: 0.917em;
+  margin: 9px 0 21px;
+  padding: 2px 6px;
+}
+.form-item label {
+  vertical-align: middle;
+  font-size: 0.9em;
+  font-weight: 300;
+}
+label.option {
+  display: inline;
+  font-weight: normal;
+  color: inherit;
+  margin-left: 3px;
+}
+span.form-required {
+  font-weight: 700;
+  color: #e25401;
+}
+.container-inline div,
+.container-inline label {
+  display: block;
+}
+input.form-text,
+input.form-password,
+input.form-file,
+textarea {
+  padding: 6px;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  background-color: #fafafa;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -khtml-box-sizing: border-box;
+  box-sizing: border-box;
+}
+fieldset input.form-text,
+fieldset input.form-password,
+input.form-file,
+textarea {
+  background-color: #fdfdfd;
+}
+input.form-text:focus,
+input.form-password:focus,
+input.form-file:focus,
+textarea:focus {
+  border: 1px solid #a5a5a5!important;
+  background-color: #fff;
+}
+input.form-text,
+input.form-password,
+input.form-file {
+  width: auto;
+}
+textarea {
+  resize: none;
+}
+select {
+  padding: 4px;
+  width: 100%!important;
+  max-width: 230px;
+}
+.form-radios,
+.form-checkboxes {
+  margin: 3px 0;
+}
+.form-item-choice {
+  padding: 3px 0;
+}
+.form-radios label,
+.form-checkboxes label,
+.form-item-choice label {
+  font-size: 1em;
+}
+.form-item.form-type-radio,
+.form-item.form-type-checkbox {
+  margin: 4px 0;
+}
+input.form-checkbox,
+input.form-radio {
+  display: inline;
+  vertical-align: middle;
+}
+input.form-button,
+input.form-submit {
+  margin: 0 5px 0 0; /* LTR */
+  padding: 5px 11px;
+  background: url(images/button.png) repeat-x top left;
+  color: #414141;
+  border: 1px solid #ccc;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -khtml-border-radius: 8px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+input.form-button:hover,
+input.form-submit:hover,
+input.form-button:focus,
+input.form-submit:focus {
+   border-color: #666!important;
+}
+input[disabled="disabled"] {
+  background-color: #eaeaea;
+}
+input.error,
+textarea.error,
+select.error {
+  background-color: #fefaf8;
+  border: 1px solid #f4b09e;
+}
+input.error:focus,
+textarea.error:focus,
+select.error:focus {
+  background-color: #fef7f5;
+  border: 1px solid #d43308!important;
+}
+
+/**
+ * Selectively remove border-bottom from anchors.
+ */
+body.page-admin a,
+#skip-link a,
+#logo a,
+#site-name a,
+#main-links li a,
+#navigation li a,
+#sidebar-first a,
+#sidebar-second a,
+.node h1.node-title a,
+.node h2.node-title a,
+ul.pager li a,
+.block ul li a,
+.node .meta a,
+.element-invisible,
+a.feed-icon,
+.comment h3.title a,
+.user-picture a,
+ul.action-links li a,
+legend a,
+th a,
+thead a,
+#forum td.container .name a,
+a.tabledrag-handle,
+ul.contextual-links li a,
+a.contextual-links-trigger:hover,
+.overlay .ui-dialog-titlebar a,
+a.contextual-links-trigger,
+.book-navigation .page-links a {
+  border-bottom: none;
+}
diff --git themes/corolla/color/color.inc themes/corolla/color/color.inc
new file mode 100644
index 0000000..139929e
--- /dev/null
+++ themes/corolla/color/color.inc
@@ -0,0 +1,252 @@
+<?php
+// $Id: color.inc,v 1.11 2010/07/02 18:42:43 jarek Exp $
+
+/**
+ * @file
+ * Color modules main settings file.
+ */
+
+$info = array(
+
+  // Available colors and color labels used in theme.
+  'fields' => array(
+    'base' => t("Base"),
+    'background' => t("Background"),
+    'text' => t('Text'),
+    'link' => t('Link'),
+    'linkhover' => t('Hovered Link'),
+    'linkunderline' => t('Link underline'),
+    'slogan' => t('Slogan'),
+    'navigation' => t('Navigation'),
+    'navigationhover' => t('Navigation hover'),
+    'tab' => t('Tab'),
+    'blocktitle' => t('Block title'),
+    'border' => t('Border'),
+    'borderstrong' => t('Border strong'),
+    'fieldset' => t('Fieldset'),
+    'fieldsetborder' => t('Fieldset border'),
+  ),
+
+  // Pre-defined color schemes.
+  'schemes' => array(
+    'default' => array(
+      'title' => t('Mixed (Default)'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#f8f8f8',
+        'text' => '#2e2e2e',
+        'link' => '#086782',
+        'linkhover' => '#e25401',
+        'linkunderline' => '#cfdde5',
+        'slogan' => '#e25400',
+        'navigation' => '#2e2e2d',
+        'navigationhover' => '#e25402',
+        'tab' => '#f5f4f3',
+        'blocktitle' => '#779125',
+        'border' => '#e1e1e1',
+        'borderstrong' => '#c4c4c4',
+        'fieldset' => '#fbfbfb',
+        'fieldsetborder' => '#e1e1e2',
+      ),
+    ),
+    'green' => array(
+      'title' => t('Green'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fbfaf5',
+        'text' => '#4a4a4a',
+        'link' => '#0a80a1',
+        'linkhover' => '#de4c01',
+        'linkunderline' => '#cfdde5',
+        'slogan' => '#819521',
+        'navigation' => '#819521',
+        'navigationhover' => '#2e2e2e',
+        'tab' => '#f7f8ec',
+        'blocktitle' => '#779125',
+        'border' => '#e8f0be',
+        'borderstrong' => '#d0dc93',
+        'fieldset' => '#fafaf4',
+        'fieldsetborder' => '#d0dc93',
+      ),
+    ),
+    'purple' => array(
+      'title' => t('Purple'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fefafb',
+        'text' => '#2e2e2e',
+        'link' => '#6c0d28',
+        'linkhover' => '#e25401',
+        'linkunderline' => '#eac8d1',
+        'slogan' => '#e25401',
+        'navigation' => '#6c0d28',
+        'navigationhover' => '#83a80e',
+        'tab' => '#fbf3f6',
+        'blocktitle' => '#e25401',
+        'border' => '#f7d6e2',
+        'borderstrong' => '#d9a3b7',
+        'fieldset' => '#fefafb',
+        'fieldsetborder' => '#f7d6e2',
+      ),
+    ),
+    'brown' => array(
+      'title' => t('Brown'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fbfbf8',
+        'text' => '#383838',
+        'link' => '#2e6b8e',
+        'linkhover' => '#de4c01',
+        'linkunderline' => '#dce8ef',
+        'slogan' => '#9d875c',
+        'navigation' => '#8b7241',
+        'navigationhover' => '#423a29',
+        'tab' => '#f7f8ec',
+        'blocktitle' => '#8b7241',
+        'border' => '#ece9c5',
+        'borderstrong' => '#dcd093',
+        'fieldset' => '#fbfbf8',
+        'fieldsetborder' => '#ddd7b6',
+      ),
+    ),
+    'red' => array(
+      'title' => t('Red'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fefbfa',
+        'text' => '#2e2e2e',
+        'link' => '#0d5b6c',
+        'linkhover' => '#b9400e',
+        'linkunderline' => '#dce8ef',
+        'slogan' => '#ca592b',
+        'navigation' => '#b9400e',
+        'navigationhover' => '#423a29',
+        'tab' => '#fcf3f2',
+        'blocktitle' => '#b9400e',
+        'border' => '#f7dfd6',
+        'borderstrong' => '#d9a8ac',
+        'fieldset' => '#fefbfa',
+        'fieldsetborder' => '#f7dad6',
+      ),
+    ),
+    'black' => array(
+      'title' => t('Black'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fbfbfb',
+        'text' => '#2e2e2e',
+        'link' => '#086782',
+        'linkhover' => '#a3a3a3',
+        'linkunderline' => '#cfdde5',
+        'slogan' => '#858585',
+        'navigation' => '#2e2e2d',
+        'navigationhover' => '#8f8f8f',
+        'tab' => '#f5f4f3',
+        'blocktitle' => '#545454',
+        'border' => '#e0e0e0',
+        'borderstrong' => '#c4c4c4',
+        'fieldset' => '#fbfbfb',
+        'fieldsetborder' => '#e1e1e1',
+      ),
+    ),
+    'greenblue' => array(
+      'title' => t('Green-blue'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fafcfd',
+        'text' => '#2e2e2e',
+        'link' => '#0280a2',
+        'linkhover' => '#08a8d4',
+        'linkunderline' => '#c8dcea',
+        'slogan' => '#6a8208',
+        'navigation' => '#6a8208',
+        'navigationhover' => '#95b503',
+        'tab' => '#f3f8fb',
+        'blocktitle' => '#365d78',
+        'border' => '#e3eff3',
+        'borderstrong' => '#c1d5e1',
+        'fieldset' => '#fafcfe',
+        'fieldsetborder' => '#d6e9f7',
+      ),
+    ),
+    'aquatic' => array(
+      'title' => t('Aquatic'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fbfdfd',
+        'text' => '#2e2e2e',
+        'link' => '#186991',
+        'linkhover' => '#43a86c',
+        'linkunderline' => '#c8e1ea',
+        'slogan' => '#3590ac',
+        'navigation' => '#3590ac',
+        'navigationhover' => '#43a86c',
+        'tab' => '#f3f9fb',
+        'blocktitle' => '#5c5c5c',
+        'border' => '#e0e7eb',
+        'borderstrong' => '#a3c6d9',
+        'fieldset' => '#fafdfe',
+        'fieldsetborder' => '#d6f0f7',
+      ),
+    ),
+    'blue' => array(
+      'title' => t('Blue'),
+      'colors' => array(
+        'base' => '#ffffff',
+        'background' => '#fcfcfd',
+        'text' => '#404040',
+        'link' => '#096a86',
+        'linkhover' => '#e63f19',
+        'linkunderline' => '#b7ced5',
+        'slogan' => '#36788c',
+        'navigation' => '#2f6475',
+        'navigationhover' => '#2e2e2e',
+        'tab' => '#f4f6fa',
+        'blocktitle' => '#2b4355',
+        'border' => '#e3eaed',
+        'borderstrong' => '#b7ced7',
+      ),
+    ),
+  ),
+
+  // Images to copy over.
+  'copy' => array(
+    'logo.png',
+  ),
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => array(
+    'colors.css',
+  ),
+
+  // Gradient definitions.
+  'gradients' => array(
+    array(
+      // (x, y, width, height).
+      'dimension' => array(0, 0, 0, 0),
+      // Direction of gradient ('vertical' or 'horizontal').
+      'direction' => 'vertical',
+      // Keys of colors to use for the gradient.
+      'colors' => array('link', 'text'),
+    ),
+  ),
+
+  // Color areas to fill (x, y, width, height).
+  'fill' => array(),
+
+  // Coordinates of all the theme slices (x, y, width, height)
+  // with their filename as used in the stylesheet.
+  'slices' => array(),
+
+  // Reference color used for blending. Matches the base.png's colors.
+  'blend_target' => '#ffffff',
+
+  // Preview files.
+  'preview_image' => 'color/preview.png',
+  'preview_css' => 'color/preview.css',
+  'preview_js' => 'color/preview.js',
+  'preview_html' => 'color/preview.html',
+
+  // Base file for image generation.
+  'base_image' => 'color/base.png',
+);
diff --git themes/corolla/color/preview.css themes/corolla/color/preview.css
new file mode 100644
index 0000000..78d709d
--- /dev/null
+++ themes/corolla/color/preview.css
@@ -0,0 +1,103 @@
+/* $Id: preview.css,v 1.12 2010/06/01 21:46:22 jarek Exp $ */
+
+#wrapper-p {
+  position: relative;
+  font-size: 9px;
+  line-height: 1;
+  width: 500px;
+  height: 300px;
+  background-color: #f8f8f8;
+  border: 1px solid #e1e1e1;
+}
+#wrapper-p * {
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+  font-weight: 300;
+  font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+}
+#wrapper-p a {
+}
+/* navigation */
+#navigation-p {
+  width: 500px;
+  height: 20px;
+  margin: 0;
+  background-color: #2e2e2d;
+}
+#navigation-p ul {
+  list-style: none;
+  margin-left: 55px;
+}
+#navigation-p li {
+  color: white;
+  display: inline-block;
+  margin: 4px 5px 4px 0;
+}
+/* branding */
+#branding-p {
+  position: absolute;
+  left: 60px;
+  top: 35px;
+}
+#name-p {
+  font-size: 22px;
+  font-family: "Trebuchet MS", "Myriad Pro", "Bitstream Vera Sans", FreeSans, sans-serif;
+  letter-spacing: -1px;
+  margin: 0;
+}
+#slogan-p {
+  line-height: 1;
+  font-family: "Trebuchet MS", "Myriad Pro", "Bitstream Vera Sans", FreeSans, sans-serif;
+  color: #e76111;
+  text-transform: uppercase;
+  font-size: 10px;
+  margin-top: 3px;
+}
+/* page */
+#page-p {
+  position: absolute;
+  left: 50px;
+  top: 85px;
+  width: 250px;
+  height: 175px;
+  padding: 15px;
+  background: #ffffff;
+  border: 1px solid #e1e1e1;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+#page-p p {
+  line-height: 14px;
+  margin-bottom: 10px;
+}
+/* sidebar */
+#sidebar-p {
+  width: 100px;
+  height: 400px;
+  position: absolute;
+  left: 343px;
+  top: 90px;
+}
+#sidebar-p .block-title-p {
+  font-family: "Trebuchet MS", "Myriad Pro", "Bitstream Vera Sans", FreeSans, sans-serif;
+  font-size: 10px;
+  padding-bottom: 5px;
+  margin-bottom: 8px;
+  border-bottom: 1px dotted #2E2E2E;
+  color: #779125;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+#sidebar-p ul {
+  margin-bottom: 15px;
+  list-style: none;
+}
+#sidebar-p ul li {
+  margin: 6px 0;
+}
+#sidebar-p p {
+  line-height: 11px;
+}
+
diff --git themes/corolla/color/preview.html themes/corolla/color/preview.html
new file mode 100644
index 0000000..99c0daa
--- /dev/null
+++ themes/corolla/color/preview.html
@@ -0,0 +1,35 @@
+<div id="wrapper-p">
+
+  <div id="navigation-p">
+    <ul>
+      <li>Home</li>
+      <li>Forum</li>
+      <li>Book</li>
+      <li>Contact</li>
+    </ul>
+  </div>
+
+  <div id="branding-p">
+    <div id="name-p">Site name</div>
+    <div id="slogan-p">This is sample slogan</div>
+  </div>
+
+  <div id="page-p">
+    <p>Shines, outside even toy admin. Available part popular replace though for imagine unlikely first add flow bolt, <a href="#">developer concrete</a>. Rooted. Webmin integrate no, things keep just many you too determine stored.</p>
+    <p>Naturally details blocks use segregated functions. What articles types—even. Already of, no. Naturally details blocks use segregated functions. Every several varied, no start details blocks use.</p>
+  </div>
+
+  <div id="sidebar-p">
+
+    <div class="block-title-p">Recent content</div>
+    <ul>
+      <li><a href="#">Valuable instantly wide</a></li>
+      <li><a href="#">Sample book</a></li>
+      <li><a href="#">Tank place onscreen</a></li>
+      <li><a href="#">Elements</a></li>
+      <li><a href="#">Meaningful types</a></li>
+    </ul>
+
+  </div>
+
+</div>
diff --git themes/corolla/color/preview.js themes/corolla/color/preview.js
new file mode 100644
index 0000000..7f08d29
--- /dev/null
+++ themes/corolla/color/preview.js
@@ -0,0 +1,34 @@
+/* $Id: preview.js,v 1.5 2010/06/01 21:46:22 jarek Exp $ */
+
+(function ($) {
+  Drupal.color = {
+    logoChanged: false,
+    callback: function(context, settings, form, farb, height, width) {
+
+      // Background
+      $('#wrapper-p', form).css('backgroundColor', $('#palette input[name="palette[background]"]', form).val());
+
+      // Navigation
+      $('#navigation-p', form).css('backgroundColor', $('#palette input[name="palette[navigation]"]', form).val());
+
+      // Border
+      $('#page-p', form).css('border-color', $('#palette input[name="palette[border]"]', form).val());
+
+      // Site slogan
+      $('#slogan-p', form).css('color', $('#palette input[name="palette[slogan]"]', form).val());
+
+      // Block title
+      $('#sidebar-p .block-title-p', form).css('color', $('#palette input[name="palette[blocktitle]"]', form).val());
+
+      // Link hovered
+      $('#wrapper-p a:hover', form).css('color', $('#palette input[name="palette[linkhover]"]', form).val());
+
+      // Link
+      $('#wrapper-p a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
+
+      // Text
+      $('#preview #preview-main h2, #preview #preview-main p', form).css('color', $('#palette input[name="palette[text]"]', form).val());
+    }
+
+  };
+})(jQuery);
diff --git themes/corolla/colors.css themes/corolla/colors.css
new file mode 100644
index 0000000..220d8fe
--- /dev/null
+++ themes/corolla/colors.css
@@ -0,0 +1,135 @@
+/* $Id: colors.css,v 1.14 2010/06/28 11:48:24 jarek Exp $ */
+
+/* background */
+body {
+  background-color: #f8f8f8;
+}
+#navigation li.active a,
+#navigation li.active a:hover {
+  background-color: #f8f8f8;
+}
+/* text (black) */
+body,
+#site-name a,
+#navigation li.active a,
+h1.page-title,
+.node h2.node-title,
+.node h1.node-title a,
+.node h2.node-title a,
+.comment h3.title a,
+.tabs ul.tabs li a,
+pre,
+code,
+samp,
+var {
+  color: #2e2e2e;
+}
+#site-name a::-moz-selection {
+  background-color: #2e2e2e;
+}
+#site-name a::selection {
+  background-color: #2e2e2e;
+}
+.node-title a::-moz-selection {
+  background-color: #2e2e2e;
+}
+.node-title a::selection {
+  background-color: #2e2e2e;
+}
+/* link (blue) */
+a,
+a.active,
+li a.active {
+  color: #086782;
+}
+legend {
+  background-color: #086782;
+}
+/* link hovered (orange) */
+a:hover,
+a:focus,
+a.active:hover,
+a.active:focus,
+li a.active:hover,
+li a.active:focus {
+  color: #e25401;
+  border-bottom-color: #e25401; 
+}
+.node h1.node-title a:hover,
+.node h2.node-title a:hover {
+  color: #e25401;
+}
+/* link underline (light blue) */
+a {
+  border-bottom: 1px solid #cfdde5;
+}
+/* navigation (black) */
+#navigation {
+  background-color: #2e2e2d;
+}
+#navigation #width {
+  border-left-color: #2e2e2d;
+}
+#main-links li.expanded ul {
+  background-color: #2e2e2d;
+}
+/* navigation hovered (orange) */
+#navigation li a:hover,
+#navigation li a:active,
+#navigation li a:focus {
+  background-color: #e25402;
+}
+/* slogan (orange) */
+#site-slogan {
+  color: #e25400;
+}
+#site-slogan::selection {
+  background-color:  #e25400;
+}
+#site-slogan::-moz-selection {
+  background-color:  #e25400;
+}
+.poll .bar .foreground {
+  background-color: #e25400;
+}
+/* border (gray) */
+#page {
+  border: 1px solid #e1e1e1;
+}
+/* border strong (dark gray) */
+#sidebar-first input,
+#sidebar-second input {
+  border: 1px solid #c4c4c4;
+}
+.tabs ul.tabs li a {
+  border: 1px solid #c4c4c4;
+}
+/* tab */
+.tabs ul.tabs li a {
+  background-color: #f5f4f3;
+}
+ul.vertical-tabs-list li a {
+  background-color: #f5f4f3;
+}
+/* block title (green) */
+.block h2,
+h2 {
+  color: #779125;
+}
+.block h2::selection {
+  color: #fff;
+  background-color: #779125;
+}
+.block h2::-moz-selection {
+  background-color: #779125;
+  color: #fff;
+}
+/* fieldset (gray) */
+fieldset {
+  background-color: #fbfbfb;
+}
+/* fieldset border (dark gray) */
+fieldset {
+  border: 1px solid #e1e1e2;
+}
+
diff --git themes/corolla/comment-wrapper.tpl.php themes/corolla/comment-wrapper.tpl.php
new file mode 100644
index 0000000..0b58bda
--- /dev/null
+++ themes/corolla/comment-wrapper.tpl.php
@@ -0,0 +1,51 @@
+<?php
+// $Id: comment-wrapper.tpl.php,v 1.10 2010/05/17 05:27:42 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to wrap comments.
+ *
+ * Available variables:
+ * - $content: The array of content-related elements for the node. Use
+ *   render($content) to print them all, or
+ *   print a subset such as render($content['comment_form']).
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default value has the following:
+ *   - comment-wrapper: The current template type, i.e., "theming hook".
+ *
+ * The following variables are provided for contextual information.
+ * - $node: Node object the comments are attached to.
+ * The constants below the variables show the possible values and should be
+ * used for comparison.
+ * - $display_mode
+ *   - COMMENT_MODE_FLAT
+ *   - COMMENT_MODE_THREADED
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess_comment_wrapper()
+ * @see theme_comment_wrapper()
+ */
+?>
+<div id="comments-wrapper" <?php if ($node->comment_count == 0): ?>class="no-comments"<?php endif; ?>>
+  <div id="comments" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+    <?php if ($node->type != 'forum' && !empty($content['comments'])): ?>
+
+      <h2 class="comments">
+        <?php print format_plural($node->comment_count, '1 comment', '@count comments'); ?>
+      </h2>
+    <?php endif; ?>
+
+    <?php print render($content['comments']); ?>
+
+    <?php if ($content['comment_form']): ?>
+      <h2 class="title" id="add-comment-form"><?php print t('Post new comment'); ?></h2>
+      <div id="comment-form-wrapper">
+        <?php print render($content['comment_form']); ?>
+      </div>
+    <?php endif; ?>
+  </div>
+</div>
diff --git themes/corolla/comment.tpl.php themes/corolla/comment.tpl.php
new file mode 100644
index 0000000..a421578
--- /dev/null
+++ themes/corolla/comment.tpl.php
@@ -0,0 +1,91 @@
+<?php
+// $Id: comment.tpl.php,v 1.11 2010/05/20 08:42:22 jmburnz Exp $
+
+/**
+ * @file
+ * Default theme implementation for comments.
+ *
+ * Available variables:
+ * - $author: Comment author. Can be link or plain text.
+ * - $content: An array of comment items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $created: Formatted date and time for when the comment was created.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the $comment->created variable.
+ * - $changed: Formatted date and time for when the comment was last changed.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the $comment->changed variable.
+ * - $new: New comment marker.
+ * - $permalink: Comment permalink.
+ * - $picture: Authors picture.
+ * - $signature: Authors signature.
+ * - $status: Comment status. Possible values are:
+ *   comment-unpublished, comment-published or comment-preview.
+ * - $title: Linked title.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - comment: The current template type, i.e., "theming hook".
+ *   - comment-by-anonymous: Comment by an unregistered user.
+ *   - comment-by-node-author: Comment by the author of the parent node.
+ *   - comment-preview: When previewing a new or edited comment.
+ *   The following applies only to viewers who are registered users:
+ *   - comment-unpublished: An unpublished comment visible only to administrators.
+ *   - comment-by-viewer: Comment by the user currently viewing the page.
+ *   - comment-new: New comment since last the visit.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * These two variables are provided for context:
+ * - $comment: Full comment object.
+ * - $node: Node object the comments are attached to.
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_comment()
+ * @see template_process()
+ * @see theme_comment()
+ */
+?>
+<div class="<?php print $classes; ?> <?php print $zebra; ?>"<?php print $attributes; ?>>
+
+  <div class="header">
+
+    <?php print $picture; ?>
+
+    <?php print render($title_prefix); ?>
+    <?php if ($title): ?>
+      <h3 class="title" <?php print $title_attributes; ?>><?php print $title ?></h3>
+    <?php endif; ?>
+    <?php print render($title_suffix); ?>
+
+    <div class="meta">
+      <?php print t('by !author on !date', array('!author' =>  $author, '!date' => $created)); ?>
+    </div>
+
+  </div>
+
+  <?php
+    // Hide the links now so they can be rendered later.
+    hide($content['links']);
+    print render($content);
+  ?>
+
+  <?php if ($signature): ?>
+    <div class="user-signature clearfix">
+      <?php print $signature ?>
+    </div>
+  <?php endif; ?>
+
+  <?php print render($content['links']) ?>
+
+</div>
diff --git themes/corolla/corolla.info themes/corolla/corolla.info
new file mode 100644
index 0000000..f08af35
--- /dev/null
+++ themes/corolla/corolla.info
@@ -0,0 +1,28 @@
+; $Id: corolla.info,v 1.21 2010/06/16 14:22:03 jarek Exp $
+
+name        = Corolla
+description = A colorable, fluid width theme, with min and max widths, that can support 1, 2 or 3 columns.
+package     = Core
+version     = VERSION
+core        = 7.x
+engine      = phptemplate
+
+stylesheets[all][]   = reset.css
+stylesheets[all][]   = base.css
+stylesheets[all][]   = style.css
+stylesheets[all][]   = colors.css
+stylesheets[print][] = print.css
+
+regions[header]         = Header
+regions[sidebar_first]  = First sidebar
+regions[sidebar_second] = Second sidebar
+regions[highlight]      = Highlighted
+regions[content_top]    = Content top
+regions[content]        = Content
+regions[content_bottom] = Content bottom
+regions[footer]         = Footer closure
+regions[help]           = Help
+regions[page_top]       = Page top
+regions[page_bottom]    = Page bottom
+
+settings[shortcut_module_link] = 1
diff --git themes/corolla/forum-icon.tpl.php themes/corolla/forum-icon.tpl.php
new file mode 100644
index 0000000..2c88e80
--- /dev/null
+++ themes/corolla/forum-icon.tpl.php
@@ -0,0 +1,25 @@
+<?php
+// $Id: forum-icon.tpl.php,v 1.9 2010/05/17 05:27:42 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display an appropriate icon for a forum post.
+ *
+ * Available variables:
+ * - $new_posts: Indicates whether or not the topic contains new posts.
+ * - $icon: The icon to display. May be one of 'hot', 'hot-new', 'new',
+ *   'default', 'closed', or 'sticky'.
+ *
+ * @see template_preprocess_forum_icon()
+ * @see theme_forum_icon()
+ */
+?>
+<?php if ($new_posts): ?>
+  <a id="new">
+<?php endif; ?>
+
+<?php print theme('image', array('path' => $directory . "/images/forum-$icon.png", 'alt' => 'Default avatar')); ?>
+
+<?php if ($new_posts): ?>
+  </a>
+<?php endif; ?>
diff --git themes/corolla/ie6.css themes/corolla/ie6.css
new file mode 100644
index 0000000..0259f50
--- /dev/null
+++ themes/corolla/ie6.css
@@ -0,0 +1,46 @@
+/* $Id: ie6.css,v 1.22 2010/06/16 13:09:20 jarek Exp $ */
+
+/* Set fixed values for layout width */
+#navigation ul,
+#header,
+#main-columns {
+  width: 960px!important;
+}
+/* Don's show transparent PNGs */
+body {
+  background-image: none;
+}
+/* Bug: double margin on floated elements with margins */
+.node .user-picture,
+.node .field-name-field-image,
+.comment .user-picture,
+.admin .left,
+.admin .right,
+body.page-profile .profile,
+body.page-profile .user-picture,
+body.page-profile .name,
+body.page-profile .field,
+.region-header,
+.region-footer,
+#footer ul.links,
+#branding {
+  display: inline;
+}
+/* Bug: toolbar causes horizontal scrollbar to show up */
+#toolbar {
+  padding: 0;
+}
+/* Bug: vertical tabs are breaking the layout */
+div.vertical-tabs {
+  width: auto;
+}
+/* Bug: form legends are cut off */
+legend {
+  margin: 0 0 10px 0;
+  line-height: 1.6em!important;
+  padding-top: 1px!important;
+  padding-bottom: 1px!important;
+}
+html.js fieldset.collapsed  {
+  padding: 15px 20px;
+}
diff --git themes/corolla/ie7.css themes/corolla/ie7.css
new file mode 100644
index 0000000..1d000b7
--- /dev/null
+++ themes/corolla/ie7.css
@@ -0,0 +1,56 @@
+/* $Id: ie7.css,v 1.21 2010/06/01 21:46:22 jarek Exp $ */
+
+/* Fix inline-blocks */
+#navigation li,
+#logo,
+#name-and-slogan,
+.tabs ul.tabs li a,
+.field-type-taxonomy-term-reference .field-label,
+.field-type-taxonomy-term-reference .field-item,
+.field-type-taxonomy-term-reference .field-items,
+.tabs ul.tabs li,
+h1.page-title,
+body.page-admin div.add-or-remove-shortcuts,
+#navigation-p li {
+  zoom: 1;
+  display: inline;
+}
+/* Trigger hasLayout */
+ul.menu li a,
+.block {
+  zoom: 1;
+}
+/* Bug: fix spacing between items in nested menus */
+ul.menu,
+ul.menu li {
+  margin: 0;
+}
+ul.menu li a {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+/* Bug: reduce whitespace under footer blocks */
+.region-footer .block {
+  margin-bottom: 3px;
+}
+/* Fix other issues */
+td, th {
+  border-bottom: 1px solid #ccc;
+}
+textarea {
+  padding: 0;
+}
+input {
+  padding: 5px 0!important;
+}
+body.page-profile .profile {
+  min-height: 60px;
+  height:auto !important;
+  height: 60px;
+}
+input.password-confirm, input.password-field {
+  width: 13em;
+}
+#password-strength-text {
+  margin-top: 0;
+}
diff --git themes/corolla/ie8.css themes/corolla/ie8.css
new file mode 100644
index 0000000..a316e6e
--- /dev/null
+++ themes/corolla/ie8.css
@@ -0,0 +1,26 @@
+/* $Id: ie8.css,v 1.14 2010/05/31 18:41:32 jarek Exp $ */
+textarea {
+  overflow: auto;
+}
+legend {
+  margin-bottom: 15px;
+  margin-top: -20px;
+}
+select {
+  padding: 0;
+}
+html.js fieldset.collapsed legend {
+  margin-top: -10px;
+}
+fieldset.filter-wrapper {
+  margin-top: -14px;
+}
+.node ul.links {
+  display: inline;
+}
+.tabs ul.tabs li a:hover,
+.tabs ul.tabs li a:active,
+.tabs ul.tabs li a:focus {
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+}
diff --git themes/corolla/maintenance-page.tpl.php themes/corolla/maintenance-page.tpl.php
new file mode 100644
index 0000000..fe5d99d
--- /dev/null
+++ themes/corolla/maintenance-page.tpl.php
@@ -0,0 +1,100 @@
+<?php
+// $Id: maintenance-page.tpl.php,v 1.9 2010/05/31 18:41:32 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display a single Drupal page while offline.
+ *
+ * All the available variables are mirrored in page.tpl.php. Some may be left
+ * blank but they are provided for consistency.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_maintenance_page()
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">
+<head>
+  <title><?php print $head_title; ?></title>
+  <?php print $head; ?>
+  <?php print $styles; ?>
+  <?php print $scripts; ?>
+</head>
+
+<body class="<?php print $classes; ?>">
+<?php if ($main_menu): ?>
+  <div id="navigation" class="clearfix">
+    <?php print theme('links__system_main_menu', array(
+      'links' => $main_menu,
+      'attributes' => array(
+        'id' => 'main-menu',
+        'class' => array('links'),
+      ),
+      'heading' => array(
+        'text' => t('Main menu'),
+        'level' => 'h2',
+        'class' => array('element-invisible'),
+      ),
+    )); ?>
+  </div> <!-- /#navigation -->
+<?php endif; ?>
+
+
+
+  <div id="header-wrapper">
+    <div id="header" class="clearfix">
+
+      <div id="branding">
+        <?php if ($logo): ?>
+          <div id="logo"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home">
+            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
+          </a></div>
+        <?php endif; ?>
+
+        <?php if ($site_name || $site_slogan): ?>
+          <div id="name-and-slogan">
+            <?php if ($site_name): ?>
+              <?php if ($title): ?>
+                <div id="site-name">
+                  <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a>
+                </div>
+              <?php else: /* Use h1 when the content title is empty */ ?>
+                <h1 id="site-name">
+                  <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a>
+                </h1>
+              <?php endif; ?>
+            <?php endif; ?>
+
+            <?php if ($site_slogan): ?>
+              <div id="site-slogan"><?php print $site_slogan; ?></div>
+            <?php endif; ?>
+          </div> <!-- /#name-and-slogan -->
+        <?php endif; ?>
+
+      </div> <!-- /#branding -->
+
+    </div> <!-- /#header -->
+  </div>  <!-- /#header-wrapper -->
+
+  <div id="main-columns-wrapper">
+    <div id="main-columns">
+      <div id="main">
+        <div id="page" class="clearfix">
+          <div id="main-content"></div>
+          <?php if ($title): ?>
+            <h1 class="page-title"><?php print $title; ?></h1>
+          <?php endif; ?>
+          <?php if ($content): ?>
+            <div id="content">
+              <?php print $content; ?>
+            </div>
+          <?php endif; ?>
+        </div> <!-- /#page -->
+      </div> <!-- /#main -->
+
+    </div> <!-- /#main-columns -->
+  </div> <!-- /#main-columns-wrapper -->
+
+</body>
+</html>
diff --git themes/corolla/node--book.tpl.php themes/corolla/node--book.tpl.php
new file mode 100644
index 0000000..6052179
--- /dev/null
+++ themes/corolla/node--book.tpl.php
@@ -0,0 +1,106 @@
+<?php
+// $Id: node--book.tpl.php,v 1.7 2010/06/29 20:44:37 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - $title: the (sanitized) title of the node.
+ * - $content: An array of node items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $user_picture: The node author's picture from user-picture.tpl.php.
+ * - $date: Formatted creation date. Preprocess functions can reformat it by
+ *   calling format_date() with the desired parameters on the $created variable.
+ * - $name: Themed username of node author output from theme_username().
+ * - $node_url: Direct url of the current node.
+ * - $terms: the themed list of taxonomy term links output from theme_links().
+ * - $display_submitted: whether submission information should be displayed.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - node: The current template type, i.e., "theming hook".
+ *   - node-[type]: The current node type. For example, if the node is a
+ *     "Blog entry" it would result in "node-blog". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node-teaser: Nodes in teaser form.
+ *   - node-preview: Nodes in preview mode.
+ *   The following are controlled through the node publishing options.
+ *   - node-promoted: Nodes promoted to the front page.
+ *   - node-sticky: Nodes ordered above other non-sticky nodes in teaser listings.
+ *   - node-unpublished: Unpublished nodes visible only to administrators.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Other variables:
+ * - $node: Full node object. Contains data that may not be safe.
+ * - $type: Node type, i.e. story, page, blog, etc.
+ * - $comment_count: Number of comments attached to the node.
+ * - $uid: User ID of the node author.
+ * - $created: Time the node was published formatted in Unix timestamp.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in
+ *   teaser listings.
+ * - $id: Position of the node. Increments each time it's output.
+ *
+ * Node status variables:
+ * - $view_mode: View mode, e.g. 'full', 'teaser'...
+ * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser').
+ * - $page: Flag for the full page state.
+ * - $promote: Flag for front page promotion state.
+ * - $sticky: Flags for sticky post setting.
+ * - $status: Flag for published status.
+ * - $comment: State of comment settings for the node.
+ * - $readmore: Flags true if the teaser content of the node cannot hold the
+ *   main body content.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * Field variables: for each field instance attached to the node a corresponding
+ * variable is defined, e.g. $node->body becomes $body. When needing to access
+ * a field's raw values, developers/themers are strongly encouraged to use these
+ * variables. Otherwise they will have to explicitly specify the desired field
+ * language, e.g. $node->body['en'], thus overriding any language negotiation
+ * rule that was previously applied.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_node()
+ * @see template_process()
+ */
+?>
+<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+
+  <div class="node-header">
+    <?php print render($title_prefix); ?>
+    <?php if (!$page): ?>
+      <h2 class="node-title" <?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+    <?php endif; ?>
+    <?php print render($title_suffix); ?>
+
+    <?php if ($display_submitted): ?>
+      <div class="meta">
+        <?php print t('Submitted by !username on !datetime', array('!username' => $name, '!datetime' => $date)); ?>
+      </div>
+    <?php endif; ?>
+  </div> <!-- /.node-header -->
+
+  <div class="content clearfix"<?php print $content_attributes; ?>>
+    <?php print $user_picture; ?>
+    <?php
+      // We hide the comments and links now so that we can render them later.
+      hide($content['comments']);
+      print render($content);
+    ?>
+  </div>
+
+  <?php print render($content['comments']); ?>
+
+</div>
diff --git themes/corolla/node.tpl.php themes/corolla/node.tpl.php
new file mode 100644
index 0000000..2dbb8fd
--- /dev/null
+++ themes/corolla/node.tpl.php
@@ -0,0 +1,110 @@
+<?php
+// $Id: node.tpl.php,v 1.18 2010/06/29 20:44:37 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - $title: the (sanitized) title of the node.
+ * - $content: An array of node items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $user_picture: The node author's picture from user-picture.tpl.php.
+ * - $date: Formatted creation date. Preprocess functions can reformat it by
+ *   calling format_date() with the desired parameters on the $created variable.
+ * - $name: Themed username of node author output from theme_username().
+ * - $node_url: Direct url of the current node.
+ * - $terms: the themed list of taxonomy term links output from theme_links().
+ * - $display_submitted: whether submission information should be displayed.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - node: The current template type, i.e., "theming hook".
+ *   - node-[type]: The current node type. For example, if the node is a
+ *     "Blog entry" it would result in "node-blog". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node-teaser: Nodes in teaser form.
+ *   - node-preview: Nodes in preview mode.
+ *   The following are controlled through the node publishing options.
+ *   - node-promoted: Nodes promoted to the front page.
+ *   - node-sticky: Nodes ordered above other non-sticky nodes in teaser listings.
+ *   - node-unpublished: Unpublished nodes visible only to administrators.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Other variables:
+ * - $node: Full node object. Contains data that may not be safe.
+ * - $type: Node type, i.e. story, page, blog, etc.
+ * - $comment_count: Number of comments attached to the node.
+ * - $uid: User ID of the node author.
+ * - $created: Time the node was published formatted in Unix timestamp.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in
+ *   teaser listings.
+ * - $id: Position of the node. Increments each time it's output.
+ *
+ * Node status variables:
+ * - $view_mode: View mode, e.g. 'full', 'teaser'...
+ * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser').
+ * - $page: Flag for the full page state.
+ * - $promote: Flag for front page promotion state.
+ * - $sticky: Flags for sticky post setting.
+ * - $status: Flag for published status.
+ * - $comment: State of comment settings for the node.
+ * - $readmore: Flags true if the teaser content of the node cannot hold the
+ *   main body content.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * Field variables: for each field instance attached to the node a corresponding
+ * variable is defined, e.g. $node->body becomes $body. When needing to access
+ * a field's raw values, developers/themers are strongly encouraged to use these
+ * variables. Otherwise they will have to explicitly specify the desired field
+ * language, e.g. $node->body['en'], thus overriding any language negotiation
+ * rule that was previously applied.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_node()
+ * @see template_process()
+ */
+?>
+<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+
+  <div class="node-header">
+    <?php print render($title_prefix); ?>
+    <?php if (!$page): ?>
+      <h2 class="node-title" <?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+    <?php endif; ?>
+    <?php print render($title_suffix); ?>
+
+    <?php if ($display_submitted): ?>
+      <div class="meta">
+        <?php print t('Submitted by !username on !datetime', array('!username' => $name, '!datetime' => $date)); ?>
+      </div>
+    <?php endif; ?>
+  </div> <!-- /.node-header -->
+
+  <div class="content clearfix" <?php print $content_attributes; ?>>
+    <?php print $user_picture; ?>
+    <?php
+      // We hide the comments and links now so that we can render them later.
+      hide($content['comments']);
+      hide($content['links']);
+      print render($content);
+    ?>
+  </div>
+
+  <div class="links-wrapper">
+    <?php print render($content['links']); ?>
+  </div>
+  <?php print render($content['comments']); ?>
+
+</div>
diff --git themes/corolla/page.tpl.php themes/corolla/page.tpl.php
new file mode 100644
index 0000000..a3e6366
--- /dev/null
+++ themes/corolla/page.tpl.php
@@ -0,0 +1,190 @@
+<?php
+// $Id: page.tpl.php,v 1.30 2010/06/16 14:30:34 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display a single Drupal page.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - $base_path: The base URL path of the Drupal installation. At the very
+ *   least, this will always default to /.
+ * - $directory: The directory the template is located in, e.g. modules/system
+ *   or themes/garland.
+ * - $is_front: TRUE if the current page is the front page.
+ * - $logged_in: TRUE if the user is registered and signed in.
+ * - $is_admin: TRUE if the user has permission to access administration pages.
+ *
+ * Site identity:
+ * - $front_page: The URL of the front page. Use this instead of $base_path,
+ *   when linking to the front page. This includes the language domain or
+ *   prefix.
+ * - $logo: The path to the logo image, as defined in theme configuration.
+ * - $site_name: The name of the site, empty when display has been disabled
+ *   in theme settings.
+ * - $site_slogan: The slogan of the site, empty when display has been disabled
+ *   in theme settings.
+ *
+ * Navigation:
+ * - $main_menu (array): An array containing the Main menu links for the
+ *   site, if they have been configured.
+ * - $secondary_menu (array): An array containing the Secondary menu links for
+ *   the site, if they have been configured.
+ * - $breadcrumb: The breadcrumb trail for the current page.
+ *
+ * Page content (in order of occurrence in the default page.tpl.php):
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title: The page title, for use in the actual HTML content.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ * - $messages: HTML for status and error messages. Should be displayed
+ *   prominently.
+ * - $tabs (array): Tabs linking to any sub-pages beneath the current page
+ *   (e.g., the view and edit tabs when displaying a node).
+ * - $action_links (array): Actions local to the page, such as 'Add menu' on the
+ *   menu administration interface.
+ * - $feed_icons: A string of all feed icons for the current page.
+ * - $node: The node object, if there is an automatically-loaded node
+ *   associated with the page, and the node ID is the second argument
+ *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - $page['help']: Dynamic help text, mostly for admin pages.
+ * - $page['content']: The main content of the current page.
+ * - $page['sidebar_first']: Items for the first sidebar.
+ * - $page['sidebar_second']: Items for the second sidebar.
+ * - $page['header']: Items for the header region.
+ * - $page['footer']: Items for the footer region.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_page()
+ * @see template_process()
+ */
+?>
+<?php if ($main_menu && !$in_overlay): ?>
+  <div id="navigation" class="clearfix">
+    <?php print theme('links__system_main_menu', array(
+      'links' => $main_menu,
+      'attributes' => array(
+        'id' => 'main-menu',
+        'class' => array('links'),
+      ),
+      'heading' => array(
+        'text' => t('Main menu'),
+        'level' => 'h2',
+        'class' => array('element-invisible'),
+      ),
+    )); ?>
+  </div> <!-- /#navigation -->
+<?php endif; ?>
+
+
+
+  <?php if (!$in_overlay): ?>
+  <div id="header-wrapper">
+    <div id="header" class="clearfix<?php if ($page['header']): ?> with-blocks<?php endif; ?>">
+
+      <div id="branding-wrapper" class="clearfix">
+        <div id="branding">
+
+          <?php if ($logo): ?>
+            <div id="logo"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home">
+              <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
+            </a></div>
+          <?php endif; ?>
+
+          <?php if ($site_name || $site_slogan): ?>
+            <div id="name-and-slogan">
+              <?php if ($site_name): ?>
+                <?php if ($title): ?>
+                  <div id="site-name">
+                    <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a>
+                  </div>
+                <?php else: /* Use h1 when the content title is empty */ ?>
+                  <h1 id="site-name">
+                    <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a>
+                  </h1>
+                <?php endif; ?>
+              <?php endif; ?>
+
+              <?php if ($site_slogan): ?>
+                <div id="site-slogan"><?php print $site_slogan; ?></div>
+              <?php endif; ?>
+            </div> <!-- /#name-and-slogan -->
+          <?php endif; ?>
+
+        </div> <!-- /#branding -->
+      </div> <!-- /#branding-wrapper -->
+
+      <?php print render($page['header']); ?>
+
+    </div> <!-- /#header -->
+  </div>  <!-- /#header-wrapper -->
+  <?php endif; ?>
+
+  <div id="main-columns-wrapper">
+    <div id="main-columns" <?php if ($in_overlay): ?>class="clearfix"<?php endif; ?>>
+      <div id="main">
+        <div id="page" class="clearfix">
+
+          <?php if ($breadcrumb): ?><div id="breadcrumb" class="clearfix"><?php print $breadcrumb; ?></div><?php endif; ?>
+          <?php if ($messages): ?><div id="messages"><?php print $messages; ?></div><?php endif; ?>
+          <?php print render($page['content_top']); ?>
+
+          <?php if ($tabs): ?><div class="tabs clearfix"><?php print render($tabs); ?></div><?php endif; ?>
+
+          <?php if ($page['highlight'] && !$in_overlay): ?>
+            <?php print render($page['highlight']); ?>
+          <?php endif; ?>
+
+          <div id="main-content"></div>
+          <?php print render($title_prefix); ?>
+          <?php if ($title && !$in_overlay): ?>
+            <h1 class="page-title"><?php print $title ?></h1>
+          <?php endif; ?>
+          <?php print render($title_suffix); ?>
+          <?php print render($page['help']); ?>
+          <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
+          <?php print render($page['content']); ?>
+          <?php print render($page['content_bottom']); ?>
+          <?php print $feed_icons; ?>
+        </div> <!-- /#page -->
+   
+        <?php if (($secondary_menu || $page['footer']) && !$in_overlay): ?>
+          <div id="footer">
+            <?php print theme('links__system_secondary_menu', array(
+              'links' => $secondary_menu,
+              'attributes' => array(
+                  'class' => array('links'),
+              ),
+              'heading' => array(
+                'text' => t('Secondary menu'),
+                'level' => 'h2',
+                'class' => array('element-invisible'),
+              ),
+            )); ?>
+            <?php print render($page['footer']); ?>
+          </div> <!-- /#footer -->
+        <?php endif; ?>
+      </div> <!-- /#main -->
+
+      <?php if ($page['sidebar_first'] && !$in_overlay): ?>
+        <div id="sidebar-first" class="clearfix">
+          <?php print render($page['sidebar_first']); ?>
+        </div> <!-- /#sidebar-first -->
+      <?php endif; ?>
+
+      <?php if ($page['sidebar_second'] && !$in_overlay): ?>
+        <div id="sidebar-second" class="clearfix">
+          <?php print render($page['sidebar_second']); ?>
+        </div> <!-- /#sidebar-second -->
+       <?php endif; ?>
+
+    </div> <!-- /#main-columns -->
+  </div> <!-- /#main-columns-wrapper -->
+
diff --git themes/corolla/poll-bar--block.tpl.php themes/corolla/poll-bar--block.tpl.php
new file mode 100644
index 0000000..67d3652
--- /dev/null
+++ themes/corolla/poll-bar--block.tpl.php
@@ -0,0 +1,29 @@
+<?php
+// $Id: poll-bar--block.tpl.php,v 1.9 2010/05/17 05:27:42 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display the bar for a single choice in a
+ * poll.
+ *
+ * Variables available:
+ * - $title: The title of the poll.
+ * - $votes: The number of votes for this choice
+ * - $total_votes: The number of votes for this choice
+ * - $percentage: The percentage of votes for this choice.
+ * - $vote: The choice number of the current user's vote.
+ * - $voted: Set to TRUE if the user voted for this choice.
+ *
+ * @see template_preprocess_poll_bar()
+ */
+?>
+
+<div class="bar-wrapper">
+  <div class="bar-text clearfix">
+    <div class="text"><?php print $title; ?></div>
+    <div class="percent"><?php print $percentage; ?>%</div>
+  </div>
+  <div class="bar">
+    <div style="width: <?php print $percentage; ?>%;" class="foreground"></div>
+  </div>
+</div>
diff --git themes/corolla/poll-bar.tpl.php themes/corolla/poll-bar.tpl.php
new file mode 100644
index 0000000..b5aa2a5
--- /dev/null
+++ themes/corolla/poll-bar.tpl.php
@@ -0,0 +1,29 @@
+<?php
+// $Id: poll-bar.tpl.php,v 1.9 2010/05/17 05:27:42 jarek Exp $
+
+/**
+ * @file
+ * Default theme implementation to display the bar for a single choice in a
+ * poll.
+ *
+ * Variables available:
+ * - $title: The title of the poll.
+ * - $votes: The number of votes for this choice
+ * - $total_votes: The number of votes for this choice
+ * - $percentage: The percentage of votes for this choice.
+ * - $vote: The choice number of the current user's vote.
+ * - $voted: Set to TRUE if the user voted for this choice.
+ *
+ * @see template_preprocess_poll_bar()
+ */
+?>
+
+<div class="bar-wrapper">
+  <div class="bar-text clearfix">
+    <div class="text"><?php print $title; ?></div>
+    <div class="percent"><?php print $percentage; ?>%</div>
+  </div>
+  <div class="bar">
+    <div style="width: <?php print $percentage; ?>%;" class="foreground"></div>
+  </div>
+</div>
diff --git themes/corolla/print.css themes/corolla/print.css
new file mode 100644
index 0000000..181dbf7
--- /dev/null
+++ themes/corolla/print.css
@@ -0,0 +1,69 @@
+/* $Id: print.css,v 1.14 2010/05/22 23:35:59 jmburnz Exp $ */
+
+/**
+ * Wrappers
+ */
+body,
+#main-wrapper,
+#main,
+#content-wrapper,
+#content,
+#page {
+  margin: 0!important;
+  padding: 0!important;
+  min-width: 0!important;
+  max-width: none!important;
+  width: 100%!important;
+  border: none!important;
+  background: none!important;
+}
+
+/**
+ * Elements
+ */
+body {
+  font-size: 10pt;
+  color: #000;
+  word-spacing: 1.1pt;
+  line-height: 1.4;
+}
+body * {
+  font-family: "Times New Roman", serif!important;
+}
+h1 {
+  font-size: 20pt;
+}
+h2 {
+  font-size: 16pt;
+}
+h3 {
+  font-size: 14pt;
+}
+h4,
+h5,
+h6 {
+  font-size: 12pt;
+}
+a {
+  border-bottom: 1px solid #cfdde5;
+}
+
+/**
+ * Hidden
+ */
+#toolbar,
+#navigation-wrapper,
+#header-wrapper,
+.breadcrumb,
+ul.links,
+.messages,
+.tabs,
+#sidebar-first,
+#sidebar-second,
+#secondary-menu,
+ul.pager,
+a.feed-icon,
+h2#add-comment-form,
+form#comment-form {
+  display: none!important;
+}
diff --git themes/corolla/reset.css themes/corolla/reset.css
new file mode 100644
index 0000000..04b2ce4
--- /dev/null
+++ themes/corolla/reset.css
@@ -0,0 +1,74 @@
+/* $Id: reset.css,v 1.18 2010/07/02 18:21:54 jarek Exp $ */
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+font,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+input,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  font-weight: 300;
+  font-size: 100%;
+  border: 0;
+  vertical-align: baseline;
+}
+
diff --git themes/corolla/style-rtl.css themes/corolla/style-rtl.css
new file mode 100644
index 0000000..0adc9ae
--- /dev/null
+++ themes/corolla/style-rtl.css
@@ -0,0 +1,166 @@
+/* $Id: style-rtl.css,v 1.24 2010/06/19 19:21:24 jarek Exp $ */
+
+#main,
+#sidebar-first,
+#sidebar-second {
+  float: right;
+}
+#sidebar-first .region,
+#sidebar-second .region {
+  margin: 0 20px 0 0;
+}
+#branding-wrapper {
+  float: right;
+  padding: 65px 25px 65px 0;
+}
+#site-slogan {
+  margin: 2px 3px 0 0;
+}
+.region-header {
+  float: left;
+}
+#logo {
+  padding: 0 0 0 15px;
+}
+#page a.feed-icon {
+  float: left;
+}
+.node ul.links.inline li {
+  margin: 0 0 0 8px;
+}
+.item-list ul.pager {
+  text-align: right;
+}
+#block-profile-author-information .user-picture {
+  float: right;
+  margin: 0 0 15px 15px;
+}
+#comments-wrapper .indented {
+  margin: 0 30px 0 0;
+}
+.node .user-picture {
+  float: right;
+  margin: 0 0 8px 10px;
+}
+.comment .user-picture {
+  float: left;
+  margin: 0 10px 10px 0;
+}
+.node .field-name-field-image {
+  float: right;
+}
+.field-type-image {
+  margin: 15px 0 15px 15px;
+}
+.page-links .page-next {
+  float: left;
+  text-align: left;
+}
+.book-navigation .page-previous  {
+  text-align: right;
+}
+.poll .vote-form {
+  text-align: right;
+}
+.profile .user-picture {
+  float: left;
+}
+div.vertical-tabs {
+  width: 100%;
+}
+.vertical-tabs-panes {
+  margin-left: 15em;
+}
+#password-strength {
+  float: left;
+}
+.password-strength-title {
+  float: none;
+}
+#password-strength-text {
+  float: left;
+}
+a.tabledrag-handle {
+  margin: 0 0 0 10px;
+}
+a.tabledrag-handle .handle {
+  margin: 0 0 0 14px;
+}
+table img {
+  margin: 0 7px 0 0;
+}
+html.js input.form-autocomplete {
+  background-position: 2% 6px;
+}
+html.js input.throbbing {
+  background-position: 2% -14px;
+}
+html.js fieldset.collapsible .fieldset-legend {
+  padding: 2px 14px 2px 0;
+}
+html.js fieldset.collapsible legend a {
+  padding: 0 0 0 15px;
+  background: url("images/arrow-down-white.gif") no-repeat left 4px;
+}
+html.js fieldset.collapsed legend a {
+  background: url(images/arrow-left-white.gif) no-repeat left 4px;
+}
+.theme-selector {
+  margin: 0 0 20px 25px;
+}
+.theme-info li {
+  padding: 0 0 0 10px;
+}
+.admin .left {
+  float: right;
+}
+.admin .right {
+  float: left;
+}
+body.page-profile .profile {
+  margin-right: 0;
+  margin-left: 1%;
+}
+body.page-profile .user-picture {
+  float: right;
+}
+body.page-profile .name,
+body.page-profile .field {
+  margin-left: 0;
+  margin-right: 60px;
+  padding: 12px 0 10px 10px;
+}
+#password-strength {
+  left: auto;
+  margin-top: 2em;
+  right: 16em;
+}
+#password-strength-text {
+  margin-top: 0;
+  float: left;
+}
+.form-item-pass-pass2 label {
+  clear: right;
+}
+#skip-link {
+  right: auto;
+  left: 20px;
+}
+#skip-link a,
+#skip-link a:link,
+#skip-link a:visited {
+  right: -10000px;
+  left: auto;
+}
+ul.menu li ul.menu {
+  margin-right: 7px;
+  margin-left: 0;
+}
+#footer ul.links {
+  float: left;
+  margin: 0 0 10px 0;
+}
+.region-footer {
+  float: right;
+  margin: 0 10px 0 0;
+}
diff --git themes/corolla/style.css themes/corolla/style.css
new file mode 100644
index 0000000..4467010
--- /dev/null
+++ themes/corolla/style.css
@@ -0,0 +1,1475 @@
+/* $Id: style.css,v 1.83 2010/07/05 19:20:56 jarek Exp $ */
+
+/**
+ * Layout
+ */
+#main,
+#sidebar-first,
+#sidebar-second {
+  float: left; /* LTR */
+}
+#navigation ul,
+#header,
+#main-columns {
+  margin: 0 auto;
+}
+/* Layout width */
+#navigation ul,
+#header,
+#main-columns {
+  width: 85%;
+  min-width: 800px;
+  max-width: 1000px;
+}
+body.no-sidebars #navigation ul,
+body.no-sidebars #header,
+body.no-sidebars #main-columns {
+  min-width: 550px;
+  max-width: 800px;
+}
+/*  Column width */
+body.two-sidebars #main {
+  width: 56%;
+}
+body.two-sidebars #sidebar-first,
+body.two-sidebars #sidebar-second {
+  width: 21.9%;
+}
+body.one-sidebar #main {
+  width: 70%;
+}
+body.one-sidebar #sidebar-first,
+body.one-sidebar #sidebar-second {
+  width: 29.7%;
+}
+body.no-sidebars #main,
+body.page-admin #main {
+  width: 100%;
+}
+/* Spacing between columns */
+#sidebar-first .region,
+#sidebar-second .region {
+  margin: 0 0 0 20px; /* LTR */
+}
+/* Prevent collision with browser chrome */
+#navigation ul,
+#header,
+#main-columns {
+  padding: 0 15px;
+}
+/* Hide content on admin pages */
+body.page-admin #sidebar-first,
+body.page-admin #sidebar-second,
+body.page-admin #navigation,
+body.page-admin #header-wrapper,
+body.page-admin #footer {
+  display: none;
+}
+/* Mobile */
+@media only screen and (max-device-width: 480px) {
+  #navigation ul,
+  #header,
+  #main-columns {
+    width: 100%!important;
+  }
+}
+
+/**
+ * Wrappers
+ */
+html {
+  height: 100%;
+}
+body {
+  background: url(images/noise.png) repeat top left;
+}
+#page {
+  background-color: #fff;
+  min-height: 170px;
+  border-radius: 6px;
+  margin-bottom: 7px;
+  padding: 25px 30px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -khtml-border-radius: 6px;
+  border-radius: 6px;
+}
+.region-content {
+  clear: both;
+}
+.region-content-bottom {
+  margin-top: 23px;
+}
+
+/**
+ * Skip link
+ */
+#skip-link {
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  margin-top: 0;
+  position: absolute;
+  right: 20px; /* RTL */
+  width: auto;
+  z-index: 990;
+}
+#skip-link a,
+#skip-link a:link,
+#skip-link a:visited {
+  position: absolute;
+  display: block;
+  top: auto;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  background: #444;
+  color: #fff;
+  font-size: 0.94em;
+  text-decoration: none;
+  outline: 0;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-left-radius: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  -khtml-border-radius-bottomright: 10px;
+  -khtml-border-radius-bottomleft: 10px;
+  -khtml-border-radius-topright: 0;
+  -khtml-border-radius-topleft: 0;
+  border-radius: 0 0 10px 10px;
+}
+#skip-link a:hover,
+#skip-link a:active,
+#skip-link a:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  padding: 1px 10px 2px 10px;
+}
+
+/**
+ * Header
+ */
+#header {
+  clear: both;
+  min-height: 210px;
+}
+
+/**
+ * Branding
+ */
+#branding-wrapper {
+  float: left;
+  padding: 65px 0 65px 25px; /* LTR */
+}
+#branding {
+  display: table;
+}
+.with-blocks #branding-wrapper {
+  width: 58%;
+}
+.with-blocks .region-header {
+  width: 35%;
+}
+#logo {
+  display: table-cell;
+  vertical-align: middle;
+  padding: 0 15px 0 0; /* LTR */
+}
+#logo img {
+  vertical-align: middle;
+}
+#name-and-slogan {
+  display: table-cell;
+  vertical-align: middle;
+}
+#site-name {
+  line-height: 1;
+  font-size: 4.583em;
+  margin: 0;
+  padding: 0;
+}
+#site-name a {
+  letter-spacing: -3px;
+}
+#site-name a::-moz-selection {
+  color: #fff;
+}
+#site-name a::selection {
+  color: #fff;
+}
+#site-slogan {
+  font-size: 1.167em;
+  font-weight: 700;
+  margin: 2px 0 0 3px; /* LTR */
+  text-transform: uppercase;
+}
+.region-header {
+  float: right; /* LTR */
+  padding: 15px 0;
+}
+
+/**
+ * Footer
+ */
+#footer {
+}
+#footer ul.links {
+  float: right; /* LTR */
+  margin: 0 7px 10px 0; /* LTR */
+}
+#footer ul.links li {
+  margin-left: 10px;
+}
+.region-footer {
+  float: left; /* LTR */
+  margin: 0 0 0 7px; /* LTR */
+}
+
+/**
+ * Menus
+ */
+/* Navigation */
+#navigation li a {
+  display: inline-block;
+  color: #fff;
+  margin: 0;
+  margin-top: 4px;
+  padding: 8px 15px 11px;
+}
+#navigation li a:hover,
+#navigation li a:active,
+#navigation li a:focus {
+  outline: none;
+}
+#navigation li a {
+  -webkit-border-top-left-radius: 6px;
+  -webkit-border-top-right-radius: 6px;
+  -moz-border-radius-topleft: 6px;
+  -moz-border-radius-topright: 6px;
+  -khtml-border-radius-topright: 6px;
+  -khtml-border-radius-topleft: 6px;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+#navigation li.active a {
+  font-weight: 700;
+  background: #f8f8f8;
+}
+/* secondary menu */
+#secondary-menu {
+  margin: 0 0 6px 8px;
+}
+#secondary-menu h2 {
+  border: none;
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+}
+#secondary-menu ul {
+  margin: 0;
+}
+#secondary-menu ul li {
+  display: inline;
+  margin: 0 9px 0 0; /* LTR */
+}
+div.item-list ul li {
+  list-style: none;
+  margin-left: 0; /* LTR */
+}
+/* system menus */
+.item-list ul li {
+  margin: 5px 0;
+}
+ul.menu {
+list-style-position: inside;
+  padding: 0;
+  margin: 4px 0;
+}
+ul.menu li {
+  padding: 0;
+  margin: 4px 0;
+}
+ul.menu li {
+  margin-left: 4px;
+}
+ul.menu li ul.menu {
+  margin-left: 10px; /* LTR */
+}
+
+/**
+ * Block module
+ */
+.block {
+  margin-bottom: 25px;
+  clear: both;
+}
+.block:last-child {
+  margin-bottom: 15px;
+}
+.block + #block-system-main {
+  margin-top: 15px;
+}
+.block h2 {
+  font-size: 1.45em;
+  margin: 0 0 15px 0;
+  padding: 0 0 4px 0;
+  font-size: 1.333em;
+  font-weight: 700;
+  line-height: 1.3;
+  letter-spacing: -0.4px;
+  text-transform: uppercase;
+  border-bottom: 1px dashed #2e2e2e;
+}
+.block ul {
+  list-style-position:inside;
+  padding:0;
+}
+.block li {
+  margin: 6px 0;
+}
+.block .more-link {
+  margin: 6px 0;
+}
+.block th,
+.block td {
+  padding: 7px 0px;
+}
+.block input.form-text,
+.block input.form-password,
+.block input.form-file {
+  max-width: 400px;
+  width: 100%;
+}
+.region-highlight {
+  -moz-border-radius:3px 3px 3px 3px;
+  background-color: #f5f9fa;
+  border: 1px solid #b3cfd4;
+  margin: 5px 0 10px 0;
+  padding: 11px 16px;
+}
+.region-highlight .block h2 {
+  border-bottom: none;
+  text-transform: none;
+  font-size: 1.5em;
+  letter-spacing: normal;
+  color: inherit;
+  margin-bottom: 5px;
+}
+#footer .block {
+  margin-bottom: 10px;
+}
+#block-profile-author-information .user-picture {
+  float: left;
+  margin: 0 15px 15px 0; /* LTR */
+}
+
+/**
+ * Node module
+ */
+.node {
+  border-bottom: 1px dashed #ccc;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+}
+.node:last-child {
+  border-bottom: none;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+.term-listing-heading + .node {
+  margin-top: 0;
+}
+.node-header {
+  margin-bottom: 16px;
+}
+h1.page-title,
+.node h2.node-title {
+  border-bottom: none;
+  font-size: 2.167em;
+  line-height: 1;
+  margin: 0;
+  padding: 0;
+  text-transform: none;
+}
+.node-title a::-moz-selection {
+  color: #fff;
+}
+.node-title a::selection {
+  color: #fff;
+}
+.node h1.node-title a:focus,
+.node h2.node-title a:focus {
+  color: #e25401;
+}
+.node .meta {
+  line-height: 1;
+  color: #696969;
+  margin-top: 3px;
+}
+.node .meta a:focus {
+  outline-color: #444;
+}
+.node .user-picture {
+  float: left; /* LTR */
+  margin: 0 10px 8px 0; /* LTR */
+}
+.node .user-picture a {
+  display: block;
+}
+.node .user-picture img {
+  border: 1px solid #ccc;
+  padding: 2px;
+  width: 50px;
+}
+.node .field-name-field-image {
+  float: left; /* LTR */
+  clear: both;
+}
+.node .field-name-body {
+  margin-bottom: 14px;
+}
+.node .links-wrapper {
+  margin: 4px 0;
+}
+.node ul.links {
+  display: inline;
+  margin-left: 0;
+}
+.node ul.links.inline li {
+  margin: 0 8px 0 0; /* LTR */
+}
+
+/**
+ * Comment module
+ */
+#comments-wrapper {
+  margin-top: 20px;
+}
+#comments-wrapper .indented {
+  margin: 0 0 0 30px; /* LTR */
+}
+.comment {
+  border-bottom: 1px solid #ccc;
+  margin: 20px 0;
+  padding: 0 0 16px 0;
+}
+.comment .header {
+  display: block;
+  margin-bottom: 14px;
+}
+.comment .user-picture {
+  float: right; /* LTR */
+  margin: 0 0 10px 10px; /* LTR */
+}
+.comment .user-picture img {
+  background-color: #fcfcfc;
+  border: 1px solid #ccc;
+  padding: 2px;
+  width: 28px;
+}
+.comment h3.title {
+  line-height: 1;
+  border: none;
+  padding: 0;
+  margin: 0 0 5px 0;
+  text-transform: none;
+}
+.comment h3.title a {
+  font-weight: 700;
+}
+.comment h3.title a:hover {
+  color: #e25401;
+}
+.comment .meta {
+  font-size: 0.917em;
+  margin: 1px 0 0 0;
+}
+.comment ul.links {
+  display: block;
+  margin: 8px 0 0;
+}
+.comment ul.links li a {
+  text-transform: capitalize;
+}
+.no-comments #comment-form-wrapper {
+  margin-left: 0;
+}
+form#comment-form #edit-actions {
+  margin: 0;
+}
+
+/**
+ * Book module
+ */
+.node-book ul.links {
+  margin: 0 0 14px 0;
+}
+.book-navigation .menu {
+  border: none;
+  padding: 15px 0 15px 25px; /* LTR */
+}
+.book-navigation .page-links {
+  width: 100%;
+  margin-top: 20px;
+  padding: 13px 0;
+  border-bottom: none;
+}
+#book-outline  {
+  min-width: 0;
+}
+
+/**
+ * Aggregator module
+ */
+#page a.feed-icon {
+  float: right; /* LTR */
+  z-index: 99;
+  position: relative;
+  bottom: -10px;
+}
+#page a.feed-icon img {
+  margin: 0;
+}
+
+/**
+ * Field module
+ */
+.field-label-inline .field-label,
+.field-label-inline .field-item,
+.field-label-inline .field-items {
+  display: inline-block;
+  float: none;
+}
+.field-type-taxonomy-term-reference .field-label {
+  color: #808080;
+  font-weight: 700;
+}
+.field-type-taxonomy-term-reference .field-item {
+  display: inline;
+  margin-right: 5px; /* LTR */
+}
+.field-type-taxonomy-term-reference .field-item:after {
+  content: ",";
+}
+.field-type-taxonomy-term-reference .field-item:last-child:after {
+  content: normal;
+}
+.field-type-image {
+  margin: 15px 15px 15px 0; /* LTR */
+}
+.field-type-image a {
+  border: none;
+}
+#edit-field-image {
+  float: none;
+}
+
+/**
+ * Filter module
+ */
+fieldset.filter-wrapper {
+  margin: 0 0 12px 0;
+  border-top: none;
+  width: auto;
+}
+.filter-help {
+  float: right; /* LTR */
+  margin: 10px 0 0;
+}
+.filter-help a {
+  background: none;
+  padding-right: 0;
+}
+.filter-wrapper .form-item {
+  margin-top: 0;
+}
+.filter-guidelines {
+  padding-top: 6px;
+}
+.filter-guidelines ul {
+  margin: 0;
+}
+body.page-filter-tips #block-system-main ul {
+  margin: 0;
+  list-style: none;
+}
+body.page-filter-tips #block-system-main li {
+  margin: 10px 0;
+}
+body.page-filter-tips #block-system-main table {
+  margin: 10px 0;
+}
+.tips {
+  font-size: 1em;
+}
+
+/**
+ * Forum module
+ */
+body.page-forum ul.action-links {
+  margin: 9px 0;
+}
+#forum td.container {
+  border-top: 1px solid #2e2e2e;
+  border-bottom: 1px solid #2e2e2e;
+}
+#forum td.container .name a {
+  font-size: 1.25em;
+  text-transform: uppercase;
+  line-height: 1.3;
+  padding: 0 0 4px 0;
+  color: inherit;
+}
+#forum td.container .name a:hover {
+  color: #e25400;
+}
+#forum td {
+  padding: 13px 14px;
+  vertical-align: top;
+}
+#forum > table {
+  margin-top: 0;
+}
+#forum tr td.forum {
+  background: none;
+  padding-left: 0;
+}
+#forum .description {
+  line-height: 1.5;
+  margin: 4px 0 0 0;
+  font-size: 1em;
+}
+#forum div.indent {
+  margin: 0 0 0 15px;
+}
+
+/**
+ * OpenID module
+ */
+#block-user-login .item-list {
+  margin-top: 10px;
+}
+#user-login-form li.openid-link ,
+#user-login li.openid-link,
+#user-login-form li.openid-processed {
+  margin-left: 0;
+}
+#block-user-login .description {
+  margin-bottom: 10px;
+}
+.form-item-openid-identifier {
+  margin: 10px 0;
+  display: block;
+}
+#edit-openid-identifier {
+  background-position: 6px 50%;
+  padding-left: 25px;
+}
+
+/**
+ * Poll module
+ */
+.poll .bar-wrapper {
+  margin-bottom: 14px;
+}
+.poll .text {
+  float: left;
+  margin-bottom: 3px;
+}
+.poll .percent {
+  float: right;
+  margin-bottom: 3px;
+}
+.poll .bar {
+  background-color: #fafafa;
+  border: 1px solid #ccc;
+  height: 18px;
+}
+.poll .bar .foreground {
+  height: 18px;
+}
+.vote-form .form-item-choice {
+  margin: 6px 0;
+  padding: 0;
+}
+.vote-form .title {
+  font-weight: 700;
+  line-height: 1.5;
+}
+.vote-form .form-radios {
+  margin: 13px 0 9px 0;
+}
+.poll .vote-form {
+  text-align: left; /* LTR */
+}
+.poll .vote-form .choices {
+  display: block;
+}
+.poll .total {
+  text-align: left; /* LTR */
+}
+
+/**
+ * Profile and User modules
+ */
+.profile {
+  margin: 0;
+}
+.profile dd {
+  margin-left: 0;
+}
+.profile dt {
+  margin: 0;
+}
+.profile h3 {
+  border-bottom: 1px solid #ebebeb;
+  padding-bottom: 4px;
+  margin-bottom: 10px;
+  margin-top: 17px;
+}
+.profile .user-picture {
+  float: right; /* LTR */
+  margin-top: 45px;
+}
+body.page-profile #profile {
+  margin-top: 15px;
+}
+body.page-profile .profile {
+  min-height: 60px;
+  float: left;
+  clear: none;
+  width: 48.5%;
+  margin-right: 1%; /* LTR */
+}
+body.page-profile .user-picture {
+  margin: 0;
+  padding: 0;
+  float: left; /* LTR */
+}
+body.page-profile .user-picture img {
+  width: 40px;
+  padding: 5px 0;
+}
+body.page-profile .name,
+body.page-profile .field {
+  margin-left: 60px; /* LTR */
+  padding: 12px 10px 10px 0; /* LTR */
+}
+
+/**
+ * Search module
+ */
+.search-results {
+  margin: 0;
+  padding: 0;
+}
+.search-results li  {
+  margin-bottom: 20px;
+}
+.search-results .title {
+  margin: 0;
+}
+.search-results .search-snippet-info {
+  margin: 0;
+  padding: 0;
+}
+.search-results p {
+  margin-bottom: 4px;
+}
+.search-snippet strong {
+  background-color: #e25400;
+  color: #fff;
+  padding: 0 4px;
+}
+
+/**
+ * Overlay module
+ */
+body.overlay {
+  background-color: transparent;
+}
+#overlay-container {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-border-top-right-radius: 0;
+  -moz-border-radius-topright: 0;
+  -khtml-border-radius-topright: 0;
+  border-top-right-radius: 0;
+}
+body.overlay #main-columns,
+body.overlay #main {
+  padding: 0!important;
+  min-width: inherit;
+  max-width: inherit;
+}
+body.overlay #main-columns {
+  width: 100%;
+}
+body.overlay #page {
+  border: none;
+  padding-bottom: 0;
+}
+body.overlay #content {
+  border: none;
+}
+.overlay .ui-dialog-title {
+  font-size: 2.333em;
+  padding: 0 0 6px;
+}
+
+/**
+ * DBlog module
+ */
+form#dblog-filter-form .form-item {
+  display: inline-block;
+  vertical-align: top;
+  margin-right: 15px;
+  margin-top: 0;
+}
+#dblog-filter-form select {
+  width: 100%;
+}
+#dblog-filter-form .form-actions {
+  padding: 6px 0;
+}
+tr.dblog-user {
+  background: #ffd;
+}
+tr.dblog-user .active {
+  background: #eed;
+}
+tr.dblog-content {
+  background: #fffee9;
+}
+tr.dblog-content .active {
+  background: #fffcc3;
+}
+tr.dblog-page-not-found,
+tr.dblog-access-denied {
+  background: #f3fcdb;
+}
+tr.dblog-page-not-found .active,
+tr.dblog-access-denied .active {
+  background: #def2a9;
+}
+tr.dblog-error {
+  background: #fce8dd;
+}
+tr.dblog-error .active {
+  background: #fad4c0;
+}
+
+/**
+ * Contextual links module
+ */
+div.contextual-links-wrapper {
+  z-index: 20;
+}
+div.contextual-links-wrapper a.contextual-links-trigger {
+  margin: 1px 0 0;
+  padding: 0;
+}
+ul.contextual-links li a {
+  color: #333!important;
+  display:block;
+  margin: 0;
+  padding: 5px 5px;
+}
+a.contextual-links-trigger {
+  border: transparent 1px solid;
+}
+
+/**
+ * Color module
+ */
+.two-sidebars #placeholder {
+  position:static;
+  margin-bottom: 10px;
+}
+#palette .form-item {
+  width: auto;
+}
+.color-form .form-item {
+  height: 3em;
+}
+#palette .item-selected {
+  background: none;
+}
+.farbtastic .marker:before {
+  content: "";
+}
+.farbtastic .marker:after {
+  content: "";
+}
+#palette .lock {
+  background-position: 50% 2px;
+}
+#palette .unlocked {
+  background-position: 50% -22px;
+}
+#palette .hook {
+  margin-top: 0.6em;
+}
+
+/**
+ * Dashboard module
+ */
+#dashboard #disabled-blocks h2 {
+  color: #fff;
+}
+#dashboard .ui-sortable .block h2 {
+  background-position: 0 -36px;
+}
+
+/**
+ * Shortcut module
+ */
+h1.page-title {
+  display: inline-block;
+}
+.shortcut-wrapper {
+  position: relative;
+}
+div.add-or-remove-shortcuts {
+  display: none;
+  margin-bottom: 3px;
+}
+div.add-or-remove-shortcuts a span.icon {
+  margin-left: 4px;
+}
+body.page-admin div.add-or-remove-shortcuts,
+body.overlay-open div.add-or-remove-shortcuts {
+  margin-top: 3px;
+  display: inline-block;
+}
+
+/**
+ * Toolbar module
+ */
+#toolbar div.toolbar-menu ul li a {
+  line-height: 1.7;
+  -moz-border-radius: 9px;
+  -webkit-border-radius: 9px;
+  -khtml-border-radius: 9px;
+  border-radius: 9px;
+}
+
+/**
+ * System module
+ */
+/* Tabs */
+.tabs {
+  margin: 15px 0 10px;
+}
+.tabs:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.tabs ul.tabs {
+  margin: 5px 0 8px 0;
+  padding: 0;
+  border: none;
+  white-space: normal;
+}
+.tabs ul.tabs li {
+  display: inline-block;
+  padding: 0;
+}
+.tabs ul.tabs li a {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+  display: block;
+}
+.tabs ul.tabs li.active a {
+  background-color: #fff;
+}
+.tabs ul.tabs li a:hover,
+.tabs ul.tabs li a:active,
+.tabs ul.tabs li a:focus {
+  outline: none;
+  opacity: 0.8;
+  border-color: #666;
+}
+.tabs ul.primary li {
+  margin: 3px 3px 3px 0;
+}
+.tabs ul.primary li a {
+  padding: 7px 15px;
+  margin: 0;
+}
+.tabs ul.secondary {
+  margin: 2px 0 6px;
+  padding: 0;
+  border: none;
+  white-space: normal;
+}
+.tabs ul.secondary li {
+  margin: 3px 2px 5px 0;
+  border: none;
+}
+.tabs ul.secondary li a {
+  font-size: 11px;
+  padding: 3px 12px;
+}
+/* Vertical tabs */
+div.vertical-tabs {
+  border: 1px solid #ccc;
+}
+div.vertical-tabs ul.vertical-tabs-list {
+  list-style-position: outside;
+}
+.vertical-tabs-panes {
+  padding: 9px 5px;
+}
+div.vertical-tabs fieldset {
+  background: none;
+}
+ul.vertical-tabs-list li a {
+  display: block;
+  border: none;
+  padding: 7px 12px;
+  color: inherit;
+}
+ul.vertical-tabs-list li.selected a {
+  background-color: #fff;
+}
+.vertical-tabs input {
+  width: 100%;
+}
+.vertical-tabs input.form-checkbox,
+.vertical-tabs input.form-radio {
+  width: auto;
+}
+/* Pagers */
+.item-list ul.pager {
+  margin: 15px 0 2px 0;
+  text-align: left;
+}
+.item-list ul.pager li {
+  margin: 0 6px;
+  padding: 0;
+}
+ul.pager li.pager-previous {
+  padding-right: 8px;
+}
+ul.pager li.pager-next {
+  padding-left: 8px;
+}
+ul.pager li.pager-ellipsis {
+  margin: 0;
+}
+/* Breadcrumbs */
+#breadcrumb {
+  margin: 0 0 10px 0;
+}
+#breadcrumb .separator {
+  margin: 0 5px;
+}
+.breadcrumb {
+  padding: 0;
+}
+/* Markers */
+.marker {
+  color: #e25401;
+  text-transform: capitalize;
+  margin-left: 3px;
+}
+.marker:before {
+  content: "(";
+}
+.marker:after {
+  content: ")";
+}
+.farbtastic .marker:before {
+  content: "";
+}
+.farbtastic .marker:after {
+  content: "";
+}
+/* Action links */
+ul.action-links {
+  margin: 10px 0;
+}
+ul.action-links li {
+  list-style: none;
+  display: inline;
+  padding: 0 14px 0 1px;
+}
+ul.action-links li a {
+  padding-left: 15px;
+  background: url(images/action-link.png) no-repeat left center;
+}
+/* Messages */
+#messages {
+  margin: 10px 0;
+}
+#messages:first-child {
+  margin-top: 0;
+}
+div.messages {
+  padding: 7px 12px;
+  margin: 0 0 15px 0;
+  color: #fff;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+}
+.messages em {
+  font-weight: 300;
+}
+div.status {
+  color: #fff;
+  background-color: #74950a;
+}
+div.warning {
+  color: #fff;
+  background-color: #e89c00;
+}
+div.error {
+  color: #fff;
+  background: #d53400;
+}
+div.messages a {
+  color: #fff;
+  border-bottom: 1px solid #ffffff;
+}
+.messages a:hover {
+  color: #fff;
+}
+/* Collapsible fieldsets */
+html.js fieldset.collapsible .fieldset-legend {
+  background: none;
+}
+html.js fieldset.collapsible .fieldset-legend {
+  padding: 2px 4px 2px 10px; /* LTR */
+}
+html.js fieldset.collapsible legend a {
+  padding: 0 15px 0 0; /* LTR */
+  color: #fff;
+  background: url("images/arrow-down-white.gif") no-repeat right 4px; /* LTR */
+}
+html.js fieldset.collapsed legend a {
+  background: url(images/arrow-right-white.gif) no-repeat right 4px; /* LTR */
+}
+html.js fieldset.collapsed .fieldset-wrapper,
+html.js fieldset.collapsed .action {
+  display: none;
+}
+html.js fieldset.collapsed {
+  padding: 10px 20px;
+}
+html.js fieldset.collapsed {
+  border-width: 1px;
+  margin-bottom: 15px;
+}
+html.js input.form-autocomplete {
+  background-position: 99% 8px; /* LTR */
+}
+html.js input.throbbing {
+  background-position: 99% -12px; /* LTR */
+}
+/* Resizable textareas */
+.resizable-textarea {
+  width: 100%;
+}
+.resizable-textarea .grippie {
+  height: 9px;
+  width: 100%;
+  background: #ccc url(images/grippie.png) no-repeat center 2px;
+  border: 1px solid #ccc;
+  border-top-width: 0;
+  cursor: s-resize;
+  margin-top: -6px;
+  position: relative;
+  margin-right: 0!important;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -khtml-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/* Table drag & drop */
+.draggable a.tabledrag-handle {
+  margin: 0 12px 0 0;
+  padding: 0;
+}
+tr.drag {
+  background-color: #f3fbfe;
+}
+tr.drag-previous {
+  background-color: #f8fdfe;
+}
+span.tabledrag-changed {
+  font-size: 13px;
+  margin-left: 3px;
+  color: #f00;
+}
+th a,
+thead a {
+  color: #fff!important;
+}
+th a:hover,
+thead a:hover {
+  color: #fff;
+}
+table img {
+  margin: 0 0 0 7px; /* LTR */
+}
+/* Password strength indicator */
+.password-parent,
+div.form-item div.password-suggestions {
+  position: relative;
+  width: auto;
+}
+#password-strength {
+  float: none;
+  left: 16em;
+  position: absolute;
+  width: 11.5em;
+}
+#password-strength-text,
+.password-strength-title,
+div.password-confirm {
+  font-size: 0.833em;
+}
+#password-strength-text {
+  margin-top: 0.2em;
+}
+input.password-confirm,
+input.password-field {
+  width: 15em;
+  margin-bottom: 0.4em;
+}
+div.form-item div.password-suggestions {
+  padding: 8px 9px;
+  margin: 10px 0;
+  background-color: #f3fcdb;
+  border: 1px solid #b8e643;
+}
+/* Maintenance page */
+body.maintenance-page #content {
+  margin-top: 5px;
+}
+/* Utility classes */
+.element-invisible {
+  padding: 0!important;
+  border: none!important;
+}
+
+/**
+ * Admin pages
+ */
+/* admin/structure/block and admin/people/permissions */
+tr.region-title td,
+table#permissions td.module {
+  color: #779125;
+  font-size: 1.083em;
+  font-weight: 700;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+tr.region-populated {
+  display: none;
+}
+/* admin/config */
+div.admin .left,
+div.admin .right {
+  margin: 0;
+}
+div.admin-panel {
+  margin: 0 0 9px 0;
+  padding: 5px 0 10px;
+  border-bottom: 1px dashed #000;
+}
+div.admin-panel h3 {
+  margin-top: 5px;
+}
+.admin-panel:last-child {
+  border-bottom: none;
+}
+/* admin/help/ */
+body.page-admin-help dd {
+  margin-bottom: 12px;
+}
+/* admin/config/regional/date-time */
+td .form-item {
+  margin: 4px 0;
+}
+/* admin/<blah>/fields */
+.label-add-new-field,
+.label-add-existing-field {
+  display: inline-block;
+  vertical-align: middle;
+}
+/* admin/config/people/ip-blocking */
+form#system-ip-blocking-form {
+  margin-bottom: 15px;
+}
+/* admin/config */
+div.admin-panel .body {
+  padding: 0;
+}
+/* admin/reports/updates */
+table.version tr {
+  margin: 10px 0;
+}
+td.version-links li {
+  display: inline;
+  margin: 0 0 0 10px;
+}
+table.update tr,
+table.update td {
+  border-top: 1px solid #2e2e2e;
+  border-bottom: 1px solid #2e2e2e;
+}
+body.page-admin-reports-updates h3 {
+  margin-bottom: 0;
+}
+/* /admin/appearance */
+.system-themes-list-disabled .theme-selector  {
+  padding: 20px 30px 20px 0;
+  width: 200px;
+}
+.system-themes-list-disabled .theme-info {
+  min-height: 0;
+}
+/* admin/structure/block/demo/corolla */
+body.page-admin-structure-block-demo-corolla #sidebar-first,
+body.page-admin-structure-block-demo-corolla #sidebar-second,
+body.page-admin-structure-block-demo-corolla #navigation,
+body.page-admin-structure-block-demo-corolla #header-wrapper,
+body.page-admin-structure-block-demo-corolla #footer {
+  display: block;
+}
+body.page-admin-structure-block-demo-corolla #main {
+  width: 56%;
+}
+.block-region {
+  background-color: transparent;
+  border: 2px dashed #ff3e00;
+  padding: 10px 10px;
+  font-size: 1.4em;
+  font-weight: 700;
+  color: #ff3e00;
+  text-align: center;
+  text-transform: uppercase;
+}
+#sidebar-first .block-region,
+#sidebar-second .block-region {
+  padding: 225px 0;
+}
+#header .block-region {
+  padding: 60px 0;
+}
+.region-help .block-region {
+  margin: 10px 0 15px 0;
+}
+.region-content .block-region {
+  padding: 90px 0;
+}
+.region-footer .block-region {
+  padding: 3px 10px;
+  font-size: 1em;
+  margin-top: -3px;
+}
+/* System help */
+#block-system-help {
+  background-color: #f5f9fa;
+  border: 1px solid #b3cfd4;
+  margin: 15px 0;
+  padding: 12px 16px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+}
+/* admin forms */
+body.page-admin label {
+  font-weight: 700;
+}
+#edit-actions {
+  vertical-align: top;
+  margin: 10px 0;
+}
+.fieldset-description {
+  margin-bottom: 6px;
+}
+body.page-admin input {
+  width: auto;
+}
+.multiselect .form-item {
+  display: inline-block;
+  margin: 0 10px 0 0; /* LTR */
+}
+dl.multiselect dt,
+dl.multiselect dd {
+  float: none;
+}
+#user-admin-buttons  {
+  margin-left: 0;
+  margin-right: 0;
+}
+form#system-actions-manage-form {
+  margin-top: 30px;
+}
+table + input {
+  margin-top: 10px!important;
+}
+legend + .fieldset-wrapper {
+  margin-top: 0;
+}
+dl.multiselect dd .form-item {
+  margin-bottom: 30px;
+}
+dl.multiselect dd .form-item label {
+  margin-top: 2px;
+}
+.node-form #edit-poll-more {
+  margin-top: 10px;
+}
+#edit-field-screenshot {
+  float: none;
+}
+td.block {
+  background: inherit;
+  border: none;
+  margin: 0;
+}
+td.edit,
+td.delete {
+  padding-left: 7px; /* LTR */
+}
+dl.admin-list dd {
+  margin: 0 0 11px 0;
+}
+dl.multiselect label {
+  text-transform: capitalize;
+}
+dl.multiselect dd {
+  line-height: normal;
+  margin-left: 0;
+}
+.node-type-list dt {
+  margin-top: 11px;
+}
+#user-admin-buttons,
+#node-admin-buttons {
+  margin-top: 10px;
+}
+fieldset .action {
+  margin-top: 7px;
+}
+.compact-link {
+  margin-bottom: 5px;
+}
diff --git themes/corolla/template.php themes/corolla/template.php
new file mode 100644
index 0000000..92dbe58
--- /dev/null
+++ themes/corolla/template.php
@@ -0,0 +1,150 @@
+<?php
+// $Id: template.php,v 1.21 2010/07/02 18:39:01 jarek Exp $
+
+/**
+ * @file
+ * Theme functions overrides. 
+ */
+
+/**
+ * Override or insert variables into the html template.
+ */
+function corolla_preprocess_html(&$variables) {
+  // Add conditional stylesheets for IE
+  drupal_add_css(path_to_theme() . '/ie8.css', array('weight' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 8', '!IE' => FALSE), 'preprocess' => FALSE));
+  drupal_add_css(path_to_theme() . '/ie7.css', array('weight' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
+  drupal_add_css(path_to_theme() . '/ie6.css', array('weight' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
+}
+
+/**
+ * Override or insert variables into the html template.
+ */
+function corolla_process_html(&$variables) {
+  // Hook into color module
+  if (module_exists('color')) {
+    _color_html_alter($variables);
+  }
+}
+
+/**
+ * Override or insert variables into the page template.
+ */
+function corolla_process_page(&$variables) {
+  // Since the title and the shortcut link are both block level elements,
+  // positioning them next to each other is much simpler with a wrapper div.
+  if (!empty($variables['title_suffix']['add_or_remove_shortcut']) ) {
+    // Add a wrapper div using the title_prefix and title_suffix render elements.
+    $variables['title_prefix']['shortcut_wrapper'] = array(
+      '#markup' => '<div class="shortcut-wrapper clearfix">',
+      '#weight' => 100,
+    );
+    $variables['title_suffix']['shortcut_wrapper'] = array(
+      '#markup' => '</div>',
+      '#weight' => -99,
+    );
+    // Make sure the shortcut link is the first item in title_suffix.
+    $variables['title_suffix']['add_or_remove_shortcut']['#weight'] = -100;
+  }
+  // Provide a variable to check if the page is in the overlay.
+  if (module_exists('overlay')) {
+    $variables['in_overlay'] = (overlay_get_mode() == 'child');
+  }
+  else {
+    $variables['in_overlay'] = FALSE;
+  }
+}
+
+/**
+ * Override or insert variables into the block template.
+ */
+function corolla_preprocess_block(&$variables) {
+  // Remove "block" class from blocks in "Main page content" region
+  if ($variables['elements']['#block']->region == 'content') {
+    foreach ($variables['classes_array'] as $key => $val) {
+      if ($val == 'block') {
+        unset($variables['classes_array'][$key]);
+      }
+    }
+  }
+}
+
+/**
+ * Return a themed breadcrumb trail.
+ *
+ * @param $breadcrumb
+ *   An array containing the breadcrumb links.
+ * @return a string containing the breadcrumb output.
+ */
+function corolla_breadcrumb($variables) {
+  // Wrap separator with span element.
+  if (!empty($variables['breadcrumb'])) {
+    // Provide a navigational heading to give context for breadcrumb links to
+    // screen-reader users. Make the heading invisible with .element-invisible.
+    $output = '<h2 class="element-invisible">' . t('You are here') . '</h2>';
+    $output .= '<div class="breadcrumb">' . implode('<span class="separator">»</span>', $variables['breadcrumb']) . '</div>';
+    return $output;
+  }
+}
+
+/**
+ * Returns HTML for a "more" link, like those used in blocks.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - url: The url of the main page.
+ *   - title: A descriptive verb for the link, like 'Read more'.
+ */
+function corolla_more_link($variables) {
+  return '<div class="more-link">' . t('<a href="@link" title="@title">more ›</a>', array('@link' => check_url($variables['url']), '@title' => $variables['title'])) . '</div>';
+}
+
+/**
+ * Returns HTML for status and/or error messages, grouped by type.
+ *
+ * An invisible heading identifies the messages for assistive technology.
+ * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
+ * for info.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - display: (optional) Set to 'status' or 'error' to display only messages
+ *     of that type.
+ */
+function corolla_status_messages($variables) {
+  $output = '';
+  $status_heading = array(
+    'status' => t('Status message'),
+    'error' => t('Error message'),
+    'warning' => t('Warning message'),
+  );
+  // Print serveral messages in separate divs.
+  foreach (drupal_get_messages($variables['display']) as $type => $messages) {
+    if (!empty($status_heading[$type])) {
+      $output .= '<h2 class="element-invisible">' . $status_heading[$type] . "</h2>\n";
+    }
+    foreach ($messages as $message) {
+      $output .= '<div class="messages message ' . $type . '">';
+      $output .= $message;
+      $output .= "</div>\n";
+    }
+  }
+
+  return $output;
+}
+
+/**
+ * Returns HTML for a sort icon.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - style: Set to either 'asc' or 'desc', this determines which icon to show.
+ */
+function corolla_tablesort_indicator($variables) {
+  // Use custom arrow images.
+  if ($variables['style'] == 'asc') {
+    return theme('image', array('path' => path_to_theme() . '/images/tablesort-ascending.png', 'alt' => t('sort ascending'), 'title' => t('sort ascending')));
+  }
+  else {
+    return theme('image', array('path' => path_to_theme() . '/images/tablesort-descending.png', 'alt' => t('sort descending'), 'title' => t('sort descending')));
+  }
+}