From 790da7b3cc0b188378c1a5efa4cb202a3974ca9a Mon Sep 17 00:00:00 2001
From: Angie Byron <webchick@24967.no-reply.drupal.org>
Date: Tue, 6 Jul 2010 05:25:51 +0000
Subject: [PATCH] #683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine,
 stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible,
 re-colorable theme with many regions that shows off what Drupal can do. Truly
 a team effort. :)

---
 themes/bartik/bartik.info                     |   40 +
 themes/bartik/color/base.png                  |    3 +
 themes/bartik/color/color.inc                 |  134 ++
 themes/bartik/color/preview.css               |   62 +
 themes/bartik/color/preview.html              |  105 ++
 themes/bartik/color/preview.js                |   37 +
 themes/bartik/color/preview.png               |    3 +
 themes/bartik/css/colors.css                  |   46 +
 themes/bartik/css/ie-rtl.css                  |   11 +
 themes/bartik/css/ie.css                      |   24 +
 themes/bartik/css/ie6.css                     |   11 +
 themes/bartik/css/layout-rtl.css              |   15 +
 themes/bartik/css/layout.css                  |   73 +
 themes/bartik/css/maintenance-page.css        |   62 +
 themes/bartik/css/print.css                   |   47 +
 themes/bartik/css/style-rtl.css               |  254 ++++
 themes/bartik/css/style.css                   | 1326 +++++++++++++++++
 themes/bartik/images/add.png                  |    5 +
 themes/bartik/images/buttons.png              |   12 +
 themes/bartik/images/comment-arrow-rtl.png    |    3 +
 themes/bartik/images/comment-arrow.png        |    3 +
 themes/bartik/images/search-button.png        |    3 +
 themes/bartik/images/tabs-border.png          |    4 +
 themes/bartik/logo.png                        |   17 +
 themes/bartik/screenshot.png                  |   94 ++
 themes/bartik/template.php                    |  146 ++
 .../bartik/templates/comment-wrapper.tpl.php  |   54 +
 themes/bartik/templates/comment.tpl.php       |  102 ++
 .../bartik/templates/maintenance-page.tpl.php |   93 ++
 themes/bartik/templates/node.tpl.php          |  126 ++
 themes/bartik/templates/page.tpl.php          |  280 ++++
 31 files changed, 3195 insertions(+)
 create mode 100644 themes/bartik/bartik.info
 create mode 100644 themes/bartik/color/base.png
 create mode 100644 themes/bartik/color/color.inc
 create mode 100644 themes/bartik/color/preview.css
 create mode 100644 themes/bartik/color/preview.html
 create mode 100644 themes/bartik/color/preview.js
 create mode 100644 themes/bartik/color/preview.png
 create mode 100644 themes/bartik/css/colors.css
 create mode 100644 themes/bartik/css/ie-rtl.css
 create mode 100644 themes/bartik/css/ie.css
 create mode 100644 themes/bartik/css/ie6.css
 create mode 100644 themes/bartik/css/layout-rtl.css
 create mode 100644 themes/bartik/css/layout.css
 create mode 100644 themes/bartik/css/maintenance-page.css
 create mode 100644 themes/bartik/css/print.css
 create mode 100644 themes/bartik/css/style-rtl.css
 create mode 100644 themes/bartik/css/style.css
 create mode 100644 themes/bartik/images/add.png
 create mode 100644 themes/bartik/images/buttons.png
 create mode 100644 themes/bartik/images/comment-arrow-rtl.png
 create mode 100644 themes/bartik/images/comment-arrow.png
 create mode 100644 themes/bartik/images/search-button.png
 create mode 100644 themes/bartik/images/tabs-border.png
 create mode 100644 themes/bartik/logo.png
 create mode 100644 themes/bartik/screenshot.png
 create mode 100644 themes/bartik/template.php
 create mode 100644 themes/bartik/templates/comment-wrapper.tpl.php
 create mode 100644 themes/bartik/templates/comment.tpl.php
 create mode 100644 themes/bartik/templates/maintenance-page.tpl.php
 create mode 100644 themes/bartik/templates/node.tpl.php
 create mode 100644 themes/bartik/templates/page.tpl.php

diff --git a/themes/bartik/bartik.info b/themes/bartik/bartik.info
new file mode 100644
index 000000000000..c14965bff726
--- /dev/null
+++ b/themes/bartik/bartik.info
@@ -0,0 +1,40 @@
+; $Id$
+
+name = Bartik
+description = A flexible, recolorable theme with many regions.
+package = Core
+version = VERSION
+core = 7.x
+engine = phptemplate
+
+stylesheets[all][] = css/layout.css
+stylesheets[all][] = css/style.css
+stylesheets[all][] = css/colors.css
+stylesheets[print][] = css/print.css
+stylesheets[all][] = css/maintenance-page.css
+
+scripts[] = scripts/search.js
+
+regions[header] = Header
+regions[help] = Help
+regions[page_top] = Page top
+regions[page_bottom] = Page bottom
+regions[highlight] = Highlighted
+
+regions[featured] = Featured
+regions[content] = Content
+regions[sidebar_first] = Sidebar first
+regions[sidebar_second] = Sidebar second
+
+regions[triptych_first] = Triptych first
+regions[triptych_middle] = Triptych middle
+regions[triptych_last] = Triptych last
+
+regions[footer_firstcolumn] = Footer first column
+regions[footer_secondcolumn] = Footer second column
+regions[footer_thirdcolumn] = Footer third column
+regions[footer_fourthcolumn] = Footer fourth column
+regions[footer] = Footer
+
+settings[shortcut_module_link] = 0
+
diff --git a/themes/bartik/color/base.png b/themes/bartik/color/base.png
new file mode 100644
index 000000000000..8a9cf7d1362d
--- /dev/null
+++ b/themes/bartik/color/base.png
@@ -0,0 +1,3 @@
+�PNG
+
+���
IHDR����������`$�����sRGB�������	pHYs����������tIME��5������tEXtComment�Created with GIMPW���IDATx���1���0���a��+�����_#�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�p[��5�+�����IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/color/color.inc b/themes/bartik/color/color.inc
new file mode 100644
index 000000000000..8688f34aa675
--- /dev/null
+++ b/themes/bartik/color/color.inc
@@ -0,0 +1,134 @@
+<?php
+// $Id$
+
+// Put the logo path into JavaScript for the live preview.
+drupal_add_js(array('color' => array('logo' => theme_get_setting('logo', 'bartik'))), 'setting');
+
+$info = array(
+  // Available colors and color labels used in theme.
+  'fields' => array(
+    'bg' => t('Main background'),
+    'link' => t('Link color'),
+    'top' => t('Header top'),
+    'bottom' => t('Header bottom'),
+    'text' => t('Text color'),
+    'sidebar' => t('Sidebar background'),
+    'sidebarborders' => t('Sidebar borders'),
+    'footer' => t('Footer background'),
+    'titleslogan' => t('Title and slogan'),
+  ),
+  // Pre-defined color schemes.
+  'schemes' => array(
+    'default' => array(
+      'title' => t('Blue Lagoon (default)'),
+      'colors' => array(
+        'bg' => '#ffffff',
+        'link' => '#288CC9',
+        'top' => '#0779bf',
+        'bottom' => '#48a9e4',
+        'text' => '#3b3b3b',
+        'sidebar' => '#f6f6f2',
+        'sidebarborders' => '#f9f9f9',
+        'footer' => '#2d1e0f',
+        'titleslogan' => '#fffeff',
+      ),
+    ),
+    'Slate' => array(
+      'title' => t('Slate'),
+      'colors' => array(
+        'bg' => '#ffffff',
+        'link' => '#0073b6',
+        'top' => '#4a4a4a',
+        'bottom' => '#4e4e4e',
+        'text' => '#3b3b3b',
+        'sidebar' => '#feffff',
+        'sidebarborders' => '#d0d0d0',
+        'footer' => '#161617',
+        'titleslogan' => '#fffeff',
+      ),
+    ),
+    'Firehouse' => array(
+      'title' => t('Firehouse'),
+      'colors' => array(
+        'bg' => '#ffffff',
+        'link' => '#d6121f',
+        'top' => '#cd2d2d',
+        'bottom' => '#cf3535',
+        'text' => '#3b3b3b',
+        'sidebar' => '#f1f1f1',
+        'sidebarborders' => '#c2c2c2',
+        'footer' => '#1f1d1c',
+        'titleslogan' => '#fffeff',
+      ),
+    ),
+    'Plum' => array(
+      'title' => t('Plum'),
+      'colors' => array(
+        'bg' => '#fffdf7',
+        'link' => '#9d408d',
+        'top' => '#4c1c58',
+        'bottom' => '#593662',
+        'text' => '#301313',
+        'sidebar' => '#f8f3e7',
+        'sidebarborders' => '#e4e3d4',
+        'footer' => '#2C2C28',
+        'titleslogan' => '#fffeff',
+      ),
+    ),
+    'Ice' => array(
+      'title' => t('Ice'),
+      'colors' => array(
+        'bg' => '#ffffff',
+        'link' => '#019DBF',
+        'top' => '#d0d0d0',
+        'bottom' => '#c2c4c5',
+        'text' => '#4A4A4A',
+        'sidebar' => '#feffff',
+        'sidebarborders' => '#cccccc',
+        'footer' => '#24272c',
+        'titleslogan' => '#0b0b0b',
+      ),
+    ),
+  ),
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => array(
+    'css/colors.css',
+  ),
+
+  // Files to copy.
+  'copy' => array(
+    'logo.png',
+  ),
+
+  // 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('top', 'bottom'),
+    ),
+  ),
+
+  // 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 a/themes/bartik/color/preview.css b/themes/bartik/color/preview.css
new file mode 100644
index 000000000000..cb95c196026b
--- /dev/null
+++ b/themes/bartik/color/preview.css
@@ -0,0 +1,62 @@
+/* $Id$ */
+
+/* Bring in the rest of the theme's CSS styles. */
+@import url("../css/style.css");
+
+/* From color.css. */
+#preview, #preview-header {
+  background-color: #000000;
+}
+/* Undoing Seven's reset. */
+#preview #preview-header #preview-logo img {
+  border: 0;
+}
+
+/* ---------- Basic Preview Styles ----------- */
+
+#preview {
+  width: 640px;
+  overflow: hidden;
+  font-size: 1em;
+}
+#preview #preview-header div.section,
+#preview #preview-navigation div.section,
+#preview #preview-featured div.section,
+#preview #preview-main {
+  width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 20px;
+}
+#preview #preview-content,
+#preview .sidebar {
+  display: inline;
+  float: left; /* LTR */
+  position: relative;
+}
+#preview #preview-content {
+  width: 720px;
+}
+#preview .sidebar {
+  width: 240px;
+}
+#preview #preview-content .section,
+.sidebar .section {
+  padding: 0 10px;
+}
+#preview #footer-wrapper {
+  padding: 35px 20px 30px;
+}
+#preview #footer-firstcolumn,
+#preview #footer-secondcolumn,
+#preview #footer-thirdcolumn,
+#preview #footer-fourthcolumn {
+  padding: 0 10px;
+  width: 220px;
+  display: inline;
+  float: left; /* LTR */
+  position: relative;
+}
+#preview #footer {
+  width: 940px;
+}
diff --git a/themes/bartik/color/preview.html b/themes/bartik/color/preview.html
new file mode 100644
index 000000000000..13537edad15e
--- /dev/null
+++ b/themes/bartik/color/preview.html
@@ -0,0 +1,105 @@
+<div id="preview">
+  <div id="preview-header">
+    <div class="section clearfix">
+      <a href="/" title="Home" rel="home" id="preview-logo" name="logo"><img src="../../../themes/bartik/logo.png" alt="Home" /></a>
+      <div id="preview-name-and-slogan">
+        <div id="preview-site-name">
+          <strong><a href="#" title="Home" rel="home"><span>Bartik</span></a></strong>
+        </div>
+      </div><!-- /#name-and-slogan -->
+    </div>
+  </div><!-- /.section, /#header -->
+  <div id="preview-main-wrapper">
+    <div id="preview-main" class="clearfix">
+      <div id="preview-sidebar-first" class="column sidebar">
+        <div class="section">
+          <div class="region region-sidebar-first">
+            <div id="preview-block-user-login" class="block block-user first last even">
+              <h2>
+                Etiam est risus
+              </h2>
+              <div class="content">
+                <p>
+                  Maecenas id porttitor felis. Pellentesque mollis urna in nibh pharetra semper. Nulla erat odio, imperdiet quis cursus vitae, ultricies
+                  at diam.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div><!-- /.section, /#sidebar-first -->
+      <div id="preview-content" class="column">
+        <div class="section">
+          <a id="preview-main-content" name="main-content"></a>
+          <h1 class="title" id="preview-page-title">
+            Lorem ipsum dolor
+          </h1>
+          <div class="region region-content">
+            <div id="preview-block-system-main" class="block block-system first last even">
+              <div class="content">
+                <div id="preview-node-1" class="node node-page clearfix" about="/node/1" typeof="foaf:Document">
+                  <div class="content clearfix">
+                    <div class="field field-name-body field-type-text-with-summary field-label-hidden clearfix">
+                      <div class="field-items">
+                        <div class="field-item even" property="content:encoded">
+                          <p>
+                            Sit amet, <a href="#">consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                            veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+                            in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                            sunt in culpa qui officia deserunt mollit anim id est laborum.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div><!-- /.section, /#content -->
+    </div>
+  </div><!-- /#main, /#main-wrapper -->
+
+  <div id="footer-wrapper"><div class="section">
+      <div id="footer-columns" class="clearfix">
+          <div id="footer-firstcolumn" class="region sitemap"><div class="section">
+            <ul>
+              <li><a>Donec placerat</a></li>
+              <li><a>Nullam nibh dolor</a></li>
+              <li><a>Blandit sed</a></li>
+              <li><a>Fermentum id</a></li>
+            </ul>
+          </div></div> <!-- /.section, /#footer-firstcolumn -->
+          <div id="footer-secondcolumn" class="region sitemap"><div class="section">
+            <ul>
+              <li><a>Imperdiet sit amet</a></li>
+              <li><a>Nam mollis</a></li>
+              <li><a>Ultrices justo</a></li>
+              <li><a>Sed tempor</a></li>
+              </ul>
+            <ul>
+          </div></div> <!-- /.section, /#footer-secondcolumn -->
+          <div id="footer-thirdcolumn" class="region sitemap"><div class="section">
+           <ul>
+              <li><a>Sit amet</a></li>
+              <li><a>Gravida eget</a></li>
+              <li><a>Porta at</a></li>
+              <li><a>Nam non</a></li>
+            </ul>
+          </div></div> <!-- /.section, /#footer-thirdcolumn -->
+          <div id="footer-fourthcolumn" class="region sitemap"><div class="section">
+            <ul>
+              <li><a>Sed vitae</a></li>
+              <li><a>Tellus</a></li>
+              <li><a>Etiam sem</a></li>
+              <li><a>Arcu eleifend</a></li>
+            </ul>
+          </div></div> <!-- /.section, /#footer-fourthcolumn -->
+      </div><!-- /#footer-columns -->
+      <div id="footer" class="clearfix">
+        Aliquam aliquet, est <a>a ullamcorper</a> condimentum.
+    </div><!-- /#footer -->
+  </div></div> <!-- /.section, /#footer-wrapper -->
+
+</div><!-- /#preview -->
diff --git a/themes/bartik/color/preview.js b/themes/bartik/color/preview.js
new file mode 100644
index 000000000000..7365f6f552f6
--- /dev/null
+++ b/themes/bartik/color/preview.js
@@ -0,0 +1,37 @@
+/* $Id$ */
+
+(function ($) {
+  Drupal.color = {
+    logoChanged: false,
+    callback: function(context, settings, form, farb, height, width) {
+      // Change the logo to be the real one.
+      if (!this.logoChanged) {
+        $('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
+        this.logoChanged = true;
+      }
+
+      // Solid background.
+      $('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
+
+      // Text preview.
+      $('#preview #preview-main h2, #preview #preview-main p', form).css('color', $('#palette input[name="palette[text]"]', form).val());
+      $('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
+
+      // Sidebar background.
+      $('#preview .sidebar .block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
+
+      // Footer background.
+      $('#preview #footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
+
+      $('#preview .sidebar .block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
+
+      // CSS3 Gradients.
+      var gradient_start = $('#palette input[name="palette[top]"]', form).val();
+      var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
+
+      $('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_start + ", " + gradient_end + ");");
+
+      $('#preview #preview-name-and-slogan a', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
+    }
+  };
+})(jQuery);
diff --git a/themes/bartik/color/preview.png b/themes/bartik/color/preview.png
new file mode 100644
index 000000000000..8018ed95ee8b
--- /dev/null
+++ b/themes/bartik/color/preview.png
@@ -0,0 +1,3 @@
+�PNG
+
+���
IHDR����������`$�����sRGB�������	pHYs����������tIME��5�-�T���tEXtComment�Created with GIMPW���IDATx���1���0���a��+�����_#�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�0�`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�`��`��`�������0�0�p[��5�+�����IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/css/colors.css b/themes/bartik/css/colors.css
new file mode 100644
index 000000000000..877dd14c705c
--- /dev/null
+++ b/themes/bartik/css/colors.css
@@ -0,0 +1,46 @@
+/* $Id$ */
+
+/* ---------- Color Module Styles ----------- */
+
+body {
+  background-color: #2d1e0f;
+  color: #ffffff;
+}
+html,
+#page-wrapper,
+body.overlay {
+  background-color: #ffffff;
+  color: #3b3b3b;
+}
+#navigation ul.links li.active-trail a {
+  background: #ffffff;
+}
+.tabs ul.primary li a.active {
+  background-color: #ffffff;
+}
+#header {
+  background-color: #48a9e4;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0779bf), to(#48a9e4));
+  background-image: -moz-linear-gradient(-90deg, #0779bf, #48a9e4);
+}
+a {
+  color: #288CC9;
+}
+a:hover,
+a:focus {
+  color: #018fe2;
+}
+a:active {
+  color: #23aeff;
+}
+.sidebar .block {
+  background-color: #f6f6f2;
+  border-color: #f9f9f9;
+}
+#footer-wrapper {
+  background: #2d1e0f;
+}
+#header #name-and-slogan,
+#header #name-and-slogan a {
+  color: #fffeff;
+}
diff --git a/themes/bartik/css/ie-rtl.css b/themes/bartik/css/ie-rtl.css
new file mode 100644
index 000000000000..f15e9964f189
--- /dev/null
+++ b/themes/bartik/css/ie-rtl.css
@@ -0,0 +1,11 @@
+/* $Id$ */
+
+fieldset legend {
+  left: 6px;
+}
+.tabs ul.primary li a.active {
+  padding: 0 10px 0 7px;
+}
+ul.action-links li a {
+  zoom: 1;
+}
diff --git a/themes/bartik/css/ie.css b/themes/bartik/css/ie.css
new file mode 100644
index 000000000000..4c8003a8a2e7
--- /dev/null
+++ b/themes/bartik/css/ie.css
@@ -0,0 +1,24 @@
+/* $Id$ */
+
+.block {
+  zoom: 1;
+}
+input.form-text {
+  font-family: sans-serif;
+}
+#password-strength-text {
+  margin-top: 0;
+}
+fieldset legend {
+  left: -8px;
+  padding: 0;
+}
+.tabs ul.primary {
+  height: auto;
+}
+.tabs ul.primary li a.active {
+  padding: 0 7px 0 10px; /* LTR */
+}
+#footer-wrapper #footer .block {
+  height: 100%;
+}
diff --git a/themes/bartik/css/ie6.css b/themes/bartik/css/ie6.css
new file mode 100644
index 000000000000..f49745aba46e
--- /dev/null
+++ b/themes/bartik/css/ie6.css
@@ -0,0 +1,11 @@
+/* $Id$ */
+
+#content {
+  overflow: hidden;
+}
+.form-item-search-block-form {
+  width: 50%;
+}
+.tabs ul.primary {
+  zoom: 1;
+}
diff --git a/themes/bartik/css/layout-rtl.css b/themes/bartik/css/layout-rtl.css
new file mode 100644
index 000000000000..c245ef810a62
--- /dev/null
+++ b/themes/bartik/css/layout-rtl.css
@@ -0,0 +1,15 @@
+/* $Id$ */
+
+/* ---------- Basic Layout RTL Styles ----------- */
+
+#content,
+.sidebar,
+#triptych-first,
+#triptych-middle,
+#triptych-last,
+#footer-firstcolumn,
+#footer-secondcolumn,
+#footer-thirdcolumn,
+#footer-fourthcolumn {
+  float: right;
+}
diff --git a/themes/bartik/css/layout.css b/themes/bartik/css/layout.css
new file mode 100644
index 000000000000..577b2b70ee2c
--- /dev/null
+++ b/themes/bartik/css/layout.css
@@ -0,0 +1,73 @@
+/* $Id$ */
+
+/* ---------- Basic Layout Styles ----------- */
+
+#header div.section,
+#navigation div.section,
+#featured div.section,
+#messages,
+#main,
+#triptych,
+#footer-columns,
+#footer {
+  width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+}
+#content,
+.sidebar,
+#triptych-first,
+#triptych-middle,
+#triptych-last,
+#footer-firstcolumn,
+#footer-secondcolumn,
+#footer-thirdcolumn,
+#footer-fourthcolumn {
+  display: inline;
+  float: left; /* LTR */
+  position: relative;
+}
+.one-sidebar #content {
+  width: 720px;
+}
+.two-sidebars #content {
+  width: 480px;
+}
+.no-sidebars #content {
+  width: 960px;
+  float: none;
+}
+.sidebar {
+  width: 240px;
+}
+#main-wrapper {
+  min-height: 500px;
+}
+#messages div.section,
+#content .section,
+.sidebar .section {
+  padding: 0 15px;
+}
+#breadcrumb {
+  margin: 0 15px;
+}
+#triptych-first,
+#triptych-middle,
+#triptych-last {
+  margin: 20px 20px 30px;
+  width: 280px;
+}
+#footer-wrapper {
+  padding: 35px 5px 30px;
+}
+#footer-firstcolumn,
+#footer-secondcolumn,
+#footer-thirdcolumn,
+#footer-fourthcolumn {
+  padding: 0 10px;
+  width: 220px;
+}
+#footer {
+  width: 940px;
+  min-width: 920px;
+}
diff --git a/themes/bartik/css/maintenance-page.css b/themes/bartik/css/maintenance-page.css
new file mode 100644
index 000000000000..ed7212721633
--- /dev/null
+++ b/themes/bartik/css/maintenance-page.css
@@ -0,0 +1,62 @@
+/* $Id$ */
+
+body.maintenance-page {
+  background-color: #fff;
+  color: #000;
+}
+.maintenance-page #page-wrapper {
+  margin-left: auto;
+  margin-right: auto;
+  width: 800px;
+  border: 1px solid #cbcbcb;
+  margin-top: 40px;
+}
+.maintenance-page #page {
+  margin: 20px 40px 40px;
+}
+.maintenance-page #main-wrapper {
+  min-height: inherit;
+}
+.maintenance-page #header,
+.maintenance-page #messages,
+.maintenance-page #main {
+  width: auto;
+}
+.maintenance-page #header div.section, 
+.maintenance-page #navigation div.section, 
+.maintenance-page #messages, 
+.maintenance-page #main {
+  width: 700px;
+}
+.maintenance-page #main {
+  margin: 0;
+}
+.maintenance-page #content .section {
+  padding: 0 0 0 10px;
+}
+.maintenance-page #header {
+  background-color: #fff;
+  background-image: none;
+}
+.maintenance-page #header #name-and-slogan {
+  margin-bottom: 50px;
+  padding-top: 20px;
+  font-size: 90%;
+}
+.maintenance-page #header,
+.maintenance-page #header a,
+.maintenance-page #header a:hover,
+.maintenance-page #header a:hover {
+  color: #777;
+}
+.maintenance-page  h1#page-title {
+  line-height: 1em;
+  margin-top: 0;
+}
+.maintenance-page #messages {
+  padding: 0;
+  margin-top: 30px;
+}
+.maintenance-page #messages div.section {
+  padding: 0;
+}
diff --git a/themes/bartik/css/print.css b/themes/bartik/css/print.css
new file mode 100644
index 000000000000..6e8531486f23
--- /dev/null
+++ b/themes/bartik/css/print.css
@@ -0,0 +1,47 @@
+/* $Id$ */
+
+/* ---------- General Layout ---------- */
+
+body,
+input,
+textarea,
+select {
+  color: #000;
+  background: none;
+}
+body.two-sidebars,
+body.sidebar-first,
+body.sidebar-second,
+body {
+  width: 640px;
+}
+#sidebar-first,
+#sidebar-second,
+#navigation,
+#toolbar,
+#footer-wrapper,
+.tabs,
+.add-or-remove-shortcuts {
+  display: none;
+}
+.one-sidebar #content,
+.two-sidebars #content {
+  width: 100%;
+}
+#triptych-wrapper {
+  width: 960px;
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+#triptych-first, #triptych-middle, #triptych-last {
+  width: 250px;
+}
+
+/* ---------- Node Pages ---------- */
+
+#comments .title,
+#comments form,
+.comment_forbidden {
+  display: none;
+}
diff --git a/themes/bartik/css/style-rtl.css b/themes/bartik/css/style-rtl.css
new file mode 100644
index 000000000000..19b23cf7d405
--- /dev/null
+++ b/themes/bartik/css/style-rtl.css
@@ -0,0 +1,254 @@
+/* $Id$ */
+
+/* ------------------ Reset Styles ------------------ */
+
+caption,
+th,
+td {
+  text-align: right;
+}
+blockquote{
+  border-left: none;
+  border-right: 4px solid #afafaf;
+}
+blockquote:before {
+  content: "\201D";
+}
+blockquote:after {
+  content: "\201C";
+}
+
+/* ------------------ List Styles ------------------ */
+
+.region-content ul,
+.region-content ol {
+  padding: 2.5em 0 0.25em 0;
+}
+.item-list ul li {
+  padding: 0.2em 0 0 0.5em;
+}
+ul.tips {
+  padding: 0 1.25em 0 0;
+}
+
+/* ------------------ Header ------------------ */
+
+#header #logo {
+  float: right;
+  padding: 15px 0 15px 30px;
+}
+/* Menus when in the header region. */
+#header div.block-menu,
+#header div#block-system-main-menu,
+#header div#block-system-secondary-menu {
+  float: right;
+}
+#header .block-menu li a,
+#header #block-system-main-menu li a,
+#header #block-system-secondary-menu li a {
+  float: right;
+  border-left: 1px solid #555;
+
+  border-right: none;
+}
+#header .block-menu li.first a,
+#header #block-system-main-menu li.first a,
+#header #block-system-secondary-menu li.first a {
+  padding-right: 0;
+  padding-left: 12px;
+}
+#header .block-menu li.last a,
+#header #block-system-main-menu li.last a,
+#header #block-system-secondary-menu li.last a {
+  padding-left: 0;
+  padding-right: 12px;
+  border-left: none;
+}
+#header #block-search-form {
+  float: left;
+}
+#header #block-user-login {
+  left: 2%;
+  right: auto;
+  float: left;
+}
+#header #block-user-login .form-text {
+  margin-left: 5px;
+}
+#header #block-user-login .item-list ul li {
+  margin: 0 15px 0 5px;
+}
+#header #block-user-login .userbox {
+  margin-right: 10px;
+}
+
+/* --------------- Main Navigation ------------ */
+
+#navigation ul.links li.first {
+  padding-right: 2px;
+  padding-left: 0;
+}
+
+/* ----------------- Content ------------------ */
+
+#block-system-main .submitted .user-picture img {
+  float: right;
+  margin-left: 5px;
+  margin-right: 0;
+}
+#block-system-main div.field-name-taxonomy-tags div.field-label,
+#block-system-main div.field-name-taxonomy-tags div.field-items,
+#block-system-main div.field-name-taxonomy-tags div.field-item {
+  float: right;
+  padding-left: 10px;
+  padding-right: 0;
+}
+#block-system-main .link-wrapper {
+  margin-right: 236px;
+  margin-left: 0;
+}
+
+/* ----------------- Comments ----------------- */
+
+#comment-wrapper div.user-picture img {
+  margin-right: 0;
+}
+#comments .attribution {
+  float: right;
+}
+#comments .comment-arrow {
+  background: url(../images/comment-arrow-rtl.png);
+  margin-right: -45px;
+}
+#comments .comment-text {
+  margin-right: 140px;
+  margin-left: 0;
+}
+#comments .indented {
+  margin-right: 40px;
+  margin-left: 0;
+}
+
+/* -------------- Password Meter  ------------- */
+
+#password-strength {
+  left: auto;
+  margin-top: 2em;
+  right: 16em;
+}
+#password-strength-text {
+  margin-top: 0;
+  float: left;
+}
+.form-item-pass-pass2 label {
+  clear: right;
+}
+
+/* ------------------ Footer ------------------ */
+
+#footer-columns ul {
+  padding-right: 0;
+}
+#footer-columns li a {
+  padding: 0.8em 20px 0.8em 2px;
+}
+#footer li a {
+  float: right;
+  border-left: 1px solid #555;
+  border-color: rgba(255,255,255,0.15);  
+  border-right: none;
+}
+#footer li.first a {
+  padding-right: 0;
+  padding-left: 12px;
+}
+#footer li.last a {
+  padding-left: 0;
+  padding-right: 12px;
+  border-left: none;
+}
+
+/* --------------- System Tabs  --------------- */
+
+.tabs ul.primary li {
+  margin: 0 0 0 5px;
+  float: right;
+  zoom: 1;
+}
+.tabs ul.secondary li {
+  float: right;
+}
+.tabs ul.secondary li:first-child {
+  padding-right: 0;
+}
+.tabs ul.secondary li:last-child {
+  border-left: none;
+}
+ul.action-links li a {
+  background-position: right center;
+  padding-left: 0;
+  padding-right: 15px;
+}
+
+/* -------------- Form Elements   ------------- */
+
+.fieldset-legend span.summary {
+  margin-left: 0;
+}
+#user-profile-form input#edit-submit {
+  margin-left: 0;
+}
+.password-suggestions ul li {
+  margin-right: 1.2em;
+  margin-left: 0;
+}
+
+/* Animated throbber */
+html.js input.form-autocomplete {
+  background-position: 1% 4px;
+}
+html.js input.throbbing {
+  background-position: 1% -16px;
+}
+
+/* Comment form */
+#comment-form .form-type-textfield label,
+#comment-form .form-type-item label {
+  float: right;
+}
+#comment-form .form-type-textfield input,
+#comment-form .form-item .username {
+  float: left;
+}
+#comment-form .form-item .description {
+  float: left;
+}
+
+/* -------------- Shortcut Links ------------- */
+
+.shortcut-wrapper h1#page-title {
+  float: right;
+}
+
+/* ---------- Poll ----------- */
+
+.poll .vote-form {
+  text-align: right;
+}
+.poll .total {
+  text-align: left;
+}
+
+/* ---------- Color Form ----------- */
+
+.color-form #palette {
+  margin-left: 0;
+  margin-right: 20px;
+}
+.color-form .form-item label {
+  float: right;
+}
+.color-form #palette .lock {
+  right: -20px;
+  left: 0;
+}
diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css
new file mode 100644
index 000000000000..d1a603721460
--- /dev/null
+++ b/themes/bartik/css/style.css
@@ -0,0 +1,1326 @@
+/* $Id$ */
+
+/* ---------- Overall Specifications ---------- */
+
+body,
+#preview {
+  background-color: #fff;
+  line-height: 1.4em;
+  font-size: 0.8em;
+  word-wrap: break-word;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+}
+a:link,
+a:visited {
+  text-decoration: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#preview h1,
+#preview h2,
+#preview h3,
+#preview h4,
+#preview h5,
+#preview h6 {
+  margin: 1.0em 0 0.5em;
+  font-weight: inherit;
+}
+h1,
+#preview h1 {
+  font-size: 140%;
+  color: #000;
+}
+h2,
+#preview h1 {
+  font-size: 120%;
+}
+p,
+#preview p {
+  margin: 0 0 1.2em;
+}
+del {
+  text-decoration: line-through;
+}
+tr.odd {
+  background-color: #dddddd;
+}
+img,
+#preview img {
+  outline: 0;
+}
+
+/* ------------------ Fonts ------------------ */
+
+body,
+#preview,
+#header #site-slogan,
+.ui-widget {
+  font-family: Georgia, "Times New Roman", Times, serif;
+}
+#header,
+#footer-wrapper,
+#preview #preview-header,
+ul.contextual-links,
+ul.links,
+ul.primary,
+div.field-type-taxonomy-term-reference,
+div.messages,
+div.meta,
+p.comment-time,
+table,
+.breadcrumb {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+input,
+textarea,
+select,
+a.button {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+}
+
+/* ------------------ Reset Styles ------------------ */
+
+caption {
+  text-align: left; /* LTR */
+  font-weight: normal;
+}
+blockquote {
+  background: #f7f7f7;
+  border-left: 1px solid #bbb;
+  font-style: italic;
+  margin: 1.5em 10px;
+  padding: .5em 10px;
+}
+blockquote:before {
+  color: #bbb;
+  content: "\201C";
+  font-size: 3em;
+  line-height: .1em;
+  margin-right: .2em;
+  vertical-align: -.4em;
+}
+blockquote:after {
+  color: #bbb;
+  content: "\201D";
+  font-size: 3em;
+  line-height: .1em;
+  vertical-align: -.45em;
+}
+blockquote :first-child {
+  display: inline;
+}
+a.feed-icon {
+  display: inline-block;
+  padding: 15px 0 0 0;
+}
+
+/* ------------------ Table Styles ------------------ */
+
+table {
+  border-spacing: 0;
+  font-size: 0.85em;
+  width: 100%;
+  margin: 10px 0;
+}
+#footer-wrapper table {
+  font-size: 1em;
+}
+table tr th {
+  background-color: #757575;
+  border-bottom-style: none;
+}
+table thead tr th,
+table thead tr th a,
+table thead tr th a:hover {
+  color: #FFF;
+  font-weight: bold;
+}
+tr td,
+tr th {
+  padding: 4px 9px;
+  border: 1px solid #fff;
+  text-align: left; /* LTR */
+}
+#footer-wrapper tr td,
+#footer-wrapper tr th {
+  border-color: #555;
+  border-color: rgba(255,255,255,0.18);  
+}
+tr.odd {
+  background-color: #e4e4e4;
+}
+tr,
+tr.even {
+  background-color: #efefef;
+}
+#block-system-main table ul.links {
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+}
+#block-system-main table ul.links li {
+  padding: 0 1em 0 0;
+}
+
+/* ------------------ List Styles ------------------ */
+
+.block ul {
+  margin: 0;
+}
+ul.contextual-links {
+  font-size: 90%;
+}
+ul.menu li {
+  margin: 0;
+}
+.region-content ul,
+.region-content ol {
+  margin: 1em 0;
+  padding: 0 0 0.25em 2.5em; /* LTR */
+}
+.item-list ul li {
+  margin: 0;
+  padding: 0.2em 0.5em 0 0; /* LTR */
+}
+ul.tips {
+  padding: 0 0 0 1.25em; /* LTR */
+}
+
+/* ------------------ Header ------------------ */
+
+#skip-link {
+  position: absolute;
+  top: -9999px;
+}
+#header,
+#preview #preview-header {
+  color: #fff;
+}
+#header a,
+#preview #preview-header a {
+  color: #fff;
+}
+#header a:hover,
+#header a:focus {
+  color: #b5b7b9;
+}
+#header a:active {
+  color: #adb0bf;
+}
+#header #logo,
+#preview #preview-header #preview-logo {
+  float: left; /* LTR */
+  padding: 15px 30px 15px 0; /* LTR */
+}
+#header #name-and-slogan,
+#preview #preview-header #preview-name-and-slogan {
+  padding-top: 38px;
+  margin-bottom: 30px;
+  margin-left: 15px;
+}
+#header #site-name,
+#preview #preview-header #preview-site-name {
+  font-size: 200%;
+  color: #686868;
+}
+#header h1#site-name,
+#preview #preview-header h1#preview-site-name {
+  margin: 0;
+}
+#header #site-name a,
+#preview-header #preview-site-name a {
+  font-weight: normal;
+}
+#header #site-slogan {
+  margin-top: 7px;
+  font-size: 100%;
+  word-spacing: 0.1em;
+  font-style: italic;
+}
+/* Menus when in the header region. */
+#header .block-menu {
+  height: 1.1em;
+  margin: 10px 0;
+  font-size: 120%;
+  float: left; /* LTR */
+  width: 75%;
+}
+#header .block ul, /* Any menu block in the header region. */
+#header .block li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+#header .block-menu li a {
+  float: left; /* LTR */
+  padding: 0 12px;
+  display: block;
+  border-right: 1px solid #555; /* LTR */
+}
+#header .block-menu li.first a {
+  padding-left: 0; /* LTR */
+}
+#header .block-menu li.last a {
+  padding-right: 0; /* LTR */
+  border-right: none; /* LTR */
+}
+#header #block-search-form { /* Search block in the Header region. */
+  float: right; /* LTR */
+  width: 24%;
+  margin: 8px 0;
+}
+#header #block-user-login { /* Login block in the Header region. */
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 2%; /* LTR */
+  background: #464748;
+  color: #fff;
+  float: right; /* LTR */
+  font-size: 13px;
+  padding: 4px 10px 5px;
+  text-transform: uppercase;
+  font-size: 80%;
+}
+#header #block-user-login a {
+  color: #fff;
+  font-size: 90%;
+}
+#header #block-user-login .form-item label {
+  display: inline;
+  font-weight: normal;
+}
+#header #block-user-login .form-item {
+  display: inline;
+  font-weight: normal;
+}
+#header #block-user-login .form-text {
+  margin-right: 5px; /* LTR */
+}
+#header #block-user-login .form-item label .form-required {
+  display: none;
+}
+#header #block-user-login div.item-list,
+#header #block-user-login .item-list ul {
+  display: inline;
+}
+#header #block-user-login .item-list ul li {
+  display: inline;
+  margin: 0 5px 0 15px; /* LTR */
+}
+#header #block-user-login div.item-list {
+  margin-top: 5px;
+  font-style: italic;
+  font-size: 130%;
+  text-transform: none;
+}
+#header #block-user-login .userbox {
+  margin-left: 10px; /* LTR */
+}
+#header #block-user-login input.form-submit {
+  color: #fff;
+  background: #929599;
+  border: 1px solid #73767c;
+  padding: 1px;
+  text-transform: uppercase;
+  margin-top: 1px;
+  position: relative;
+  display: inline;
+}
+#header #block-user-login #user-login-form div.item-list { /* Hide create new account + email replacement password links. */
+  display: none;
+}
+
+/* --------------- Main Navigation ------------ */
+
+#navigation {
+  padding: 0 15px;
+  clear: both;
+}
+#navigation a {
+  color: #d9d9d9;
+  padding: 0.6em 1em 0.4em;
+}
+#navigation ul {
+  padding: 2px 0;
+}
+#navigation ul.links {
+  font-size: 105%;
+  padding: 0.6em 0.6em 4px;
+}
+#navigation ul.links li a {
+  color: #333;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  text-shadow: 0 1px #eee;
+  -khtml-border-radius-topleft: 8px;
+  -moz-border-radius-topleft: 8px;
+  -webkit-border-top-left-radius: 8px;
+  border-top-left-radius: 8px;
+  -khtml-border-radius-topright: 8px;
+  -moz-border-radius-topright: 8px;
+  -webkit-border-top-right-radius: 8px;
+  border-top-right-radius: 8px;
+}
+#navigation ul.links li a:hover,
+#navigation ul.links li a:focus {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.95);
+}
+#navigation ul.links li a:active {
+  background: #b3b3b3;
+  background: rgba(255, 255, 255, 1);
+}
+#navigation ul.links li.active-trail a {
+  border-bottom: none;
+}
+.featured #navigation ul.links li.active-trail a {
+  background: #f0f0f0;
+  background: rgba(240, 240, 240, 1.0);
+}
+#navigation ul.links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0.6em 0 0.4em;
+}
+#navigation ul.links li.first {
+  padding-left: 2px; /* LTR */
+}
+
+/* ------------------- Main ------------------- */
+
+#main,
+#preview #preview-main {
+  margin-top: 20px;
+  margin-bottom: 40px;
+}
+
+/* ----------------- Featured ----------------- */
+
+#featured {
+  text-align: center;
+  font-size: 180%;
+  font-weight: normal;
+  line-height: 1.4em;
+  padding: 50px 0 45px;
+  margin: 0;
+  background: #f0f0f0;
+  border-bottom: 1px solid #e7e7e7;
+  text-shadow: 1px 1px #fff;
+}
+#featured p {
+  margin: 0;
+  padding: 0;
+}
+
+/* ----------------- Content ------------------ */
+
+.content {
+  margin-top: 1em;
+}
+#block-system-main,
+#preview #preview-block-system-main {
+  font-size: 115%;
+  line-height: 1.5em;
+}
+body.page-admin-appearance-settings-bartik #block-system-main {
+  font-size: 100%;
+}
+h1#page-title,
+#preview h1#preview-page-title {
+  font-size: 220%;
+  line-height: 1.2em;
+}
+#block-system-main h2,
+#preview #preview-block-system-main h2 {
+  margin-bottom: 2px;
+  font-size: 137%;
+  line-height: 1.4em;
+}
+#block-system-main .node-teaser h2 a {
+  color: #181818;
+}
+#block-system-main .node-teaser {
+  border-bottom: 1px solid #d3d7d9;
+  margin-bottom: 30px;
+  padding-bottom: 15px;
+}
+#block-system-main .node-teaser .content {
+  font-size: 92%;
+  line-height: 1.65em;
+  color: #3b3b3b;
+  clear: none;
+}
+#block-system-main .meta {
+  font-size: 80%;
+  color: #68696b;
+  margin-bottom: -5px;
+}
+* html #block-system-main .meta {
+  margin-bottom: 10px;
+}
+*:first-child+html #block-system-main .meta {
+  margin-bottom: 10px;
+}
+#block-system-main .submitted .user-picture img {
+  float: left; /* LTR */
+  height: 20px;
+  margin: 1px 5px 0 0; /* LTR */
+}
+#block-system-main div.field-type-taxonomy-term-reference div.field-label,
+#block-system-main div.field-type-taxonomy-term-reference div.field-items,
+#block-system-main div.field-type-taxonomy-term-reference div.field-item {
+  display: inline;
+  float: left; /* LTR */
+  padding-right: 10px; /* LTR */
+  font-weight: normal;
+}
+#block-system-main div.field-name-field-tags div.field-label {
+  font-size: 86%;
+  color: #68696b;
+}
+#block-system-main div.field-name-field-tags div.field-items,
+#block-system-main div.field-name-field-tags div.field-item {
+  font-size: 95%;
+}
+#block-system-main div.field-name-field-tags a:hover,
+#block-system-main div.field-name-field-tags a:focus {
+  text-decoration: underline;
+}
+#block-system-main .link-wrapper {
+  text-align: right;
+}
+#block-system-main ul.links {
+  color: #68696b;
+  font-size: 80%;
+}
+#block-system-main .field-type-image img,
+#block-system-main .user-picture img {
+  margin: 0 0 1em;
+}
+
+/* ----------------- Comments ----------------- */
+
+#comment-wrapper {
+  border-top: 1px solid #d3d7d9;
+  padding-top: 15px;
+}
+#comments h2.title {
+  margin-bottom: 1em;
+}
+#comments div.user-picture img {
+  margin-left: 0; /* LTR */
+}
+#comments .comment {
+  margin-bottom: 20px;
+}
+#comments .attribution {
+  float: left; /* LTR */
+  width: 110px;
+}
+#comments .attribution img {
+  margin: 0;
+  border: 1px solid #d3d7d9;
+}
+#comments .submitted p {
+  margin: 4px 0;
+  font-size: 110%;
+  line-height: 1.2em;
+}
+#comments .submitted .comment-time {
+  font-size: 70%;
+  color: #68696b;
+}
+#comments .content {
+  font-size: 90%;
+}
+#comments .comment-arrow {
+  background: url(../images/comment-arrow.png); /* LTR */
+  height: 40px;
+  width: 20px;
+  margin-left: -45px; /* LTR */
+  margin-top: 10px;
+  position: absolute;
+}
+#comments .comment-text {
+  margin-left: 140px; /* LTR */
+  padding: 10px 25px;
+  border: 1px solid #d3d7d9;
+}
+#comments .indented {
+  margin-left: 40px; /* LTR */
+}
+
+/* ------------------ Sidebar ----------------- */
+
+.sidebar .block {
+  border: 1px solid;
+  padding: 15px 20px;
+  margin: 20px 0;
+}
+.sidebar h2,
+#preview .sidebar h2 {
+  margin: 0 0 0.5em;
+  border-bottom: 1px solid #d6d6d6;
+  padding-bottom: 5px;
+  text-shadow: 0 1px 0 #fff;
+}
+.sidebar tbody {
+  border: none;
+}
+.sidebar tr.even,
+.sidebar tr.odd {
+  background: none;
+  border-bottom: 1px solid #d6d6d6;
+}
+
+/* ----------------- Triptych ----------------- */
+
+#triptych-wrapper {
+  background-color: #fafafa;
+  background: rgba(40,40,0,0.08);
+}
+#triptych h2 {
+  color: #000;
+  font-size: 194%;
+  margin-bottom: .8em;
+  text-shadow: 0px 1px 0 #fff;
+  text-align: center;
+  line-height: 1.2em;
+}
+#triptych .block {
+  margin-bottom: 2em;
+  padding-bottom: 2em;
+  border-bottom: 1px solid #dfdfdf;
+}
+#triptych .block.last {
+  border-bottom: none;
+}
+#triptych .block ul li,
+#triptych .block ol li {
+  list-style: none;
+}
+#triptych .block ul,
+#triptych .block ol {
+  padding-left: 0;
+}
+#triptych #block-user-login .form-text {
+  width: 185px;
+}
+#triptych #block-user-online p {
+  margin-bottom: 0;
+}
+#triptych #block-node-syndicate h2 {
+  overflow: hidden;
+  width: 0;
+  height: 0;
+}
+#triptych-last #block-node-syndicate {
+  text-align: right;
+}
+#triptych #block-search-form .form-type-textfield input {
+  width: 185px;
+}
+#triptych-middle #block-system-powered-by {
+  text-align: center;
+}
+#triptych-last #block-system-powered-by {
+  text-align: right;
+}
+
+/* ------------------ Footer ------------------ */
+
+#footer-wrapper {
+  color: #c0c0c0;
+  color: rgba(255,255,255,0.65);  
+  font-size: 90%;
+}
+#footer-wrapper a {
+  color: #fcfcfc;
+  color: rgba(255,255,255,0.8);
+}
+#footer-wrapper a:hover,
+#footer-wrapper a:focus {
+  color: #fefefe;
+  color: rgba(255,255,255,0.95);  
+  text-decoration: underline;
+}
+#footer-wrapper .block {
+  margin: 20px 0;
+  border: 1px solid #444;
+  border-color: rgba(255,255,255,0.1);  
+  padding: 10px;
+}
+#footer-columns .block-menu,
+#footer .block {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+#footer .block,
+#footer .block .content {
+  overflow: hidden;
+  margin: .5em 0;
+}
+#footer .block h2 {
+  margin: 0;
+}
+#footer-wrapper ul#secondary-menu {
+  margin: 1em 0;
+}
+#footer-columns h2 {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255,255,255,0.15);  
+  font-size: 104%;
+  margin-bottom: 0;
+  padding-bottom: 3px;
+  text-transform: uppercase;
+}
+#footer-columns .content {
+  margin-top: 0;
+}
+#footer-columns p {
+  margin-top: 1em;
+}
+#footer-columns .content ul {
+  list-style: none;
+  padding-left: 0; /* LTR */
+  margin-left: 0
+}
+#footer-columns .content li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+#footer-columns .content li a {
+  display: block;
+  border-bottom: 1px solid #555;
+  border-color: rgba(255,255,255,0.15);  
+  line-height: 1.2em;
+  padding: 0.8em 2px 0.8em 20px; /* LTR */
+  text-indent: -15px;
+}
+#footer-columns .content li a:hover,
+#footer-columns .content li a:focus {
+  background-color: #1f1f21;
+  background-color: rgba(255,255,255,.05);
+  text-decoration: none;
+}
+#footer {
+  font-size: 92%;
+  letter-spacing: 0.2px;
+  margin-top: 30px;
+  border-top: 1px solid #555;
+  border-color: rgba(255,255,255,0.15);  
+}
+#footer .region {
+  margin-top: 20px;
+}
+#footer .block {
+  clear: both;
+}
+#footer ul,
+#footer li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+#footer li a {
+  float: left; /* LTR */
+  padding: 0 12px;
+  display: block;
+  border-right: 1px solid #555; /* LTR */
+  border-color: rgba(255,255,255,0.15);  
+}
+#footer li.first a {
+  padding-left: 0; /* LTR */
+}
+#footer li.last a {
+  padding-right: 0; /* LTR */
+  border-right: none; /* LTR */
+}
+#footer-wrapper tr.odd {
+  background-color: transparent;
+}
+#footer-wrapper tr.even {
+  background-color: #2c2c2c;
+  background-color: rgba(0,0,0,0.15)
+}
+
+/* --------------- System Tabs  --------------- */
+
+.tabs {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin-bottom: 20px;
+}
+.tabs ul.primary {
+  padding: 0 3px;
+  margin: 0;
+  overflow: hidden;
+  border: none;
+  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
+}
+.tabs ul.primary li {
+  display: block;
+  float: left; /* LTR */
+  vertical-align: bottom;
+  margin: 0 5px 0 0; /* LTR */
+}
+.tabs ul.primary li a.active {
+  border-bottom: 1px solid #fff;
+}
+.tabs ul.primary li a {
+  color: #000;
+  background-color: #ededed;
+  height: 1.8em;
+  line-height: 1.8em;
+  display: block;
+  float: left; /* not LTR */
+  padding: 0 10px 3px;
+  margin: 0;
+  text-shadow: 0 1px 0 #fff;
+  -khtml-border-radius-topleft: 6px;
+  -moz-border-radius-topleft: 6px;
+  -webkit-border-top-left-radius: 6px;
+  border-top-left-radius: 6px;
+  -khtml-border-radius-topright: 6px;
+  -moz-border-radius-topright: 6px;
+  -webkit-border-top-right-radius: 6px;
+  border-top-right-radius: 6px;
+}
+.tabs ul.secondary {
+  border-bottom: none;
+  padding: 0.5em 0;
+}
+.tabs ul.secondary li {
+  display: block;
+  float: left; /* LTR */
+}
+.tabs ul.secondary li:last-child {
+  border-right: none; /* LTR */
+}
+.tabs ul.secondary li:first-child {
+  padding-left: 0; /* LTR */
+}
+.tabs ul.secondary li a {
+  padding: .25em .5em;
+}
+.tabs ul.secondary li a.active {
+  background: #f2f2f2;
+  border-bottom: none;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+}
+ul.action-links {
+  list-style: none;
+  margin: 5px;
+  padding: .5em 1em;
+}
+ul.action-links li {
+  display: inline-block;
+  margin-left: 10px;
+}
+ul.action-links li a {
+  padding-left: 15px;
+  background: url(../images/add.png) no-repeat left center;
+  margin: 0 10px 0 0;
+}
+
+/* ---------------- Messages  ----------------- */
+
+#messages {
+  padding: 20px 0 5px;
+  margin: 0 auto;
+}
+div.messages {
+  padding: 1.2em 2em 1em;
+  margin: 8px 0;
+}
+div.status, tr.status {
+  background-color: #c7ffc0;
+  border: 1px solid #89d47f;
+}
+div.warning, tr.warning {
+  background-color: #fcfca7;
+  border: 1px solid #e1c46b;
+}
+div.error, tr.error {
+  background-color: #ffcccc;
+  border: 1px solid #fb6b6b;
+}
+
+/* -------------- Breadcrumbs   -------------- */
+
+.breadcrumb {
+  font-size:92%;
+}
+
+/* -------------- User Profile   -------------- */
+
+.profile .user-picture {
+  float: none;
+}
+
+/* -------------- Password Meter  ------------- */
+
+.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.82em;
+}
+#password-strength-text {
+  margin-top: 0.2em;
+}
+
+/* ---------------- Buttons    ---------------- */
+
+input.form-submit,
+a.button {
+  background: #fff url(../images/buttons.png) 0 0 repeat-x;
+  border: 1px solid #e4e4e4;
+  border-bottom: 1px solid #b4b4b4;
+  border-left-color: #d2d2d2;
+  border-right-color: #d2d2d2;
+  color: #3a3a3a;
+  cursor: pointer;
+  font-size: 90%;
+  font-weight: normal;
+  text-align: center;
+  margin-bottom: 1em;
+  padding: 4px 17px;
+  -khtml-border-radius: 15px;
+  -moz-border-radius: 20px;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
+}
+a.button:link,
+a.button:visited,
+a.button:hover,
+a.button:focus,
+a.button:active {
+  text-decoration: none;
+  color: #5a5a5a;
+}
+
+/* -------------- Form Elements   ------------- */
+
+fieldset {
+  background: #ffffff;
+  border: 1px solid #cccccc;
+  margin-top: 10px;
+  margin-bottom: 32px;
+  padding: 0 0 10px;
+  position: relative;
+  top: 12px; /* Offsets the negative margin of legends */
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.fieldset-wrapper {
+  margin-top: 25px;
+}
+.filter-wrapper {
+  -khtml-border-radius-topright: 0;
+  -khtml-border-radius-topleft: 0;
+  -moz-border-radius-topright: 0;
+  -moz-border-radius-topleft: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+fieldset.collapsed {
+  background: transparent;
+  -khtml-border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+fieldset legend {
+  background: #dbdbdb;
+  border: 1px solid #ccc;
+  border-bottom: none;
+  color: #3b3b3b;
+  display: block;
+  height: 2em;
+  left: -1px; /* LTR */
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+  line-height: 2em;
+  padding: 0;
+  position: absolute;
+  text-indent: 10px;
+  text-shadow: 0 1px 0 #fff;
+  top: -12px;
+  width: 100%;
+  -khtml-border-radius-topleft: 4px;
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -khtml-border-radius-topright: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+fieldset.collapsed legend {
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+fieldset legend a {
+  color: #3b3b3b;
+}
+fieldset legend a:hover,
+fieldset legend a:focus,
+fieldset legend a:active {
+  color: #000;
+}
+fieldset .fieldset-wrapper {
+  padding: 0 10px;
+}
+input {
+  margin: 2px 0;
+  padding: 4px;
+}
+textarea.form-textarea,
+select.form-select {
+  padding: 4px;
+}
+input.form-text,
+textarea.form-textarea,
+select.form-select {
+  border: 1px solid #ccc;
+}
+input.form-submit:hover,
+input.form-submit:focus {
+  background: #dedede;
+}
+.password-suggestions ul li {
+  margin-left: 1.2em; /* LTR */
+}
+.form-item {
+  margin-bottom: 1em;
+  margin-top: 2px;
+}
+.form-item label {
+  font-size: 90%;
+}
+.form-radio {
+  margin-right: 4px;
+}
+fieldset .description {
+  margin-top: 5px;
+  line-height: 1.4em;
+  color: #3c3c3c;
+  font-style: italic;
+}
+.form-actions {
+  padding-top: 10px;
+}
+
+/* Animated throbber */
+html.js input.form-autocomplete {
+  background-position: 100% 4px; /* LTR */
+}
+html.js input.throbbing {
+  background-position: 100% -16px; /* LTR */
+}
+
+/* Comment form */
+#comment-form .form-item {
+  overflow: hidden;
+  margin-bottom: .8em;
+}
+#comment-form .form-type-textfield label,
+#comment-form .form-type-item label {
+  float: left; /* LTR */
+}
+#comment-form .form-type-textfield input,
+#comment-form .form-item .username {
+  float: right; /* LTR */
+  width: 75%;
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+#comment-form .form-item .description {
+  font-size: .75em;
+  line-height: 1em;
+  float: right; /* LTR */
+  width: 76%;
+}
+#comment-form .form-textarea {
+  -khtml-border-radius-topleft: 4px;
+  -khtml-border-radius-topright: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+#comment-form fieldset.filter-wrapper {
+  top: 0;
+  padding-bottom: 10px;
+}
+#comment-form fieldset.filter-wrapper .fieldset-wrapper,
+#comment-form .text-format-wrapper .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+#comment-form fieldset.filter-wrapper .tips {
+  font-size: .75em;
+}
+
+/* -------------- Other Overrides ------------- */
+
+div.password-suggestions {
+  border: 0;
+}
+.ui-widget-overlay {
+  background: #222222;
+  opacity: 0.7;
+}
+div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
+  padding: 1em;
+}
+#forum tr td.forum {
+  padding-left: 35px;
+}
+
+/* --------------- Search Form ---------------- */
+
+#block-search-form .content {
+  margin-top: 0;
+}
+#block-search-form .form-item-search-block-form input {
+  width: 70%;
+}
+.region-content #block-search-form .form-item-search-block-form input,
+.region-footer #block-search-form .form-item-search-block-form input {
+  width: auto;
+}
+#block-search-form #edit-actions {
+  float: right;
+}
+.region-content #block-search-form #edit-actions,
+.region-footer #block-search-form #edit-actions {
+  float: none;
+}
+#block-search-form .form-actions {
+  padding-top: 0;
+}
+#search-block-form input.form-submit,
+#search-form input.form-submit {
+  height: 24px;
+  width: 14px;
+  overflow: hidden;
+  cursor: pointer;
+  text-indent: -9999px;
+  border: none;
+  background: url(../images/search-button.png) no-repeat left center;
+}
+
+/* -------------- Shortcut Links -------------- */
+
+.shortcut-wrapper {
+  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
+}
+.shortcut-wrapper h1#page-title {
+  float: left; /* LTR */
+  margin: 0;
+}
+div.add-or-remove-shortcuts {
+  padding-top: 0.9em;
+}
+.overlay div.add-or-remove-shortcuts {
+  padding-top: 0.8em;
+}
+
+/* ---------- Admin-specific Theming ---------- */
+
+.page-admin #block-system-main img {
+  margin-right: 15px; /* LTR */
+}
+.page-admin-structure-block-demo .block-region {
+ color: #000000;
+}
+.page-admin #admin-dblog img {
+  margin: 0 5px;
+}
+/* Fix spacing when Seven is used in the overlay. */
+#system-theme-settings fieldset {
+  padding: 0;
+}
+#system-theme-settings fieldset .fieldset-legend {
+  margin-top: 0;
+}
+/* Configuration. */
+div.admin .right,
+div.admin .left {
+  width: 49%;
+  margin: 0;
+}
+div.admin-panel {
+  background: #fbfbfb;
+  border: 1px solid #ccc;
+  margin: 10px 0;
+  padding: 0px 5px 5px;
+}
+div.admin-panel h3 {
+  margin: 16px 7px;
+}
+div.admin-panel dt {
+  border-top: 1px solid #ccc;
+  padding: 7px 0 0;
+}
+div.admin-panel dd {
+  margin: 0 0 10px;
+}
+div.admin-panel .description {
+  margin: 0 0 14px 7px;
+}
+
+/* ---------- Overlay layout styles ----------- */
+
+.overlay #main,
+.overlay #content {
+  width: auto;
+  float: none;
+}
+.overlay #page {
+  padding: 0 2em;
+}
+.overlay #skip-link,
+.overlay .region-page-top,
+.overlay #header,
+.overlay #page-title,
+.overlay #featured,
+.overlay #sidebar-first,
+.overlay #triptych-wrapper,
+.overlay #footer-wrapper {
+  display: none;
+}
+.overlay-processed .field-type-image {
+ display: block;
+ float: none;
+}
+.overlay #messages {
+  width: auto;
+}
+
+/* ---------- Poll ----------- */
+
+.node .poll {
+  margin: 2em 0;
+}
+.node .poll #edit-choice {
+  margin: 0 0 1.5em;
+}
+.poll .vote-form {
+  text-align: left; /* LTR */
+}
+.poll .vote-form .choices {
+  margin: 0;
+}
+.poll .percent {
+  font-size: 86%;
+  font-style: italic;
+  margin-bottom: 3em;
+  margin-top: -3.2em;
+  float: right;
+  text-align: right;
+}
+.poll .text {
+  clear: right;
+}
+.poll .total {
+  font-size: 95%;
+  font-style: italic;
+  text-align: right; /* LTR */
+  clear: both;
+}
+.poll .form-item label {
+  font-size: 100%;
+}
+.node .poll {
+  margin: 1.8em 0 0;
+}
+.node .poll #edit-choice {
+  margin: 0 0 1.2em;
+}
+.poll .bar .foreground {
+  background-color: #666;
+}
+#footer-wrapper .poll .bar {
+  background-color: #666;
+}
+#footer-wrapper .poll .bar .foreground {
+  background-color: #ddd;
+}
+
+/* ---------- Color Form ----------- */
+
+.color-form #placeholder {
+  position: static;
+  width: 195px;
+}
+.overlay .color-form #placeholder {
+  position: absolute;
+}
+.color-form #palette {
+  margin-left: 20px; /* LTR */
+}
+.color-form .form-item {
+  border: 1px solid #fbfbfb;
+  margin: 0;
+  padding: .5em;
+  position: relative;
+  max-width: 350px;
+  -khtml-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+.color-form .form-item label {
+  float: left; /* LTR */
+  font-size: 1em;
+  width: 150px;
+}
+.color-form .form-item.item-selected {
+  background-color: #eeeeee;
+  border: 1px solid #cfcfcf;
+}
+.color-form #palette .lock {
+  position: absolute;
+  top: 5px;
+  left: -20px; /* LTR */
+}
+.color-form #preview {
+  font-size: .85em;
+}
+.overlay #preview #footer-wrapper {
+  display: block;
+}
diff --git a/themes/bartik/images/add.png b/themes/bartik/images/add.png
new file mode 100644
index 000000000000..e1a2c398c1ae
--- /dev/null
+++ b/themes/bartik/images/add.png
@@ -0,0 +1,5 @@
+�PNG
+
+���
IHDR���	���	����_�S���sBIT��O����PLTE���fff��l����	pHYs��
+���
+�B�4����tEXtSoftware�Adobe Fireworks CS4�Ӡ���IDAT�c�a`���
P�F�&������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/buttons.png b/themes/bartik/images/buttons.png
new file mode 100644
index 000000000000..5ef49fd5acda
--- /dev/null
+++ b/themes/bartik/images/buttons.png
@@ -0,0 +1,12 @@
+�PNG
+
+���
IHDR������P���7 #���;iCCPICC Profile��x��Kh�P���)�������B��%>ЊP�i�֑q��"�4sgM31��HA��Z���*�B�Pp��B�kQq�"�B7R��&�L*V/$�r����US�cE4`�λɮ�v����xU�A5�R��'�}�V>��P�e�IƊ����m��K�b�������yo5.�F�l�[%�W�ɼ���dc(�&;�F�'�A�A^�
�`���3��6jr��2Nd��hde�Q�n�M�<%�i����F~�Y�ƕ��k�E/+���Z_�5�+���-�Ϥ?�v��l��S����C��s=��0s�T�u�T�����eܢ�ea�+ �7����9Z���|Up�s�_�.��?����g"��np��)���9�]3;��6��v��G+�n�hn�R���.Os�'ܢH7c�*p��Z�{��{���"焷{���t���D3�����ɍ�{sO7���T�������w�鳭8�Ej"u�`������G�<$�xŃ2�o?�ڗ �Ӟ<��IM-�����IV�3C�Y~��2�:j�8��ͳ��s�6�64$х(���EzL*LZ�_�j���*-$ʻ,*��{>�{N���2~�q�4�#h�;���F���ѿ^�/4T<#�Q����qefY���(�˚���m��B��a^AO^Y��.c_�/{4�C\�O���LMd<ٵ�H��&�|s���/�>���z����~q6\
k���`Ҳ��䍐.<k��U7��j����KmS[�N��T��w�rV&N�n�է؃���VN�2[�~1�/u	[����h��eLK����wH�/�
�
|K;;���	pHYs���������IDATx��A��D��8��8�
��pܽ"�#ܹ q��&����۞6���$�ю�Nʼ�����3>�<� ���H`c�@�����@���	�@ng�@�P�� �@H6F ��*@��"����@@B ��]T ]�!���@h�@���
+�#@�
 ��tP�tac�� ��@��.*�.l�@�T 4�� �E@҅� ��
+�@���@��1B�P��� �@H6F ��*@��"����@@B ��]T ]�!���@h�@���
+�#@�
 ��tP�tac�� ��@��.*�.l�@�T 4�� �E@҅� ��
+�@���@��1B�P��� �@H6F ��*@��"����@����of
+�8��a�[.��z��sK�Ⱦ���ŏ�V<����D�v{�]ۛd�?�)Ƀ�lC��^���#��ø;֤Qj�JBO�/�z���8���,w/;��EҠ��3�G�x��9���9[���DD���&)����=Q��Op�'�1�e
+n��p�*^S03�K��k�3#����SX��La��3�&S�7OA�m���<�XJʦit��u��t:�{��,�
+�5.~�S�����Z������5�&����9����B���A����k��Z�%~X1�=Ǘ �@J�4k��E&����=��X�b
��5k ]k@�����2yK	ט�B:���3�����^geC?��SXJ�ٿ��/���L��7�{��),SX��La��2��5�eo}e�<E�ٶ-���6�x?޿mԡ��qM��c�g��b�5�������.�:
�����6�	�y��b|N��n����������pq���9�4m��۠�6�5�%�$�����
���V�{��±�yK�Q�4b3�4���uގ�u��ϩ�zO?�����W����.,���U
�1�-���\^��H��p�P|P�{n��}Hva���Qf���v�X�by�],!7�����q�������>�xXQ~�9�3�n��b�W��9m��Z���@�H��?�Gj"��3�?�5�x�q�/�b϶�}I4���J�\�}�O	d�k=Š)���`��?��R��[�<�Iڇ�Y1�`&���^;�De�nw����e?�Sp&q$��Ư��~���Q�����U���I%�#�e�m�/��8����Tj�<�?�)�&���L���QP?KX)�6�m�wl],�0��%"������<���G?�G����9����q^$�����ؗi�/��>�$�#���2��w�-}��W�@?�G����9����R�߶m�#!D[$�k�E�L �����6�����_O�7�C����{}�������>��u��A?�D+���f�%_ˇ�ql��_;�Di�IӠ#5B?����u
$��{��l�[t+��m�}و���g�������4ܙ~>j�\�Š_2��h�ȴ�*���?��?�ǒ@=~�	$z����kq�����#`�޲��5���ďI�>~�'Y�g�T0{x$�:EUZ�Q���%�����a_�G?�@�G�x��9|��ouV&�v
+"�c�c{��R����a������)�����?k�_0�]�H�G���C$��_T� ه=~��<�6�~�����~�0��B��3��G{]�(	�R�����:9�/���~�`m�/�����OpX��y/�.��?ҩT�������XY'����?^��j'w%~������d���Vm[\�ͥ>m��׶��/uA?K�I��%6����{��q(;����B�U��e?��<�.�)�|�e���#~������p<'���v8'�sf�T_/�GM(1}���|,�7���?��|"����<ď��?�
+$2C��|ʤ�z��M�s�	#�O{�����?�m���������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/comment-arrow-rtl.png b/themes/bartik/images/comment-arrow-rtl.png
new file mode 100644
index 000000000000..55250f5941b5
--- /dev/null
+++ b/themes/bartik/images/comment-arrow-rtl.png
@@ -0,0 +1,3 @@
+�PNG
+
+���
IHDR������(��������sBIT��O����PLTE���������������Ҙ�����tRNS�����������	pHYs������~����tEXtSoftware�Adobe Fireworks CS3��F���XIDAT�mѻ�0DAJ��G4@�M���H��t>��[������p8���p8�)m�c.�'<<�hrZ7Ќi��DP�P'�����QD��	rL����IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/comment-arrow.png b/themes/bartik/images/comment-arrow.png
new file mode 100644
index 000000000000..6242aa59e706
--- /dev/null
+++ b/themes/bartik/images/comment-arrow.png
@@ -0,0 +1,3 @@
+�PNG
+
+���
IHDR������(��������sBIT��O����PLTE���������������Ҙ�����tRNS�����������	pHYs������~����tEXtSoftware�Adobe Fireworks CS3��F���[IDAT�U��� �P�C*P	i��{�D�p�a�?3w���G��+"""""""""""""""��lȱ^�'�p�i�i�e��HT�k����o�u����L������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/search-button.png b/themes/bartik/images/search-button.png
new file mode 100644
index 000000000000..08a28b270404
--- /dev/null
+++ b/themes/bartik/images/search-button.png
@@ -0,0 +1,3 @@
+�PNG
+
+���
IHDR���"���'���]TjC���tEXtSoftware�Adobe ImageReadyq�e<����PLTE���lllqqq������|||mmmnnn��������ッ����tttppp���~~~��߼����������䁁����������zzzsss������������ooo���������������������������������������������������������X�����IDATx�|M	�� ڻ���/���ے,nww��d2Q�h[h�=��급��/�ғm	����C��gm,����"Sq�	$�DGx0;�M���Þa��)SĤ�
'�@#k��#(Kp���	K¯h)1��Ej�H�:������Mx�oH��e��ʟN��ӧ\N��G�g��a�{�g3oU�#W��~����U�"����q>�(DE<7��n�\�Ć��{q�ͥ�W)�,K�O��K����"/�U�1�d׋��$[�O�;*�|��kO>U�׻�ǻ����b_Ҡ/�W�A������U`�9W3�n���`�s1�y[q��Ï��p��`H�~���'��:|x��C�`�l���i�a��!	n�H'�R���X��=rx�Ae¯pMv�����E����?�P��o|0���8������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/images/tabs-border.png b/themes/bartik/images/tabs-border.png
new file mode 100644
index 000000000000..db0b5d0b58f3
--- /dev/null
+++ b/themes/bartik/images/tabs-border.png
@@ -0,0 +1,4 @@
+�PNG
+
+���
IHDR���
+�������;�=���sBIT��O����PLTE������x������	pHYs������~����tEXtSoftware�Adobe Fireworks CS4�Ӡ���tEXtCreation Time�30/04/2010 a����IDAT�c``������������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/logo.png b/themes/bartik/logo.png
new file mode 100644
index 000000000000..00c907322a47
--- /dev/null
+++ b/themes/bartik/logo.png
@@ -0,0 +1,17 @@
+�PNG
+
+���
IHDR���A���I���b�K(���tEXtSoftware�Adobe ImageReadyq�e<���IDATx��\kpV�>	�@�!	�`@�(TH4\F��BS�t��Ď�iE2�*8��iuF��Xd���a���pD@�k""�."�y�ߛY6��|	I�Cv���}�sv�}�}���"�\����[�w�]�:�e��߿���f͚y�Z�R�ϟ?�5o��kѢ���?z����2""��{���N�w��˗����O;\c�y�ҥKj<�>y���={V=���v��ygΜ�6l�(�Ƀai�M8�ϋ����k'�7 c⿈��^���z��P"h}[CI>2��s���&�H>�jٲeznnnJ�6m��s��h�>�|��Y�v9�� ���B�;wN�*՗���4~��B��YYY^�.]���&@�x�i�k�P�� ��5m�5Q����G��N�:���u�ر6]�v�ĥ�8))ilTT�L϶��3�`���1ɊDںukE����m۶̓)��S�{LL5���G]��~u@��.ҏm�)@�Ư��锓��z?��C-����z)))Ż�|� h�\&�$q�M-]�aj�ŋ�
�x�ĉ�yoϞ=މ'8|�����6
����E��q\&|������.6g�	�����o�3g��n����/�5k�(ΐ�M@��ԩ���
ƈ������R)?��C5?}�t�Ν;�1w���&M��XbӦM��ꫯ����z����.����E>��~;�	\�8#F?-��}bp���w#G��TXX�x�M7��p�r��MR��.����~��ˑ�'O�7�&t�N���w�	Q�}�e��@v���F���PPP����n��9z�>c@g~�����$�D��"��E�r��p�T��`N�'��h߃����O��ٳg���
_��zv׮]
+!E3Z4����h	}��ȷ�~;}��>.4zeN&(�����~g?~����ڹ���ݫ�ݻw{G��M�\*��2���Z5�СCy�}���îF��-�ϕ�Z1bļ�����;Z���Rpj�Kh�"YI���mA9%==�?�e}uu��+m2b4W��kC�<|��?��3� P\��Ǐ{��m�V�v빆�Bt�&����]x���d	��q��Z����AA~Ͱ�/))���w��|��Gۧ	TUUy�}���8m[����3��y�G��[^^����r\�\$��=�=s�̂nݺ9�iy�%���d�"�^3е�TV�0鮑�'##c4��w6�5(��쀩0�7g̘���� 6��رc��o�>%�ͷ��a[��s���
+3�NNN�u�����7?\�Y�����J&O�<�{���կ��T`!��n�ʴYe���F_Y��|��.�u��wڷo�9�q���
+���\'b��"A�j���r�]w�逵
+O�I��N.�V��.���-60ݣKK��Iqqq1�כ�w~��71Iݖ Hbff�kC���9�����|��N��+$�f �f��{fFK�聅�
+-y&�fY����_e���{�K����J�څ�C
+v�OB���
+���& �Mal���4u��" �������u@�ӧO�m�ԫW�B���+�tD�� !E�\}
+d�.�i��2Uߦ=�7�ĂD�J`�9r_\n`�(��OT-�;�:�5�o�Q�Cj
+���ےӟ�Rs�m�2DS`�c�T��
وm~�ۥa�����$0�����L��L�y�s��f�9��ڴ�Etz��g&&�zY��i<m-u��([��+?�;��K���\�)�\�}]�]e93dv�~�B
�ߋ��
�\m�����ccc�tw)(�]��/j������{���:�6n��f��s�t�B�b4�\ذ"F<��:�3]f�+ӿۈ��
6���у;}T��9?�l��59:_z����z�c������\6o�!��H�����U+�������kjj��ZЦC�}��%�"��H�
+t\�b��E0�f���Z�~�9'�vLLL�:*x�nx8Y'6[gn����~����I�.��ڜ%���o[,�
�@�)� �Dn��D��f@6-0�.����!i��	ɚ���ͺ�q>�2�
������l	�����a����m^Öe�0�\]"��-D�B|���N�L�gH�����1�MuM0lv.<��<�APuϷĕ$�ց��]�lSyY�5[*m�"}����Os���N�=�Dlex�(b��l�2���μ����h-`z�`+�Z��.�������0��a��t�l�~�i��q��8f��=x�~Ys`���2ca��W�&�L�t
��6#^�y ��t�2��WQ�_�+��1��8�޽{{Ç�������Y�~��j�*5an���NV� R��/�#���c
D�lw�ҥ��˾C�^h!uU����e�{AA�w�}��U����� ���ڭf���A�;�D����0977�+,,TZ'����2e�W^^��Ż5�Ĉ��ر-�1�[ߍ��EEEa����x��'���z�)W����R�x6��0O�8�?~�U�H�i�9R���=�	d��B�k�[�N�=z�w뭷^��h�^���o�Yi��իkk�\}����������껶��Q�Ç�D��9��]@x���>���T��o�]�ac4��4�=zx���W�)G�8U?--M	�ֱ*v�7�X����:V����b��̀��
�܍nh��;��/_��[�n�*�%$$x<���7k�i$Jh�6|�vv����b��0yQSh�<���相�>���,L��s��Ҝ ۿ��\ 1�� �r��Y
6�rGRR�R��l$72}C�����q��z�\�l��he@~?^H��
������>��s��O?UA՝wީ��V"�k�'��V��
�Յp���b���Ir�۪8��x�a���%N��������~�s����g�'y!�B+�r^Є��Ȏ��
+LF��g̙3�+..V;[\ujCk���<y��y�������6���G�f����w��|����H�G����Z�_�d����z+W�T}S+I�r�=2�����ӽ�k׆���o�����4��;w� ���¯@~%q��X9�O5MMMm�����…��Y).�'�En��O���f�Rs0`��o�����:w�C���І��*ݓl��$�Ioܸ�8T�^�E�-Z�T���;v���C]��lL�^�u;�L���g�V���ׯ�H�.a���B�7w��J͛D��#0��1�9�O����dJ�ڷo_��������۽?��۲eK�fjm���S^������IIIQ�)�0a�N}�<gܸq�sH��㏽�S���~_^�y����fl�� �jL6��*E�h\!�b�DFФFR��Q0N�j-���KJJԮ��e˼y��{���d);;[e�o����x��ZWI�9��,i:+V�(������}��?z
@���E�9X�e���Yp1�&'���z�������Q�F)M��4
���������Ե�s"4gd��вIlٰ�SIG�ct�<@�uFF�;�"ʯ�؞#�f�f>K�#�@�H\e���huu�P��6��k�ȕJש*I��˿A�o�A���&�H�+/&!M�?��I�\劋��ӭ$n�,���c�m��P��#���)�!�}������{%�W��G?�����j�w�k�M�_ԅ8�ې<YD�;���O��0�M�R~�.2h�7d�+���X�w�~z��mĩ'3tg�CJ.@/@�d�B�%"�iPH�H�$]jCjާiTUU���c��
9�_�ކ�;��\S��>/�*���ꖖ�*�%rqU��j�w��w�]L,��\�����X�ˮ8 ��!F���#�6]��1G�;�v8+���dq5Ym�4j8F�k����3&���/URŃ���
+L��M���-y�<��� b���IpZ1��y6�H㡢#�<���U��"�M�4A�A��υ�����G��
+�� �E]��`sp���S0�:.Ä����B��B��6Us	��'7dt."�#B���.����.�Q�p]t��� ǻ|yLg&�g���Y��=P����_ʷ���m|�~�!��.�z|��{��I�n,r����������� �@���VB��w*.Fem�L+�w�����~\���1��1A6
+1����N�:�A�m�`�D��D������IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/screenshot.png b/themes/bartik/screenshot.png
new file mode 100644
index 000000000000..5a2e58b70960
--- /dev/null
+++ b/themes/bartik/screenshot.png
@@ -0,0 +1,94 @@
+�PNG
+
+���
IHDR��&��������a̛���tEXtSoftware�Adobe ImageReadyq�e<���PLTE�����4��'''�����䴴�C�⼼����v���̬�����@��|�����������������������Ɣ����� ��������[[[���|||RRR�����qqqccckkk����ú-��JJJ:::BBB�ʚ����짣�333l�����������þ���Ӷ��=�޳�����"��8�����i����͓�����0�أ����ֻ������������ZW���&����������쨮�������(��ls�����ǖ�����<�㼺������𬦢�����������ê�咎���z���b����������������������������˚��������.�ٜ��������������������@NVtjg�����������ʞ��4z���������߲��*�����������J�������I]j�����ϩ�𬥫���Ck��������๸�2�Ǔ��������-��'��ilw����Ŀ�������ׄ�����CJTlptc[U��𐐐8�����oaZ|�����,��SMJ3�߈��2�����vri��������Ȏ���aim9;O#��mebIC>���ZQK�~�IR[2�����e]a)�������hhh-��s|�adofff�zr���-��tttC;=/�����MMM===-����0+2"(:���JEAwww666nnn8�с��YVS>87GGG...���������������������888��Y����___swwRQ`WWWYVb_]X?BO11=��������<���N�IDATx��
`�}7N
+\awق�p!���u���Ċ&'�喝?�eC�ē�Ď�زO~I#�'�đ�8nC�Va��)��.D�҆u6m�v��7J[��
+���e�T��x�:���;$�;q�D�%����������r�?�FW@�?�FW@�`�����'8Bk_���-j�[�R%�xG%��'zLJ�>q}�����|���}�O�����_��\�>}�~��;�{���.���$�B���[W/L>����"�>����y�'O/f�d�����N?�
+_�ɧ?���^���?���_��O`-?Rt>L_{zhZ���_��,�ҋ?�}�k?�ğ�xꗷ>x��>��'/m�zob�G��M�������<�kN�ŭ�����ukN-:��E/"�?*0�t��_�FҐ�����f�o��������uw.�s�kn]y���>��>2tL/}�g@�����ol��_/>������y��_���w�l���o�h����H�D���o}��Y�~��5�~�g��<u�����ŧ<wlDZO�`��,���G�D$��t	��_���ݻX�r�/w�|`�s�|��>��~��?2Ļ���n�>��`J�b��L6�/~�77�}��7߽��=/����}�K߽�ƛ^����}�Z��좹}�䜢�K�\���n|LJ���n{��o �n�뮻��7�2��b�$����^D����n{�����o����n��w������u�m�ѻ/y��vɒ��������/~���av`?gY�fw�x׋7�xۋ���ɗn�җn��ƧO��S�~�o�р���_���o�����s���� �
@��^~9�co��;����S����X��s�]ziݢ�Goz���;u�9p���rѺ�o��CK�'��I��דO~�ɯ��_"�ܜ/�����}Tz�ݿ���E}z���x`��ŷ���v��F��r��[���ѻ��'�l�h���_O�]���럻������Ú%�'ϡ��/��.���|��~��ǿ�䓿D��|��zmѩE��z����jѩ߼vt�ӯ�~�حO/:z��G��'?����y���?�����>��ϯ���_�ר��_���~����7 �w���߁��7o��_�v�o��]��w�=��o��7?������o>�կ~��_��g?uY������'�œ��0�E0}�_���|�͟��S��,L������?E����^�3��X��[���h��L�Y:��͋J.Q�{�������D��>v!}�[o�ya�7��K�絏]�t1L�����=����>[rv�^����kgk����E�g��;�U��<�ͧ����o�rv���\=��=�vTon�Y�skV�;�j�K�t���~�ӟ~��Cћ���!�Eh���s�c�����>{^��c�|�����0}����G�y�׎~�<z���O=w^�ѧ�x��*����G/�t�������Y�e��%U���ܝ������;�?�h��^P��_��E���zU��0���$�0U�-W�N�|�+w^���G����s��_���T�]Ǐ���S�֤�V���Bz�3L���w���*w�e��������r���cǮ_p�����V[���_w�J���W�J�?v���C�>���ǯ��ر�ǯ[y�1T	`�㫒.����S3xh������V�LǶ_����l��w4���;�������_�uw��t�Һ;ﻯ	��w.�q����r���������:a���t;�	s��_�g��Y�V޿�%����u��t璛�c�����w�,L�Q�G~����g`�厛�_Rxe�u�/|��?~U��0�)�4͓�m�	cE��t���,Xpx��+�n�uǠh����
+TZ	+��s��&L���?|���b���B��6U7�
+�v�p��9�;�����gN]�
+�ϯJ��م��;�������C+7|�����%�\y�%w^\���]��c.��9!��E�,����*8�
+���s5�͢Yomr%�!�\q��վ
+��^@e�\>%T�Bzr����h����j��0����*����'6[�^��c��5�����(��Ŭ�`��s��|mX	���c/���]&�]���;]}
��	]���+�Y����5p.��rS�NWz�Z����.�6=�k(]s��t
�k0]���	ӻ��|�`b�wM��&�Z>*1�jO�{R4e��åx+�r��<���6s�=��_f+Z���i�si���
+|Mk��
+�AI��֦��f��$:�ɓL��J`\���&�ἕj�g�:]і�Um�R�V�+d�*��\�b�%�-�N#�%�+q��L;	S-W�'����k����2{��g�Ns����LG��N�.�M�,����
+�	��Z������Jy���U,��_o����<��������-,���8��Π�����P8�2�4v`�킭�������[r�
+ƭ-��t�0!�0.a���l�Ya��I|�
Bv�2����1�K�����J���xs��mC��G_!�֧7ĉ� ����
+��q�/�[ڦ`�����̾g�����&����ˤ�l7�Bq'o�v�<nia���������t�_����V���Ǜ�}�_�1���������-����������o���_%����/ܧz���|�џ5�x�O�����s��?o����n+�Q�V-�?Qs�#�%��$��!��#Ai�r��m6�=��6���:�������䱾�-���g���h����J���S��6��a�a��wͬ�Ǽ���!$��^ם������sͣ�,�˾��~��M_��v�_���[{�
���/���]u�Ox��þ eO^����~[���l<�y0����Z�?�����um?���!�w���l����4���[�~~P���]��F�q��ݦ��X���7TٿY�"���)��5�������S�ww,�q��A[-���_o��o0m�Æ_<��Ѯ]!��`ߦ�]��L<[#%�8m�����C�:��]�;�������~���Y���&��/�=�s�Z��<�Y)����XW6u���%�[X���m����������M{����v�X�������X�
��������}��IqZ�XG'Y��a�/��l<�ĸ'��+t���'�O��m=������
luRQbm���������ߠ�U����L�7�P����l뀶z�׎��Բ�,��3�1���j��֪=4:�|�,�
D�3h��t����;r�<��=��V*ep
+A٠�e-r�N�=(�	��W�F���̢������_��)r��;bNr������@�dX�r��^�⪝>r�B��#��^�>}���
+ӻ����na:7u��:����nV��%�.L�h�u���枳Z���*;�S�QG���������ӳ���Yd�
+��4sv8��nb�6�">��:�Uk%�AدT��q�C�`@r$8�b���)t�Fp�o<���~�òc>�$�*.�y> P�w�$�����Vz���v�u�/���xn���1Q�}H,ڶ�����%�/�* �w����{�{}�-�5��������m���QK�br�,��wo�����ѻ8ڎ�m.�xۦ��p�'v��9���w��cS[}"qt�I�S�U�8=E����}@az�j��ゞ#�~��oy��։q�X�����ڬ��!k��S�:l-�Ǫ��x�q���b�1IJ-�<τ���|��.��䇮�=��"������*��O�\�$&hɄ�;�7��w��h!�a�q�"�/ ��b&�UXsŸ�	m.���#�ss_�	�I�E��D�22�~��T��F�sgI/]�������/]Z��K|>���@���,�9�ə��\4�ꦌ����z:��hҍF:]lh�F#�1�r:�RB��s�
���]6e"��Lsfci���-&'Ư��%�i�)s�����dL���à�.�M�T46%��d6j�������j�F��J��L&�����@k9�l��6>���90�K�i`BT2qlT2eL������q��h���h1eL9��k�VZ�L蕵��Ҥ5����u>K�"s&X[Z�*�:�p����dAO^���ɜ�1D�t���4ҖtZ�,��̙�>_+A]��TRs��h6��!���z���r(Yf�������ev��W�;�I�	])0q?p��qH&S�J��)�I#&$Wi�F�ק@&�[�ȓ�d1�� �dQT"HAcҦ�y0��-R��0/��S����S+Z�{��-�]6���ݧW�M1�)*�����T�8dJf��5F�:$xʚR�1�5�$���hB
+�1� l����V��m��	S�|�8F��`Oz~`j/�>%���6���OI%�1|M����w�M1�%��
+��	������)j�0#)kI�^�i4�IM����@�/��<TP��F�T�Rʆq$�O���
+j�"\Ic�`Z���yo8�K&\q/F���ضkp��	],��J�7�}��|��������D#�����ʌdԨҩS��5e
`�C5C>�O�?!{w�^�Ѵ�&��>oB�M��-��4�.|��Sӝ�GA�&�ҥj��d��9�T�pP!��6g,��A���!�I��P+��$2��|��zZ��ˁ��Z-����t�l6�˃��NU���:��㯜R��&�M�N��n�u
[�][C䔰멷��֋a��2���	S���-�&L`��f%�_��!�K�j�D
�%����I}M��e��K`������BA�V�5$w��>'m�g@�m&�)�P�7�s� cf�Zy�QX=�v�<�
z�g���Mn��`�riP6E$p��!�R���t^�f�F(�R�\Qt*�ZgЃ���^Ge@y6�Wj��LiίG���J�#��y��#�si���6��z�n�
�s��f8�	`*�bɁ}3���N$9IJuɼ.�J��_�P��T��L
+QTH��DԆ�L%���-�Rz%��&'qҜ(�@��b�ZU�7�֝�H��뚚�+!k]�q�&��lA�d՝ׁ�e�jx�b*���
Dr`'�JM&!���$Av2B��/%+�
�e�6����Rc��f�:���&�����Y
+���4��M�a��t(�-Z��6������5pS*�U���?F ]
+x�K��v;��1��Pz� )�Z�7"An:J�<�VZr%~AbȈ����ցV,~�}�=�+�r��ue\e��b65��)�`��Ԕi�)�0�RY�E�Nh�['�6�\��&`$;�:�� �#�0�%��"j��ݮH^����)q���Ԙ//��O;��V������#�W_�
+��5���(g��"C�[���Z���E�y4�,`T(pZ)0�e�E�.��2N��],
+���$�d�f��&eH/�7,E�Y'r(��<Y����}S��֨oOׁ�ذd�=�cB�}��T��T�F�H��8��L�d |�4��,�D��/�I-���E
�P�*�*�$Q�@��Ψ?�G������S�;�r�z���]	���!+ơnj���u�g^W����:�����{~�z���ʞ-QV�\���M`�T�BjC� �B\�Ĩ�d �O�E��+�y	Q��H$>\���_D�]�PX�l̀,�,9�>��QFd�҉�����߉��^�h���x�����(���z�߉n����J��rH�2(��RlF�`2����!m-74�/�E\��h�#���>;J6�����}N�/*v�.I!c��Џo��X�.q��_��W�.��G��e-�'��z�aZ.���! �f�ȗ*8���N	��F
��d��3�X�9�Q�o�U�@�G@15,&K]�Q<��A�(}���%1�(�i�	W��0�s��EJ�RE`UKR%O����7�o�L�5L�F�T,��1pSɨԫá08�J}�\2�9f�d2����1�#*YX�JBh�W�h<�G%>�DH�ƒ1�<���
+��'@i�#W��܈RY������$�����ൾ}��4MٱlM$���[6
+�%z�('P+--�Y�ISA.�������M���K��r�1���A1���n��>܋��4����"�S�e,a�;Œ�d�er�<͟/��{�]�W���F!������LFN5I%��^	0��5
�u�`�REd��R�	A8G��@��*.	NIy�W���h��CaU$���M�܌FN��F+�N��?o~�[�4zBW*ds�T��(d�P{I���*k��%�A�B_�@i'�|�]�j�J�C
+��]<�0.wX�	�P8��,f�@��dQ9�5X:��:�B���?��/�T�'��z�o��%Jfʙk�b��ϣ�Zn�E�Gm&Jˎ#�[N���0�N3�)�˯���z���'�8�<����4�T7��b
+`*�͙RQ-���&s&���u�(�?B�彍��"9��
�R���8+/%�ْ���%t�Ҝ��H��
�����n�Bt�"C2J�
+��$���:_���O��yA,��3�)�kE?�q��N�̜�c��|r��[�\��V7�j�V� *��`�jj���$KF�QH�R�SH&O���4�¡���~�F
+r0��(��z)���������lSX u�p����2��)���4Yu�[��52����R��D��-��y;�J���bihP;.����5�^�
��N]�g�E�z�x�)I��^�`�d(�
+�U!*>��o��U8�:��Q1�IG�S�8Mʲ�T�l���(iTD'��YM�8����-�r�~��sz��5Ln3�z#��d�(�]+�����C��4#�����:�
+b��E���D�E�������d!�$w���8�8*�)L��I�
+���Q�@
}Ee�QaM�l��-�i���_L�� �DϠF��L1��r�d4곅�FG`Y�N�_��`r��J�a����T�z��E��"C��T�$�a:�b�X��MLX����=S�J�A���$�5f�ɢQB2LY��7������ں�����xQV�S�dQ���t�p�Q0�*�����b�"���f�b����P8�>�O����S���t���q��<���
+�ҸG�1�fs.��
+��[rD<��5��7F�&��na���w�]k�Y�d����rԼ���4h\�j$t:�Y��z]v���%tc�?\���p<(�H���x<�0�s8��y��D꓈��EB�!Rj�Dž�F��[�g,��YRVS��|y��_(��ҭ$���d8�Bu�=��D�������Q�t��hDyB��㰅ky]^�WY
+v�K4;R�#���Y�ٽd��:,��RPI@�f��$s�R>���^La���bI]���S�K�"`Ω��?_�n`�Q,��f/���j��Y����+O��ku��B�V. �
+�B�N�K��9��H{,e�T9�R=!�[@�
u��%)j
+vD����K͆�� �q��#���\��i�٘N��v��*��q����^�����2����
��^�
+w�f�f�8S4ʚA�-�$�թe!]Mm��%�h��%�$]L��4��	"�H��b�w��8�9�ʥ�ZZN�v�D�n���<�Cn*�Vf�3�X��DE>_?O*��iբi%�ڲ�Z�j��߂Ʋ^i��m�ߜ�d�!*)�5�pA�U�]��Z=���pV��JD~�8���ΊQB7 �|N1.M�.ik�3��ENQb�E�Wc^�%����ْ3�J;��"8�΀��yS�����<�ކ����I�
����W�o"�ȕfa��4�Ʉ:���)U6񗮠���$0��Q���}D�^�D� ���]Q�M�R���@��"�H�TcϪ�2���lΜ��d"qګB�AQn��7�c�`�ryz�|��̳�N��|�B���'@ݩ�)������v��. v�h���#��G���x���Y
�T@�	
+�.:.
�b	��Pg1����������p��5#I}�3
+B��}�>��\7��:WK��ZB"#2*Bz
ꂩ �h��"�W}�D����q��&�	�p��=�ȫ	�sI�z̡pb�N�R�d�Y,�L�(�wR�0(��F����&��Bm*��+23c�\���!�(шL2B���B�Ԕs�p\��20S�M��[�������<I�Z<�:��%+G.�2A�	;(uZǷdL�"�KY��e�L�l�>���I��=L�:�!0�Td��LC�gu2ZD���O
+&y�r
+%^�����!����C���q��`��Y��(o$.Uj"t�)�E��<�Np?�,��&p.�3��\ܥ5d��)"S�`p�����R��Ũ1L33��		jk�O�X�Ma�k��&p�����9S�lq��<�	���$�Y���_(	�m��!��(�7d%��-3e��J�6��EF{���<���<�m�ɪ
+�Z��2���s�)7Q(���S��Z.7�)�+��mJ*�}1����z�&��#B�x2��O�d�wH�B:ڨ�Յ�Y$�!v��3�o*��8���:bZD�!P�/�I`�l��f{�|�@Ը����^nW*�b�R���ZUP�IV��_�$D����\�ѥ�`��>:�N-UHi����:*�KSϓ.CRj�E뙌�S&!/R��M*L��d�“�o:��Vk��馳0aSxĄB_K�H26,�ј��6%�ǻ��Y������'
���Pp��k�F�Q�'4������)�,�)6�jyHU̫3J�S����P(���F)�S��C��
+� B��k7���ᬂ�ʅOŢ�����^2)��	���L�Z�J�z�2#GX�dB�9�H�M��Y����h�EC�.�J�<�ɍ�@=Q�ņ��\6��`���&3�
+fs2�f5f�&�%���9�C��44ZXW7�N�����%P<��8&��%����x��׆��2��T��u�P�\�ޚ&/��-�F�����N�3�u%�5��(@4��R!.a�'\i�y3`�i��)
+��Ϙ���������c�g#������Yww���$��T�r@�fJ�p�^G]���0��_,��"�|��@�4����f���a��L5��,OΘf,�L����p��S�y�t)|h��W�����i���]�e����ġkV�i��n9bh=���u���tkKw����VE���o��Bɬ׀
+������&/�A)�C�RY�B�BiM`*F�A�T*�Y}Q�4�jԖ��P-�gL
�G�['Œx���p�n�H8iw�dʘ�!%#U��M-#��Z�[��c�۱x���;v�\i[�r�1D+w�8�nu��a��\.�Θ4ZJ�(����tdHCAl(Ө�s��J�٤Q�
�|*9;6%�T����hΓ���b�� ;!�L���hm�R���X��G��1��G[,��MZ\�5���;��������ݺnݢu�[oݱcǺ������v_&�Le8K7c4fJf��m&�2$�FqFi7[3A@�X	�y���3i%Dr0u�$j97B��ӫ�铛Q�oFFÿxj�[/$M4�����.j��Pd(�'K��mmi=Ҳf�Ň�g���/X�fC����Օ�r���Ӈ.��R'���v:р�����وZ)ȳ55�6��t�`:�N�F�*�†�A%�it�|�")\��)���D؛��3YGPRQ�qQ��g�K�
+P �93�t�$�yT��Cݫ�[ZZ�[�--��
+���d��(tk�h���K�t���^��$4�ɘ� #��W���F���Sy�
+'���O{��Z!kP�;��+�}~i<f31��R!NL0�>�q*�ʌ�R�d2*oD�C�<�)/E��9˼��ڡ�C�Z�n�V+��6Z������g���R0���T	��?z�\�)j����yC!u*�*�].�E�v�b����>\DG
+ʬN�ԩU�8�����N�\r�*D)����e'p\G�����!7%��1�~7A��M�Zm]���u��5�/^�X���'Z����
kx�Y��`�\���R3�HZ�gɬL&4ju>,�(" �1�#����5b��S���E���R�T�d���fS!����y������)�f�AMN��^ ��C��9����4�Ea"�?_������Q��E��A�s
+{|n�u��u��Jw��K����r�3h4aCO�$�(ZF�e2C6�4���mwav��P��fAW�la*�Wcv��`�G�	`"Ri�%�Ӹ������1�И*������̌)���d��?o���7��rl�;�=���v�`dž��h��c�wF���ab��uIi��
ˌ�ō?qe�Hx�Pk4�ru�M~���z=eЫC�!��}r}4.Ń"�ݐR��u��'�%��JU��L(��}*4N8�	��[�-�€�3vd����A��W��>��=�x��U�K4g�\&{�E�4�Tr��R3SҨ"a�\Fe]uV�Wx`�H1��h��B��y^����H'�*�<��}Ҩ;lȪ�>_#����Xl�)Q�X�7)q�p��B8"S��
���Љ�C��W���n=a�>�����b��݇N[�C6E��IewR��A(b6�4�|6R�Rj"�.$��Z-�W���Sv;�s�{�j}"�
+:"<#�*Q�y�五\f����dJ��$bg���̘��KJ�����k@���?#��O:/Ipx����ĉ���C֋���I��_���ΙM&~:��e�Y�[��2��T��U���^�>�L&�����(�s5�q�Ƞ�17&�{�yP��|5��;b3�O)��2 vy��y٬Ke���o�Z��e�R0�s3~Q�L�kY�>L�K���7ty)�PH�s#5���(gjFT�(�t�5
��q����:}�ϧ�����(�+d�r�aF�J��T�e�Bc�T���a����
+;S(@;c�X7�6R�|!�7���1����lR2�*�F�k�FBce�@�b�ȫLcL���tJ�4�C(�iZV2��p&c*•�i�
jp��K�lҸ��$�Q^��&�A0��7(!>�%�%}�v\�$1�1�]f�4@�'
I�Y�Q&47���PCC��”�s�L�nv∢b?钛d(��YJ�p6��)��A�����x��?
+�ªXaE �	��|دD0���K�߬4���TAN�L��	4tN�V֒�"׻��g
�t���	wD��0�K�@�4����b&_4���TCUG�S.Cbt6�ˀ�	��G�Zm<����z�5�mϡ#����by�AI�ԢY��Mi�!^ѧ4�yf��H�.��5�
(�F)O�HU��uQ!yDWl���R��ْ��^� �b��RQ�����R�I��R��ӌJnPE"�S�����C��'���Ȑ��ϻb�t���Q͕Js#X��?jI=(!
�ZCCYk�@dV6�*��h`�����#CTA�2X2�47���iW̕�����K�~*�4eL3&)�P��c��M0Lb��]7�8��K�!L!���r�Y�fa2�jh�Y���c�&4�M�ll�zu����.����R�+�A�)�f4��	Q�U�X���3͹�Ԥڮ����^�R�#LG��4���x�S��İ�a���z����se�fG1�ˉ�I�Fp��h�"4OF����7�
y]�`H$�ƒ!��'t�Fj��>��Zp�[y�z�RjN1V��F�GW��I�!��|��v�{�r�yx���aO�a�b�X�7���<�:؂�̟�r؉ki�4����\hhj�d-���|"aH��
e���H�Sr�^�	D�:R(�9�u�)W:3��e#2��ZN���<N���4|.	�oh�r��V/��HA�G�l�O'yh:0���
�mdDN"8?�F��l ��z�i�4i}��,d��D-�J��5�Z̥)L��,�t�4;����Q�
+��|:3hy���KrSC0�T�S5n
+��k
�FIY�|�C�0��"h����Q�9Q
�I�J#��N��J�.a��
nB���8�4K�9����p�f��k���(�Fظ4q���6��g�
+�D̈́��p�,i�=��H+�i4�Z<%M^_+5F���)�ٹ�Re 8�u|e�\�\��Zb:e�5�˳����m�Gh�B�Y2�AC��L ��RaX�ڡМ�p��g�d�Ye��j�-�3�\ݢ,֍>)/!�r�ȕ·��U�б�L��͞�'
N�8��u'5q͎�%3��#.Y;3c���	M����4M�M��H�y9%T)����8�t��T+E�򚾖�7����'�O��;(���*Q�{>K�m8OSS�I�\��A��t z<�$�pL	�!�<�L���)f''��J�|��_��LYMGM�y��K%˜Dԛ=�����9ǹEss�OPRzC���Q�U)xl�ߙÁs�>�pJ�Wɜ�p�T,sV0��o���|�h빯�*}�$D�Y6�w9�9"R:��/5��HQ�|�H�-��SSA�D2���8pS��r:��o��3�\yP���Л)�
���ڔُ��D�%q�
+Z�Ģ9�NM3gTf#E��Ѩ��h0���-�����B!��80+O��J�N��ԋ(�)I�h��3J�i�����jKeS	��u^L�����V����V.�H�+�J�#���
+Q^Y5�)RP8��hŠ3$kz4�%r���G�4�g�.���'O�kjeB^�Z���U�riA(��Yo^�*���<���@�%N��`Prӣj��/�d2�O�)0
h���̑R�O�
+�p�
++���h�L���Pj
�~7c��UMWL��#�ёI,D�H��ch��t$��}��9F��	˄sΥR_�u&�i]R��5Q���d^�$e�.B��pS)m:���hd���ٜ�����H�H���(��>_0.�K�.�����L�d�a/�TM�m�F�r���:�
+MoA.;�wBÀ.�s��*57��V6�OX,f�<$K�-��^�'D�C,�qF�2�J�N�PCћ��P��9lzN.�8��)�K�4E �ES����.���៛����H�`��	���\s�m4��b�zɂ��p���
ʚ<U*����x���\v�JY:3I�����ht�DL���EF+�h$�L&S�#a�����P�q�͉m�ԛ�6_P2��n����H$9v/E��q�Mc.�c��BK�����P����‘���LMI%�j���f�‰t�b��-��{��9r��~�:`���5���t
�%L�S���t�K�
����9�#Zi��y��L1L���ݿ�j�����x�=�y%|��#�\�$[����*�Y\?@01����U��,6|?���g�g����Էa��0ʎ�\�`��,�=3�b�M;Ox6����J�9G�z�����bԶq-'����y@ e$n�����.30��|�h����%�p���)��P�ξg�}f_��^����E4�a1/ݲ�XҶ�e�qw��wom[�i�2'6��q7�E�t:��f���K��8*k�D�"bD����=�d�_�Ŵ��$��Fz�VQ;��<��|��������2�<9%'��{��z<t½I|�w-���6��pCk�����vٳm��g�t�k��<EDz�N��;����::����۶��x��/�_X��"n~v�~���̦Ё}l�î��^�|�8�0�`�����y�ͪU�m���m�x��&�܅/W6�������/!�\n�����c�����>�X���W�����o�w�������'vw�mNq���b���K��{۰�/t���w��#�y��b߿��S��5Bʽ�r����ls��@�C�_��unc7�t����m�;�X�>��e{�n��v�;B^ʽy���w>����'�ݘ��8�v��Et`�k�ľ��jW�ݽ�����ñ)zca9�k۾�M�;�wnk������~�I`~��(����{�]"���y�ۣt;��3�-���D��C� t譼;YEyP��v�-�yV�������˓�V[e&���v�R�f&+��Sղ�57�ڲdT�O�E��Z�<Z��j�Z����j{��@u�)W��W�:c{���-�M�~�!4�KO������T��T`�m�G[жhǪ�v�������G;Z��0�t���j�Q�gt��X:���y�ۓ���L6z�{(�ؓ���w��j�s�<;�4�e8A�[����v��@/I�����ɹ“Mu�������It���=q�:Ԩ�����9�,m^���\s/�y��`���tF��DZaVwp�bnos�Zn��!��(��>�����!��g*�0�4�t���g��Z哳mi��*O���aYiW��:1|!c1�0��ճ�ڞ*S��MV��!�n�C)rm�/�!�L���옖��Z�TP\�T{�{�jb���g�e�R�/��z&�6��EUm�[��.���������T�'�����&������4����v�wNU�AG�xE�4o+���k.G��}��G8o�Y������y�c[��^tJ�y��1\�ּxw`5�0:ل`�b�z�J��9)���e���!�v�m����A�s�����EgO��!)��|��T�]���M���vi�������x���ƨh|���{ ����{.ǣ�d�D:(��m}����|�b�)�Dr`�q�u�ES�e�����0�ԲAަ���}�8�x�ޝ���pϞ�>\��_�$�b� �K�/�oqr�a��(b��0u{eP~`O�zw��}m���y7����l�ck�;�*2�����D{�f���䒍m}k7���>�I޼j���^YN����̖e����XoA�7�b�3Ol����ꙃ/�����؅d���6���ͷ�<�ݸ��;W/����6��>��AW8b_��Ս/�hZF�^��*x#O��
�4�0�bT�Z��X�~Q LS��m4�vm��v=O��D�o7Kx}��e4F<��%v1A���6��G.b�>��--v;F��x^O9�n������n��Ͻ�M�Q$�H��tY�˱��&�8B���v�6l	AP�6�1w�]D�^���q��>�6�%�߷V줣~W���9��:9/0U7�v�e|TĤ�j-Wl�!��֡Q�@��Z�V�SV��944Vb���!ذ*Vt�*=��VEy�ƎB���*�_&XA��[e8Z0je�Y��!�5�h����(���C�]8�U;4>:jU
)�!E�m�TZ��쐵e����\����MF�L`WP�R�4s�\�rr����}jn+�Y�p&BNٗ�zWQa�>W���$%�9���-�|M˄�-��^˙9��\BQz�
+�(p@�=Y=��~���6�K����T/�'|�a�{q��=u6�>2��<����o��
+��̚��i!��<��,y��瀱�Ξ~Bz�)��Ǵ� �=u�n�b��3ty���;�B�qL8�Bs7�]z���<�4�v<���h�f��癐��]ij����Ӳ�>:�����wN~�!
+�@-
�}�?�
Q�T|b�wP:2!m�M�OHǶ�ҧX�t�������
+�Gw�N�N���c�����𺄾��!�3l�44�*���8��/�q��3�78���a�
磻–��H�K=��~��1剋�O��~�$��/U����d���Ƞm�c�o
+w<�}~�v��u/���;LQ���lC�}����1j3zd���h��w���X'A-q����-�]n=�,���޾�tx������:]��ۼ�e�M/��+�\�c`ٶݤ{y՞���,�6���>;�+�O����v���vZ�ex�j�.{oȥzl���}����dh���LN�Kv�R�+o��?Bw8����<�'�]�m����_�"!��6�Ka��Fl"�]˟�n̊d���{ۮ��;U���c��bٽ�����/��F�׆��a=vw�(\�����ڽ�W��}E�y�ػE��b��]��g(���6��5�i�Hl��p��M}.��
+o��N)�ڷ�h��'���6�\ޡʼ���n�{��.��q����x��	^<��<�i�
+<¸�
dO(j�A��E{h	O��q�]B	9_?̋K��F����P���'��s����O	�B�Ka�-����{݁���®�������
+�7�#�OL=U�E1V�B�Ń�B��Nc������������6��Ju63Ǚ�*s	��.0���f������z��Rq6�LkRy�H���փlW��U>��	v9&˳�g��<+e�Օ��M~�7Ă�^��r��q���B��3�SE�'o�an�������dO���C���Eÿ�B �^~��76
q,�?^��NO��Z�E��Z{P���*p�	���~s�L��Ơ�@��NA-��
+�X�.�X{zz�=��4�<rB��99�̇�0-|aP��S�-������Cc��@1*���Wl�)�z�!��M��y���q�P�Ы��@��>d��O
+�[�u@+8�*���V�m�}��3�"8�S.��*RD��I�8��q�8x����2�+ڂ/�:}Z1�3�g���*��������6*�Y��
+;������V������{lR�Hr�����M��ص]�a���s�}�N��鍮m��}Ԛ�bD���w{7>B=��ձj���g(W���$m;�ȃ�n٪W)��k��7;w�m�uy��
��S���~�����dyypk�̾��w.?h��eW�^q��-Y�B[hK�뽪��d�+#�^޻gm���t�XAQ�]��}a��I��������;��ye������}�޾v��G؍�;n�P�r����
]�]���l�=����D{xÞ��v�i{'���g�w*����V��C{�2r���N��&����F��Q�F���+l�f���6w�-���vҪ��q���zWے��m�Z��� "X{a�>�˒�����}(��჏�諒��O�o����
+3O01˶T�eh΀���y�w�hʎ���s�]�ga0&�$���J�|�]ǷD۷��x@�;��q|'|�S*����
�Fp�8��|�n_,�[�G�� R���G�{�>�롉#�T��聅}6m|}Ϲs
+��XI{�'�1>q4����%���p	�o�<�/����>�%{x�*���Y��
+G.�Tq��.չ
�\��[w��;��j�T�Ʀ���3F����w�@��C�V��'�&����`O �-kG��3ƭ:VEXLso�9YE��fg[B���i��kv�{�FWP�\e��G�~���5
�@�̽
�������Z��L˽(�-W��;a��r��.\�f��p�f�w���|�I�����v
6c���Wo����PX/��g���ύY����6�����
���x�p��_��RV`�\9o� v�@L�lq���a眒k�������1<�M�D[3s�n�y{<��7P����)�KW���'v�`[�7h�������öܻj�w���N���ew��G�N��NH�b< ��'@n��wc���p�:�:�O�������="�%D{�����{�_��E�D��H
+8�N�#��a��dX���to퍺;6�b�c�����2�������9h]6��۴M�Ld߭��z�����{�t�1�}�abXV��݅U"0U�Ǩ�<�vo`sGHN�:V��Fn�S���,,�c�>aǶ��U�UA���揬ZO�B�v9N�utx7���6�K���|�;�쳣7�/�T��c���;1�Oz�-Z޷D���M%�V�6��]�U��{3���ӛ�2��ϫ'y/�zǖW�ߌm[ߧ��������
K�N��^��M�Nr0�z�k��ab���A��>��G�J�8���.;�H�`�حv�/�l[�������$�z��k�Q�۽S���E`��ҽ���:;DT!�%�v����ۏm�E�����^��s���w��k��݄�H��p�hϴ�k�݁#���;J�0�X���t�:�>mqn��;8�<��DQsw��,� $4`���,`ut"ȱQƊr�fr�5V1�3ZV0�Z���(l/A(7�]����:��G�Ѫv���2c��ъbt���c��
+;�C̨��c`OՊ9ƘQ�ڣpE�e�U'��2
+��	�0
+8��hyr�RbO�T&�
+�%�����RU0��V�{��Վ���g/���q.�>k��s�0g���W�`7S��Y3�4A�2������3ƞ���9�q̬!���lT���r�W�3�?d��,j!=�嵊Z��gͨ^�}oμ�59���
+%�K
+� �bOr�9,9c������
+n�o�\��gj�]�N��{e�i��Zv8�!O"�J��^����7���sW�:��������0U�խ;x0�	������/�m�d*;0ʶ�L�;���ΑJ_L�/���}jX�I��Q�T�:h
+�n���[�
K�'|A_0&�J���S�>z\2�c�����?4�{��Z�~�'�	�p�e{$n2���	��X��!>&Q�h�������]�k�J��֐ZT�ВLF�`�2m�yt�"ix�)��%�8AJ|�Xv�k	4x��܇��:���%�]��7d��ҿ z���7u{
:�_����{��}t�n��,}���uk4���a2��j�)q�'��n^S�X0�X'�y�2w,��L��ʧ^X�M#�dU/�\���u���t�qy��"2�?W���L�a�2�c�s��x�e��Z��O�*�͋��v2KϱԚh0NMtV�nW(Zfpح`�z;x��j�/6�Ү-�
+�UkkH^�ӡpQ���"������2`��F�O��'�K�
+�u먲6ˬ���&Z(]F�C��&�9�v"AiL�^7�"s.(`T�d1ט���^,��ɿ)�b��@�PP����5��(�I(P/��@��dO002�
��
�!�J-�͑����>n<z,\�Nm�@rG�'���T�s2�T&d-Gޓ�", ��jF-:d�*��P�,x�
Lf`|��mC/E����FМ�R]U%�/�nˏ� ��S �v�=���,ut�O5�	�-���U)��
+��}k�U�H:���Ml��L6��y��̶U/8P�.h$�����fYd�a3��SIp_A�~�|H�����t$��F�{��#IO��=��2>Vc���\w��O��~�-;&o�Ɛp�4�c�V�ر�{:����|m�F5]�oF%K�ҘO��?�f������ۅ���)����o�_�6V�~�Kc��������������ե �O� �иrG~�69n��j6���~�/{`B�n�r��,Ï���>*vd�oM7a߁��Z�F���93�g�Q_�i3���(��%����f!Ё��^�|u$��@&z�~U��d�S����_��=�~�v��@��yeP|���j�ӣ�u!p�����M�Ё�O2h���1��8Im3B�}�� �������gU��y��P��~�S`J�{v�
�P�aƜx�A���~mJ:��L��4O�H�I�jGޘ��qGA"͐����8L��%��/>�y�5���I�Vp��1-D�[��r��W�>m���:�G:0I��*���&�_�6����FW�_Q�I�;̞hѨou���,���D��w^�3)��S����s��\�d���O�?����}�4��h|��>M��SA��d^:D������ۋg���,�a2O�B�ȭe�p����#yC�`�"�!<}r��Us�����J��RĞh(A-S�_���U�j��õȝ�����y��B�;%e/�	���Wz�
+�i�z�y&�v�jZ�J�wy�-���V�#���)66j�!����IEND�B`�
\ No newline at end of file
diff --git a/themes/bartik/template.php b/themes/bartik/template.php
new file mode 100644
index 000000000000..adb2ca75f3e6
--- /dev/null
+++ b/themes/bartik/template.php
@@ -0,0 +1,146 @@
+<?php
+// $Id$
+
+/**
+ * Add body classes if certain regions have content.
+ */
+function bartik_preprocess_html(&$variables) {
+  if (!empty($variables['page']['featured'])) {
+    $variables['classes_array'][] = 'featured';
+  }
+
+  if (!empty($variables['page']['triptych_first'])
+    || !empty($variables['page']['triptych_middle'])
+    || !empty($variables['page']['triptych_last'])) {
+    $variables['classes_array'][] = 'triptych';
+  }
+
+  if (!empty($variables['page']['footer_firstcolumn'])
+    || !empty($variables['page']['footer_secondcolumn'])
+    || !empty($variables['page']['footer_thirdcolumn'])
+    || !empty($variables['page']['footer_fourthcolumn'])) {
+    $variables['classes_array'][] = 'footer-columns';
+  }
+
+  // Add conditional stylesheets for IE
+  drupal_add_css(path_to_theme() . '/css/ie.css', array('weight' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
+  drupal_add_css(path_to_theme() . '/css/ie6.css', array('weight' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
+}
+
+/**
+ * Override or insert variables into the page template for HTML output.
+ */
+function bartik_process_html(&$variables) {
+  // Hook into color.module.
+  if (module_exists('color')) {
+    _color_html_alter($variables);
+  }
+}
+
+/**
+ * Override or insert variables into the page template.
+ */
+function bartik_process_page(&$variables) {
+  // Hook into color.module.
+  if (module_exists('color')) {
+    _color_page_alter($variables);
+  }
+  // Always print the site name and slogan, but if they are toggled off, we'll
+  // just hide them visually.
+  $variables['hide_site_name']   = theme_get_setting('toggle_name') ? FALSE : TRUE;
+  $variables['hide_site_slogan'] = theme_get_setting('toggle_slogan') ? FALSE : TRUE;
+  if ($variables['hide_site_name']) {
+    // If toggle_name is FALSE, the site_name will be empty, so we rebuild it.
+    $variables['site_name'] = filter_xss_admin(variable_get('site_name', 'Drupal'));
+  }
+  if ($variables['hide_site_slogan']) {
+    // If toggle_site_slogan is FALSE, the site_slogan will be empty, so we rebuild it.
+    $variables['site_slogan'] = filter_xss_admin(variable_get('site_slogan', ''));
+  }
+  // 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']) && $variables['title']) {
+    // 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;
+  }
+}
+
+/**
+ * Override or insert variables into the maintenance page template.
+ */
+function bartik_process_maintenance_page(&$variables) {
+  // Always print the site name and slogan, but if they are toggled off, we'll
+  // just hide them visually.
+  $variables['hide_site_name']   = theme_get_setting('toggle_name') ? FALSE : TRUE;
+  $variables['hide_site_slogan'] = theme_get_setting('toggle_slogan') ? FALSE : TRUE;
+  if ($variables['hide_site_name']) {
+    // If toggle_name is FALSE, the site_name will be empty, so we rebuild it.
+    $variables['site_name'] = filter_xss_admin(variable_get('site_name', 'Drupal'));
+  }
+  if ($variables['hide_site_slogan']) {
+    // If toggle_site_slogan is FALSE, the site_slogan will be empty, so we rebuild it.
+    $variables['site_slogan'] = filter_xss_admin(variable_get('site_slogan', ''));
+  }
+}
+
+/**
+ * Override or insert variables into the block template.
+ */
+function bartik_preprocess_block(&$variables) {
+  // In the header region, visually hide the title of any menu block or of the
+  // user login block, but leave it accessible.
+  if ($variables['block']->region == 'header' && ($variables['block']->module == 'menu' || $variables['block']->module == 'user' && $variables['block']->delta == 'login')) {
+    $variables['title_attributes_array']['class'][] = 'element-invisible';
+  }
+  // System menu blocks should get the same class as menu module blocks.
+  if (in_array($variables['block']->delta, array_keys(menu_list_system_menus()))) {
+    $variables['classes_array'][] = 'block-menu';
+    // Also, hide the title if its in the header region.
+    if ($variables['block']->region == 'header') {
+      $variables['title_attributes_array']['class'][] = 'element-invisible';
+    }
+  }
+  // Set "first" and "last" classes.
+  if ($variables['block']->position_first){
+    $variables['classes_array'][] = 'first';
+  }
+  if ($variables['block']->position_last){
+    $variables['classes_array'][] = 'last';
+  }
+  // Set "odd" & "even" classes.
+  $variables['classes_array'][] = $variables['block']->position % 2 == 0 ? 'odd' : 'even';
+}
+
+/**
+ * Implements hook_page_alter().
+ */
+function bartik_page_alter(&$page) {
+  // Determine the position and count of blocks within regions.
+  foreach ($page as &$region) {
+    // Make sure this is a "region" element.
+    if (is_array($region) && isset($region['#region'])) {
+      $i = 0;
+      foreach ($region as &$block) {
+        // Make sure this is a "block" element.
+        if (is_array($block) && isset($block['#block'])) {
+          $block['#block']->position = $i++;
+          // Set a flag for "first" and "last" blocks.
+          $block['#block']->position_first = ($block['#block']->position == 0);
+          $block['#block']->position_last = FALSE;
+          $last_block =& $block;
+        }
+      }
+      $last_block['#block']->position_last = TRUE;
+      $region['#block_count'] = $i;
+    }
+  }
+}
diff --git a/themes/bartik/templates/comment-wrapper.tpl.php b/themes/bartik/templates/comment-wrapper.tpl.php
new file mode 100644
index 000000000000..66e9e798e020
--- /dev/null
+++ b/themes/bartik/templates/comment-wrapper.tpl.php
@@ -0,0 +1,54 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Bartik's theme implementation to provide an HTML container for 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".
+ * - $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.
+ *
+ * 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">
+  <div id="comments" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+    <?php if ($content['comments'] && $node->type != 'forum'): ?>
+      <?php print render($title_prefix); ?>
+      <h2 class="title"><?php print t('Comments'); ?></h2>
+      <?php print render($title_suffix); ?>
+    <?php endif; ?>
+
+    <?php print render($content['comments']); ?>
+
+    <?php if ($content['comment_form']): ?>
+      <h2 class="title comment-form"><?php print t('Add new comment'); ?></h2>
+      <?php print render($content['comment_form']); ?>
+    <?php endif; ?>
+  </div>
+</div>
diff --git a/themes/bartik/templates/comment.tpl.php b/themes/bartik/templates/comment.tpl.php
new file mode 100644
index 000000000000..07555da8db7c
--- /dev/null
+++ b/themes/bartik/templates/comment.tpl.php
@@ -0,0 +1,102 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Bartik's 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; ?> clearfix"<?php print $attributes; ?>>
+
+  <div class="attribution">
+
+    <?php print $picture; ?>
+
+    <div class="submitted">
+      <?php print $permalink; ?>
+      <p class="commenter-name">
+        <?php print $author; ?>
+      </p>
+      <p class="comment-time">
+        <?php print $created; ?>
+      </p>
+    </div>
+  </div>
+
+  <div class="comment-text">
+    <div class="comment-arrow"></div>
+
+    <?php if ($new): ?>
+      <span class="new"><?php print $new; ?></span>
+    <?php endif; ?>
+
+    <?php print render($title_prefix); ?>
+    <h3<?php print $title_attributes; ?>><?php print $title; ?></h3>
+    <?php print render($title_suffix); ?>
+
+    <div class="content"<?php print $content_attributes; ?>>
+      <?php
+        // We hide the comments and links now so that we can render them later.
+        hide($content['links']);
+        print render($content);
+      ?>
+      <?php if ($signature): ?>
+      <div class="user-signature clearfix">
+        <?php print $signature; ?>
+      </div>
+      <?php endif; ?>
+    </div> <!-- /.content -->
+
+    <?php print render($content['links']); ?>
+  </div> <!-- /.comment-text -->
+</div>
diff --git a/themes/bartik/templates/maintenance-page.tpl.php b/themes/bartik/templates/maintenance-page.tpl.php
new file mode 100644
index 000000000000..57e40a07ad6a
--- /dev/null
+++ b/themes/bartik/templates/maintenance-page.tpl.php
@@ -0,0 +1,93 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Bartik's 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()
+ * @see bartik_process_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>
+  <?php print $head; ?>
+  <title><?php print $head_title; ?></title>
+  <?php print $styles; ?>
+  <?php print $scripts; ?>
+</head>
+<body class="<?php print $classes; ?>" <?php print $attributes;?>>
+  <div id="skip-link">
+    <a href="#main-content"><?php print t('Skip to main content'); ?></a>
+  </div>
+  <?php print $page_top; ?>
+
+<div id="page-wrapper"><div id="page">
+
+  <div id="header"><div class="section clearfix">
+
+    <?php if ($site_name || $site_slogan): ?>
+      <div id="name-and-slogan"<?php if ($hide_site_name && $hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+
+        <?php if ($site_name): ?>
+          <?php if ($title): ?>
+            <div id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+              <strong>
+                <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+              </strong>
+            </div>
+          <?php else: /* Use h1 when the content title is empty */ ?>
+            <h1 id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+              <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+            </h1>
+          <?php endif; ?>
+        <?php endif; ?>
+
+        <?php if ($site_slogan): ?>
+          <div id="site-slogan"<?php if ($hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+            <?php print $site_slogan; ?>
+          </div>
+        <?php endif; ?>
+
+      </div> <!-- /#name-and-slogan -->
+    <?php endif; ?>
+
+    <?php print $header; ?>
+
+  </div></div> <!-- /.section, /#header -->
+
+  <div id="main-wrapper"><div id="main" class="clearfix">
+
+    <div id="content" class="column"><div class="section">
+      <?php if ($highlight): ?><div id="highlight"><?php print $highlight; ?></div><?php endif; ?>
+      <a id="main-content"></a>
+      <?php if ($title): ?>
+        <h1 class="title" id="page-title">
+          <?php print $title; ?>
+        </h1>
+      <?php endif; ?>
+      <?php print $content; ?>
+      
+      <?php if ($messages): ?>
+        <div id="messages"><div class="section clearfix">
+          <?php print $messages; ?>
+        </div></div> <!-- /.section, /#messages -->
+      <?php endif; ?>
+
+    </div></div> <!-- /.section, /#content -->
+
+
+  </div></div> <!-- /#main, /#main-wrapper -->
+
+</div></div> <!-- /#page, /#page-wrapper -->
+
+  <?php print $page_bottom; ?>
+</body>
+</html>
diff --git a/themes/bartik/templates/node.tpl.php b/themes/bartik/templates/node.tpl.php
new file mode 100644
index 000000000000..e3ada69db5c0
--- /dev/null
+++ b/themes/bartik/templates/node.tpl.php
@@ -0,0 +1,126 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Bartik's 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.
+ * - $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; ?>>
+
+  <?php print render($title_prefix); ?>
+  <?php if (!$page): ?>
+    <h2<?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 submitted">
+      <?php print $user_picture; ?>
+      <?php
+        print t('published by !username on !datetime',
+          array('!username' => $name, '!datetime' => $date));
+      ?>
+    </div>
+  <?php endif; ?>
+
+  <div class="content clearfix"<?php print $content_attributes; ?>>
+    <?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>
+
+  <?php
+    // Remove the "Add new comment" link on the teaser page or if the comment
+    // form is being displayed on the same page.
+    if ($teaser || !empty($content['comments']['comment_form'])) {
+      unset($content['links']['comment']['#links']['comment-add']);
+    }
+    // Only display the wrapper div if there are links.
+    $links = render($content['links']);
+    if ($links):
+  ?>
+    <div class="link-wrapper">
+      <?php print $links; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php print render($content['comments']); ?>
+
+</div>
diff --git a/themes/bartik/templates/page.tpl.php b/themes/bartik/templates/page.tpl.php
new file mode 100644
index 000000000000..87f6a73e8730
--- /dev/null
+++ b/themes/bartik/templates/page.tpl.php
@@ -0,0 +1,280 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Bartik's theme implementation to display a single Drupal page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.tpl.php template normally located in the
+ * modules/system folder.
+ *
+ * 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.
+ * - $hide_site_name: TRUE if the site name has been toggled off on the theme
+ *   settings page. If hidden, the "element-invisible" class is added to make
+ *   the site name visually hidden, but still accessible.
+ * - $hide_site_slogan: TRUE if the site slogan has been toggled off on the
+ *   theme settings page. If hidden, the "element-invisible" class is added to
+ *   make the site slogan visually hidden, but still accessible.
+ *
+ * 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['header']: Items for the header region.
+ * - $page['featured']: Items for the featured region.
+ * - $page['highlight']: Items for the highlighted content region.
+ * - $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['triptych_first']: Items for the first triptych.
+ * - $page['triptych_middle']: Items for the middle triptych.
+ * - $page['triptych_last']: Items for the last triptych.
+ * - $page['footer_firstcolumn']: Items for the first footer column.
+ * - $page['footer_secondcolumn']: Items for the second footer column.
+ * - $page['footer_thirdcolumn']: Items for the third footer column.
+ * - $page['footer_fourthcolumn']: Items for the fourth footer column.
+ * - $page['footer']: Items for the footer region.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_page()
+ * @see template_process()
+ * @see bartik_process_page()
+ */
+?>
+<div id="page-wrapper"><div id="page">
+
+  <div id="header"><div class="section clearfix">
+
+    <?php if ($logo): ?>
+      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
+        <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
+      </a>
+    <?php endif; ?>
+
+    <?php if ($site_name || $site_slogan): ?>
+      <div id="name-and-slogan"<?php if ($hide_site_name && $hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+
+        <?php if ($site_name): ?>
+          <?php if ($title): ?>
+            <div id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+              <strong>
+                <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+              </strong>
+            </div>
+          <?php else: /* Use h1 when the content title is empty */ ?>
+            <h1 id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+              <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+            </h1>
+          <?php endif; ?>
+        <?php endif; ?>
+
+        <?php if ($site_slogan): ?>
+          <div id="site-slogan"<?php if ($hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+            <?php print $site_slogan; ?>
+          </div>
+        <?php endif; ?>
+
+      </div> <!-- /#name-and-slogan -->
+    <?php endif; ?>
+
+    <?php print render($page['header']); ?>
+
+    <?php if ($main_menu): ?>
+      <div id="navigation"><div class="section clearfix">
+        <?php print theme('links__system_main_menu', array(
+          'links' => $main_menu,
+          'attributes' => array(
+            'id' => 'main-menu',
+            'class' => array('links', 'clearfix'),
+          ),
+          'heading' => array(
+            'text' => t('Main menu'),
+            'level' => 'h2',
+            'class' => array('element-invisible'),
+          ),
+        )); ?>
+      </div></div> <!-- /.section, /#navigation -->
+    <?php endif; ?>
+
+  </div></div> <!-- /.section, /#header -->
+
+  <?php if ($messages): ?>
+    <div id="messages"><div class="section clearfix">
+      <?php print $messages; ?>
+    </div></div> <!-- /.section, /#messages -->
+  <?php endif; ?>
+
+  <?php if ($page['featured']): ?>
+    <div id="featured" class="region"><div class="section clearfix">
+      <?php print render($page['featured']); ?>
+    </div></div> <!-- /.section, /#featured -->
+  <?php endif; ?>
+
+  <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">
+
+    <?php if ($breadcrumb): ?>
+      <div id="breadcrumb"><?php print $breadcrumb; ?></div>
+    <?php endif; ?>
+
+    <?php if ($page['sidebar_first']): ?>
+      <div id="sidebar-first" class="column sidebar"><div class="section">
+        <?php print render($page['sidebar_first']); ?>
+      </div></div> <!-- /.section, /#sidebar-first -->
+    <?php endif; ?>
+
+
+    <div id="content" class="column"><div class="section">
+      <?php if ($page['highlight']): ?><div id="highlight"><?php print render($page['highlight']); ?></div><?php endif; ?>
+      <a id="main-content"></a>
+      <?php print render($title_prefix); ?>
+      <?php if ($title): ?>
+        <h1 class="title" id="page-title">
+          <?php print $title; ?>
+        </h1>
+      <?php endif; ?>
+      <?php print render($title_suffix); ?>
+      <?php if ($tabs): ?>
+        <div class="tabs">
+          <?php print render($tabs); ?>
+        </div>
+      <?php endif; ?>
+      <?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 $feed_icons; ?>
+
+    </div></div> <!-- /.section, /#content -->
+
+    <?php if ($page['sidebar_second']): ?>
+      <div id="sidebar-second" class="column sidebar"><div class="section">
+        <?php print render($page['sidebar_second']); ?>
+      </div></div> <!-- /.section, /#sidebar-second -->
+    <?php endif; ?>
+
+  </div></div> <!-- /#main, /#main-wrapper -->
+
+  <?php if ($page['triptych_first'] || $page['triptych_middle'] || $page['triptych_last']): ?>
+    <div id="triptych-wrapper"><div id="triptych" class="clearfix">
+
+      <?php if ($page['triptych_first']): ?>
+        <div id="triptych-first" class="region triptych"><div class="section">
+          <?php print render($page['triptych_first']); ?>
+        </div></div> <!-- /.section, /#triptych-first -->
+      <?php endif; ?>
+
+      <?php if ($page['triptych_middle']): ?>
+        <div id="triptych-middle" class="region triptych"><div class="section">
+          <?php print render($page['triptych_middle']); ?>
+        </div></div> <!-- /.section, /#triptych-middle -->
+      <?php endif; ?>
+
+      <?php if ($page['triptych_last']): ?>
+        <div id="triptych-last" class="region triptych"><div class="section">
+          <?php print render($page['triptych_last']); ?>
+        </div></div> <!-- /.section, /#triptych-last -->
+      <?php endif; ?>
+
+    </div></div> <!-- /#triptych, /#triptych-wrapper -->
+  <?php endif; ?>
+
+  <div id="footer-wrapper"><div class="section">
+
+    <?php if ($page['footer_firstcolumn'] || $page['footer_secondcolumn'] || $page['footer_thirdcolumn'] || $page['footer_fourthcolumn']): ?>
+      <div id="footer-columns" class="clearfix">
+
+        <?php if ($page['footer_firstcolumn']): ?>
+          <div id="footer-firstcolumn" class="region sitemap"><div class="section">
+            <?php print render($page['footer_firstcolumn']); ?>
+          </div></div> <!-- /.section, /#footer-firstcolumn -->
+        <?php endif; ?>
+
+        <?php if ($page['footer_secondcolumn']): ?>
+          <div id="footer-secondcolumn" class="region sitemap"><div class="section">
+            <?php print render($page['footer_secondcolumn']); ?>
+          </div></div> <!-- /.section, /#footer-secondcolumn -->
+        <?php endif; ?>
+
+        <?php if ($page['footer_thirdcolumn']): ?>
+          <div id="footer-thirdcolumn" class="region sitemap"><div class="section">
+            <?php print render($page['footer_thirdcolumn']); ?>
+          </div></div> <!-- /.section, /#footer-thirdcolumn -->
+        <?php endif; ?>
+
+        <?php if ($page['footer_fourthcolumn']): ?>
+          <div id="footer-fourthcolumn" class="region sitemap"><div class="section">
+            <?php print render($page['footer_fourthcolumn']); ?>
+          </div></div> <!-- /.section, /#footer-fourthcolumn -->
+        <?php endif; ?>
+
+      </div><!-- /#footer-columns -->
+    <?php endif; ?>
+
+    <?php if ($page['footer'] || $secondary_menu): ?>
+      <div id="footer" class="clearfix">
+        <?php print theme('links__system_secondary_menu', array(
+          'links' => $secondary_menu,
+          'attributes' => array(
+            'id' => 'secondary-menu',
+            'class' => array('links', 'clearfix'),
+          ),
+          'heading' => array(
+            'text' => t('Secondary menu'),
+            'level' => 'h2',
+            'class' => array('element-invisible'),
+          ),
+        )); ?>
+        <?php print render($page['footer']); ?>
+    </div><!-- /#footer -->
+    <?php endif; ?>
+
+  </div></div> <!-- /.section, /#footer-wrapper -->
+
+</div></div> <!-- /#page, /#page-wrapper -->
-- 
GitLab