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

---
 CHANGELOG.txt                                      |  50 ++
 LICENSE.txt                                        | 274 ++++++++
 README.txt                                         |  89 +++
 color/base.png                                     | Bin 0 -> 193 bytes
 color/color.inc                                    | 194 ++++++
 color/preview.css                                  |  92 +++
 color/preview.html                                 |  45 ++
 color/preview.js                                   | 136 ++++
 css/book.css                                       |  68 ++
 css/colors.css                                     | 144 ++++
 css/forms.css                                      | 260 +++++++
 css/ie.css                                         |  68 ++
 css/jquery.ui.theme.css                            | 456 ++++++++++++
 css/layout.css                                     | 613 ++++++++++++++++
 css/print.css                                      | 156 +++++
 css/search.css                                     |  37 +
 css/sprites.css                                    |   9 +
 css/style.css                                      | 773 +++++++++++++++++++++
 css/user.css                                       | 115 +++
 images/black.png                                   | Bin 0 -> 896 bytes
 images/gray.png                                    | Bin 0 -> 1078 bytes
 images/ui/ui-bg_flat_0_aaaaaa_40x100.png           | Bin 0 -> 180 bytes
 images/ui/ui-bg_flat_75_ffffff_40x100.png          | Bin 0 -> 178 bytes
 images/ui/ui-bg_glass_55_fffce5_1x400.png          | Bin 0 -> 118 bytes
 images/ui/ui-bg_glass_95_fef5f1_1x400.png          | Bin 0 -> 146 bytes
 images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png | Bin 0 -> 154 bytes
 images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png | Bin 0 -> 159 bytes
 images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png | Bin 0 -> 122 bytes
 images/ui/ui-icons_000000_256x240.png              | Bin 0 -> 4369 bytes
 images/ui/ui-icons_222222_256x240.png              | Bin 0 -> 4369 bytes
 images/ui/ui-icons_555555_256x240.png              | Bin 0 -> 4369 bytes
 images/ui/ui-icons_884400_256x240.png              | Bin 0 -> 4369 bytes
 images/ui/ui-icons_8c2e0b_256x240.png              | Bin 0 -> 5355 bytes
 images/ui/ui-icons_999999_256x240.png              | Bin 0 -> 4369 bytes
 js/scripts.js                                      |  40 ++
 logo.png                                           | Bin 0 -> 3479 bytes
 muambeiro.info                                     |  51 ++
 screenshot.png                                     | Bin 0 -> 29768 bytes
 template.php                                       | 284 ++++++++
 templates/aggregator-item.tpl.php                  |  28 +
 templates/block.tpl.php                            |  19 +
 templates/book-export-html.tpl.php                 |  52 ++
 templates/color-scheme-form.tpl.php                |  81 +++
 templates/comment.tpl.php                          |  35 +
 templates/field--taxonomy-term-reference.tpl.php   |  20 +
 templates/html.tpl.php                             |  24 +
 templates/node.tpl.php                             |  44 ++
 templates/page.tpl.php                             |  71 ++
 templates/user-profile-category.tpl.php            |  14 +
 49 files changed, 4342 insertions(+)
 create mode 100644 CHANGELOG.txt
 create mode 100644 LICENSE.txt
 create mode 100644 README.txt
 create mode 100644 color/base.png
 create mode 100644 color/color.inc
 create mode 100644 color/preview.css
 create mode 100644 color/preview.html
 create mode 100644 color/preview.js
 create mode 100644 css/book.css
 create mode 100644 css/colors.css
 create mode 100644 css/forms.css
 create mode 100644 css/ie.css
 create mode 100644 css/jquery.ui.theme.css
 create mode 100644 css/layout.css
 create mode 100644 css/print.css
 create mode 100644 css/search.css
 create mode 100644 css/sprites.css
 create mode 100644 css/style.css
 create mode 100644 css/user.css
 create mode 100644 images/black.png
 create mode 100644 images/gray.png
 create mode 100755 images/ui/ui-bg_flat_0_aaaaaa_40x100.png
 create mode 100755 images/ui/ui-bg_flat_75_ffffff_40x100.png
 create mode 100755 images/ui/ui-bg_glass_55_fffce5_1x400.png
 create mode 100755 images/ui/ui-bg_glass_95_fef5f1_1x400.png
 create mode 100755 images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png
 create mode 100755 images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png
 create mode 100755 images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png
 create mode 100755 images/ui/ui-icons_000000_256x240.png
 create mode 100755 images/ui/ui-icons_222222_256x240.png
 create mode 100755 images/ui/ui-icons_555555_256x240.png
 create mode 100755 images/ui/ui-icons_884400_256x240.png
 create mode 100755 images/ui/ui-icons_8c2e0b_256x240.png
 create mode 100755 images/ui/ui-icons_999999_256x240.png
 create mode 100755 js/scripts.js
 create mode 100644 logo.png
 create mode 100644 muambeiro.info
 create mode 100644 screenshot.png
 create mode 100644 template.php
 create mode 100644 templates/aggregator-item.tpl.php
 create mode 100644 templates/block.tpl.php
 create mode 100644 templates/book-export-html.tpl.php
 create mode 100644 templates/color-scheme-form.tpl.php
 create mode 100644 templates/comment.tpl.php
 create mode 100644 templates/field--taxonomy-term-reference.tpl.php
 create mode 100644 templates/html.tpl.php
 create mode 100644 templates/node.tpl.php
 create mode 100644 templates/page.tpl.php
 create mode 100644 templates/user-profile-category.tpl.php

diff --git a/CHANGELOG.txt b/CHANGELOG.txt
new file mode 100644
index 0000000..5f6b9ef
--- /dev/null
+++ b/CHANGELOG.txt
@@ -0,0 +1,50 @@
+// $Id$
+
+Sky 7.x-1.x, xxxx-xx-xx
+-------------------------
+
+Sky 7.x-1.x, 2011-02-08
+-------------------------
+by Jacine: Fixed a typo with the collapsible region.
+#1053532 by Jacine | bitsman: Fixed css undefined index.
+
+Sky 7.x-1.5, 2011-02-06
+-------------------------
+#1043726 by Jacine | Amarjit: Fixed Tabs problem - Secondary not displaying.
+by Jacine: Added more ARIA roles.
+by Jacine: Added instructions to create a subtheme.
+by Jacine: Added a print stylesheet and HTML5 book export.
+by Jacine: Various fixes and new styles for search and code blocks.
+by Jacine: Added Book module styles.
+
+Sky 7.x-1.4, 2011-01-24
+-------------------------
+#1038236 by Jacine | Ninja Overlord: Fixed Errors on setting the color scheme.
+by Jacine: Fixed the selector for the collapsible region when JS is disabled.
+#1019334 by asrob: Collapsible fieldsets on theme settings page are still a
+  problem for some sites. Removing them, because I'm not sure why.
+
+Sky 7.x-1.3, 2011-01-14
+-------------------------
+#1025054 by mtsanford: Fixed Collapsible region has horizontal scrollbar in
+  Firefox when collapsible-toggle link has focus.
+by Jacine: Remove padding from vertical tabs fieldsets.
+#1019334 by Jacine: Revert position: fixed for color wheel.
+#1019334 by Jacine: Force collapse.js to load on theme settings page.
+#1019334 by Jacine: Shamelessly stealing Bartik's Druplicon logo.
+#1026580 by Jeff Burnz: Fixed Wrong closing element in field--taxonomy-term-reference.tpl.php.
+
+Sky 7.x-1.2, 2011-01-09
+-------------------------
+by Jacine: Color module improvements, jQuery UI styles, and more tweaks.
+#1019334 by Jacine | wallbay1: Fixed logo not printing in page.tpl.php.
+by Jacine: Added documentation for using menus in the navigation region.
+by Jacine: Fixed feature listing in .info file.
+
+Sky 7.x-1.1, 2011-01-06
+-------------------------
+by Jacine: Fixed the format of the CVS tag and minor code style issues.
+
+Sky 7.x-1.0, 2011-01-05
+-------------------------
+by Jacine: Checked in a newly rewritten version for Drupal 7.
\ No newline at end of file
diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..2c095c8
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,274 @@
+GNU GENERAL PUBLIC LICENSE
+
+              Version 2, June 1991
+
+Copyright (C) 1989, 1991 Free Software Foundation, Inc. 675 Mass Ave,
+Cambridge, MA 02139, USA. Everyone is permitted to copy and distribute
+verbatim copies of this license document, but changing it is not allowed.
+
+                  Preamble
+
+The licenses for most software are designed to take away your freedom to
+share and change it. By contrast, the GNU General Public License is
+intended to guarantee your freedom to share and change free software--to
+make sure the software is free for all its users. This General Public License
+applies to most of the Free Software Foundation's software and to any other
+program whose authors commit to using it. (Some other Free Software
+Foundation software is covered by the GNU Library General Public License
+instead.) You can apply it to your programs, too.
+
+When we speak of free software, we are referring to freedom, not price. Our
+General Public Licenses are designed to make sure that you have the
+freedom to distribute copies of free software (and charge for this service if
+you wish), that you receive source code or can get it if you want it, that you
+can change the software or use pieces of it in new free programs; and that
+you know you can do these things.
+
+To protect your rights, we need to make restrictions that forbid anyone to
+deny you these rights or to ask you to surrender the rights. These restrictions
+translate to certain responsibilities for you if you distribute copies of the
+software, or if you modify it.
+
+For example, if you distribute copies of such a program, whether gratis or for
+a fee, you must give the recipients all the rights that you have. You must make
+sure that they, too, receive or can get the source code. And you must show
+them these terms so they know their rights.
+
+We protect your rights with two steps: (1) copyright the software, and (2)
+offer you this license which gives you legal permission to copy, distribute
+and/or modify the software.
+
+Also, for each author's protection and ours, we want to make certain that
+everyone understands that there is no warranty for this free software. If the
+software is modified by someone else and passed on, we want its recipients
+to know that what they have is not the original, so that any problems
+introduced by others will not reflect on the original authors' reputations.
+
+Finally, any free program is threatened constantly by software patents. We
+wish to avoid the danger that redistributors of a free program will individually
+obtain patent licenses, in effect making the program proprietary. To prevent
+this, we have made it clear that any patent must be licensed for everyone's
+free use or not licensed at all.
+
+The precise terms and conditions for copying, distribution and modification
+follow.
+
+           GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND
+               MODIFICATION
+
+0. This License applies to any program or other work which contains a notice
+placed by the copyright holder saying it may be distributed under the terms
+of this General Public License. The "Program", below, refers to any such
+program or work, and a "work based on the Program" means either the
+Program or any derivative work under copyright law: that is to say, a work
+containing the Program or a portion of it, either verbatim or with
+modifications and/or translated into another language. (Hereinafter, translation
+is included without limitation in the term "modification".) Each licensee is
+addressed as "you".
+
+Activities other than copying, distribution and modification are not covered
+by this License; they are outside its scope. The act of running the Program is
+not restricted, and the output from the Program is covered only if its contents
+constitute a work based on the Program (independent of having been made
+by running the Program). Whether that is true depends on what the Program
+does.
+
+1. You may copy and distribute verbatim copies of the Program's source
+code as you receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice and
+disclaimer of warranty; keep intact all the notices that refer to this License
+and to the absence of any warranty; and give any other recipients of the
+Program a copy of this License along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and you
+may at your option offer warranty protection in exchange for a fee.
+
+2. You may modify your copy or copies of the Program or any portion of it,
+thus forming a work based on the Program, and copy and distribute such
+modifications or work under the terms of Section 1 above, provided that you
+also meet all of these conditions:
+
+a) You must cause the modified files to carry prominent notices stating that
+you changed the files and the date of any change.
+
+b) You must cause any work that you distribute or publish, that in whole or in
+part contains or is derived from the Program or any part thereof, to be
+licensed as a whole at no charge to all third parties under the terms of this
+License.
+
+c) If the modified program normally reads commands interactively when run,
+you must cause it, when started running for such interactive use in the most
+ordinary way, to print or display an announcement including an appropriate
+copyright notice and a notice that there is no warranty (or else, saying that
+you provide a warranty) and that users may redistribute the program under
+these conditions, and telling the user how to view a copy of this License.
+(Exception: if the Program itself is interactive but does not normally print such
+an announcement, your work based on the Program is not required to print
+an announcement.)
+
+These requirements apply to the modified work as a whole. If identifiable
+sections of that work are not derived from the Program, and can be
+reasonably considered independent and separate works in themselves, then
+this License, and its terms, do not apply to those sections when you distribute
+them as separate works. But when you distribute the same sections as part
+of a whole which is a work based on the Program, the distribution of the
+whole must be on the terms of this License, whose permissions for other
+licensees extend to the entire whole, and thus to each and every part
+regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest your rights to
+work written entirely by you; rather, the intent is to exercise the right to
+control the distribution of derivative or collective works based on the
+Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of a
+storage or distribution medium does not bring the other work under the scope
+of this License.
+
+3. You may copy and distribute the Program (or a work based on it, under
+Section 2) in object code or executable form under the terms of Sections 1
+and 2 above provided that you also do one of the following:
+
+a) Accompany it with the complete corresponding machine-readable source
+code, which must be distributed under the terms of Sections 1 and 2 above
+on a medium customarily used for software interchange; or,
+
+b) Accompany it with a written offer, valid for at least three years, to give
+any third party, for a charge no more than your cost of physically performing
+source distribution, a complete machine-readable copy of the corresponding
+source code, to be distributed under the terms of Sections 1 and 2 above on
+a medium customarily used for software interchange; or,
+
+c) Accompany it with the information you received as to the offer to distribute
+corresponding source code. (This alternative is allowed only for
+noncommercial distribution and only if you received the program in object
+code or executable form with such an offer, in accord with Subsection b
+above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source code
+means all the source code for all modules it contains, plus any associated
+interface definition files, plus the scripts used to control compilation and
+installation of the executable. However, as a special exception, the source
+code distributed need not include anything that is normally distributed (in
+either source or binary form) with the major components (compiler, kernel,
+and so on) of the operating system on which the executable runs, unless that
+component itself accompanies the executable.
+
+If distribution of executable or object code is made by offering access to
+copy from a designated place, then offering equivalent access to copy the
+source code from the same place counts as distribution of the source code,
+even though third parties are not compelled to copy the source along with the
+object code.
+
+4. You may not copy, modify, sublicense, or distribute the Program except as
+expressly provided under this License. Any attempt otherwise to copy,
+modify, sublicense or distribute the Program is void, and will automatically
+terminate your rights under this License. However, parties who have received
+copies, or rights, from you under this License will not have their licenses
+terminated so long as such parties remain in full compliance.
+
+5. You are not required to accept this License, since you have not signed it.
+However, nothing else grants you permission to modify or distribute the
+Program or its derivative works. These actions are prohibited by law if you
+do not accept this License. Therefore, by modifying or distributing the
+Program (or any work based on the Program), you indicate your acceptance
+of this License to do so, and all its terms and conditions for copying,
+distributing or modifying the Program or works based on it.
+
+6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the original
+licensor to copy, distribute or modify the Program subject to these terms and
+conditions. You may not impose any further restrictions on the recipients'
+exercise of the rights granted herein. You are not responsible for enforcing
+compliance by third parties to this License.
+
+7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues), conditions
+are imposed on you (whether by court order, agreement or otherwise) that
+contradict the conditions of this License, they do not excuse you from the
+conditions of this License. If you cannot distribute so as to satisfy
+simultaneously your obligations under this License and any other pertinent
+obligations, then as a consequence you may not distribute the Program at all.
+For example, if a patent license would not permit royalty-free redistribution
+of the Program by all those who receive copies directly or indirectly through
+you, then the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under any
+particular circumstance, the balance of the section is intended to apply and
+the section as a whole is intended to apply in other circumstances.
+
+It is not the purpose of this section to induce you to infringe any patents or
+other property right claims or to contest validity of any such claims; this
+section has the sole purpose of protecting the integrity of the free software
+distribution system, which is implemented by public license practices. Many
+people have made generous contributions to the wide range of software
+distributed through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing to
+distribute software through any other system and a licensee cannot impose
+that choice.
+
+This section is intended to make thoroughly clear what is believed to be a
+consequence of the rest of this License.
+
+8. If the distribution and/or use of the Program is restricted in certain
+countries either by patents or by copyrighted interfaces, the original copyright
+holder who places the Program under this License may add an explicit
+geographical distribution limitation excluding those countries, so that
+distribution is permitted only in or among countries not thus excluded. In such
+case, this License incorporates the limitation as if written in the body of this
+License.
+
+9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will be
+similar in spirit to the present version, but may differ in detail to address new
+problems or concerns.
+
+Each version is given a distinguishing version number. If the Program specifies
+a version number of this License which applies to it and "any later version",
+you have the option of following the terms and conditions either of that
+version or of any later version published by the Free Software Foundation. If
+the Program does not specify a version number of this License, you may
+choose any version ever published by the Free Software Foundation.
+
+10. If you wish to incorporate parts of the Program into other free programs
+whose distribution conditions are different, write to the author to ask for
+permission. For software which is copyrighted by the Free Software
+Foundation, write to the Free Software Foundation; we sometimes make
+exceptions for this. Our decision will be guided by the two goals of
+preserving the free status of all derivatives of our free software and of
+promoting the sharing and reuse of software generally.
+
+               NO WARRANTY
+
+11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE,
+THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT
+PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE
+STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT
+WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED,
+INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
+OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND
+PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL
+NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR
+AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR
+ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE
+LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL,
+SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES
+ARISING OUT OF THE USE OR INABILITY TO USE THE
+PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA
+OR DATA BEING RENDERED INACCURATE OR LOSSES
+SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE
+PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN
+IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF
+THE POSSIBILITY OF SUCH DAMAGES.
+
+          END OF TERMS AND CONDITIONS
diff --git a/README.txt b/README.txt
new file mode 100644
index 0000000..62da822
--- /dev/null
+++ b/README.txt
@@ -0,0 +1,89 @@
+// $Id$
+
+-- SUMMARY --
+
+Sky is a minimal, re-colorable, multi-column theme which uses the 960 Grid
+System and HTML5. Supported browsers include IE6+, FF3+, Safari 3+, Chrome and Opera 10+. Please note that Sky is not an administrative theme.
+
+-- REQUIREMENTS --
+
+In order to view the live preview on the color settings page
+(admin/appearance/settings/sky), you must install the Color Theme module. It is
+a very small module that sets the current theme to theme that's being
+configured. This allows for live previews of the color schemes and
+customization. It is not technically required, but highly recommended:
+
+http://drupal.org/project/colortheme
+
+-- INSTALLATION --
+
+Install as usual, see http://drupal.org/node/70151 for further information.
+
+
+-- CONFIGURATION --
+
+* Color options: Enable the theme at admin/appearance, and visit
+  admin/appearance/settings/sky to modify the color scheme if desired.
+* Menus: The Sky theme does not support the hard coded menu defaults. To setup
+  your main navigation menu, place the block containing the menu you want in the
+  "Navigation" region.
+
+
+-- CREATING A SUBTHEME --
+
+1. Create a new theme directory and .info file with the following inside it:
+
+    name = Name of your theme.
+    description = Description of your theme.
+    core = 7.x
+
+    base theme = sky
+
+    stylesheets[all][] = colors.css
+    stylesheets[all][] = custom.css
+
+    regions[page_top] = Page Top
+    regions[header] = Header
+    regions[navigation] = Navigation
+    regions[highlighted] = Highlighted
+    regions[help] = Help
+    regions[content] = Content
+    regions[sidebar_first] = Sidebar First
+    regions[sidebar_second] = Sidebar Second
+    regions[footer] = Footer
+    regions[copyright] = Copyright
+    regions[collapsible] = Collapsible
+    regions[page_bottom] = Page Bottom
+
+    features[] = logo
+    features[] = favicon
+    features[] = name
+    features[] = slogan
+    features[] = node_user_picture
+    features[] = comment_user_picture
+    features[] = comment_user_verification
+
+2. Create a custom.css file which will contain any styles you want to change or
+   add.
+
+3. Copy the colors.css file into the root of your theme. It can go wherever you
+   want, just make sure you match the path to the .info entry.
+
+4. Copy the entire color directory from Sky into your subtheme.
+
+5. Open color/color.inc change the occurences of 'sky' (lines 18-19) to the name
+   of your subtheme:
+
+    $css = ($theme == 'sky') ? 'color/preview.css' : array();
+    $js = ($theme == 'sky') ? 'color/preview.js' : array();
+
+
+-- FAQ --
+
+* Skinr Integration: When the Skinr module is available many more block styles,
+including drop down menus will be added.
+
+-- CONTACT --
+
+Current maintainer:
+* Jacine Luisi (Jacine) - http://drupal.org/user/88931
diff --git a/color/base.png b/color/base.png
new file mode 100644
index 0000000..6cea0cd
Binary files /dev/null and b/color/base.png differ
diff --git a/color/color.inc b/color/color.inc
new file mode 100644
index 0000000..2409a6f
--- /dev/null
+++ b/color/color.inc
@@ -0,0 +1,194 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Color module integration.
+ */
+
+// The preview looks like PURE crap when Sky is not the admin theme and alters
+// to change the current theme temporarily have zero effect. Attempting to make
+// the preview work with Seven or any other theme for that matter, would be a
+// LOT of work that would negatively affect the code quality itself, which I'm
+// not willing to do. As a result the preview is only supported when Sky is
+// the active theme for that page, so I've created a module to handle this:
+// http://drupal.org/project/colortheme
+
+global $theme;
+$css = ($theme == 'sky') ? 'color/preview.css' : array();
+$js = ($theme == 'sky') ? 'color/preview.js' : array();
+
+
+$info = array(
+  'fields' => array(
+    'page_background' => t('Background'),
+    'text' => t('Foreground'),
+    'site_name' => t('Site name'),
+    'site_slogan' => t('Site slogan'),
+    'navigation_background' => t('Background'),
+    'navigation_foreground' => t('Foreground'),
+    'title_page' => t('Page title'),
+    'title_block' => t('Block title'),
+    'title_linked' => t('Linked titles'),
+    'link' => t('Links'),
+    'link_hover' => t('Links hover'),
+    'tab_background' => t('Background'),
+    'tab_foreground' => t('Foreground'),
+    'tab_background_active' => t('Background hover'),
+    'tab_foreground_active' => t('Foreground hover'),
+    'node_links_background' => t('Background'),
+    'node_links_foreground' => t('Foreground'),
+    'node_links_background_hover' => t('Background hover'),
+    'node_links_foreground_hover' => t('Foreground hover'),
+    'footer_background' => t('Background'),
+    'footer_foreground' => t('Foreground'),
+    'footer_links' => t('Links'),
+    'footer_links_hover' => t('Links hover'),
+    'header_foreground' => t('Foreground'),
+    'header_links' => t('Links'),
+    'header_links_hover' => t('Links hover'),
+  ),
+  'schemes' => array(
+    'default' => array(
+      'title' => t('Vanilla Sky (default)'),
+      'colors' => array(
+        'page_background' => '#efedea',
+        'text' => '#000000',
+        'tab_background' => '#fffffe',
+        'tab_foreground' => '#101010',
+        'tab_background_active' => '#efedeb',
+        'tab_foreground_active' => '#111111',
+        'site_name' => '#4c4742',
+        'site_slogan' => '#837b72',
+        'navigation_background' => '#e1dfdc',
+        'navigation_foreground' => '#4d453e',
+        'title_page' => '#100001',
+        'title_block' => '#5e5247',
+        'title_linked' => '#100011',
+        'link' => '#1c6ea0',
+        'link_hover' => '#42a9be',
+        'node_links_background' => '#e7e5e3',
+        'node_links_foreground' => '#100100',
+        'node_links_background_hover' => '#d7d5d3',
+        'node_links_foreground_hover' => '#100101',
+        'footer_background' => '#e3e1df',
+        'footer_foreground' => '#010101',
+        'footer_links' => '#126598',
+        'footer_links_hover' => '#127ba5',
+        'header_foreground' => '#101000',
+        'header_links' => '#0679be',
+        'header_links_hover' => '#42a9ba',
+      ),
+    ),
+    'blue' => array(
+      'title' => t('Blue Sky'),
+      'colors' => array(
+        'page_background' => '#195594',
+        'text' => '#000000',
+        'tab_background' => '#eeeeee',
+        'tab_foreground' => '#000000',
+        'tab_background_active' => '#ededed',
+        'tab_foreground_active' => '#000000',
+        'site_name' => '#ffffff',
+        'site_slogan' => '#ffffff',
+        'navigation_background' => '#5d9dd0',
+        'navigation_foreground' => '#ffffff',
+        'title_page' => '#100001',
+        'title_block' => '#888888',
+        'title_linked' => '#000000',
+        'link' => '#2897d7',
+        'link_hover' => '#1473d7',
+        'node_links_background' => '#eeeeee',
+        'node_links_foreground' => '#000002',
+        'node_links_background_hover' => '#aaaaaa',
+        'node_links_foreground_hover' => '#000003',
+        'footer_background' => '#eeeeee',
+        'footer_foreground' => '#000000',
+        'footer_links' => '#2897d7',
+        'footer_links_hover' => '#1473d7',
+        'header_foreground' => '#ffffff',
+        'header_links' => '#78bbe2',
+        'header_links_hover' => '#42a9be',
+      ),
+    ),
+    'purple' => array(
+      'title' => t('Purple'),
+      'colors' => array(
+        'page_background' => '#382d49',
+        'text' => '#000000',
+        'tab_background' => '#efedea',
+        'tab_foreground' => '#000000',
+        'tab_background_active' => '#382d48',
+        'tab_foreground_active' => '#ffffff',
+        'site_name' => '#ffffff',
+        'site_slogan' => '#ccbcd2',
+        'navigation_background' => '#ada2b4',
+        'navigation_foreground' => '#000000',
+        'title_page' => '#5f3276',
+        'title_block' => '#666666',
+        'title_linked' => '#482762',
+        'link' => '#4f1b88',
+        'link_hover' => '#8e45d3',
+        'node_links_background' => '#ddd6e0',
+        'node_links_foreground' => '#000000',
+        'node_links_background_hover' => '#d7d5d3',
+        'node_links_foreground_hover' => '#000000',
+        'footer_background' => '#4a3f5a',
+        'footer_foreground' => '#f8f2f2',
+        'footer_links' => '#b195b0',
+        'footer_links_hover' => '#42a9be',
+        'header_foreground' => '#cccccc',
+        'header_links' => '#997da6',
+        'header_links_hover' => '#42a9be',
+      ),
+    ),
+    'red' => array(
+      'title' => t('Red'),
+      'colors' => array(
+        'page_background' => '#a21a2e',
+        'text' => '#000000',
+        'tab_background' => '#fffffe',
+        'tab_foreground' => '#101010',
+        'tab_background_active' => '#efedeb',
+        'tab_foreground_active' => '#111111',
+        'site_name' => '#ffffff',
+        'site_slogan' => '#ffffff',
+        'navigation_background' => '#8a0509',
+        'navigation_foreground' => '#ffffff',
+        'title_page' => '#000000',
+        'title_block' => '#999999',
+        'title_linked' => '#000000',
+        'link' => '#cf3f54',
+        'link_hover' => '#42a9be',
+        'node_links_background' => '#e7e5e3',
+        'node_links_foreground' => '#54493e',
+        'node_links_background_hover' => '#d7d5d3',
+        'node_links_foreground_hover' => '#42382e',
+        'footer_background' => '#8a0509',
+        'footer_foreground' => '#ffffff',
+        'footer_links' => '#aaaaaa',
+        'footer_links_hover' => '#42a9be',
+        'header_foreground' => '#ffffff',
+        'header_links' => '#aaaaaa',
+        'header_links_hover' => '#42a9be',
+      ),
+    ),
+  ),
+
+  // Misc settings.
+  'css' => array('css/colors.css'),
+  'base_image' => 'color/base.png',
+  'blend_target' => '#ffffff',
+  'copy' => array('logo.png'),
+
+  // Preview files.
+  'preview_css' => $css,
+  'preview_js' => $js,
+  'preview_html' => 'color/preview.html',
+
+  // Unused.
+  'gradients' => array(),
+  'fill' => array(),
+  'slices' => array(),
+);
+
diff --git a/color/preview.css b/color/preview.css
new file mode 100644
index 0000000..ecb2628
--- /dev/null
+++ b/color/preview.css
@@ -0,0 +1,92 @@
+/* $Id*/
+
+/* Page tweaks
+-------------------------------------------------------------------------*/
+.region-content {
+  padding-top: 0;
+}
+h1.title
+.region-help {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+#content > div.inner {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+
+/* Color scheme form
+-------------------------------------------------------------------------*/
+fieldset#color_scheme_form {
+  font-size: 0.923em;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+#color_scheme_form .color-form {
+  max-width: none;
+}
+#color_scheme_form > legend {
+  position: absolute;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
+fieldset#color_scheme_form > .fieldset-wrapper {
+  padding: 0;
+}
+.form-item-scheme label {
+  display: inline;
+  margin: 0 1em 0 1em;
+}
+/* Palette */
+#color_scheme_form #palette fieldset {
+  margin: 1em 0 0 0;
+  border: none;
+}
+#color_scheme_form .color-form label {
+  margin-left: 0;
+}
+#color_scheme_form #palette .form-item {
+  padding: 0;
+}
+#color_scheme_form .color-form input.form-text {
+  padding: 0.1em;
+  border-width: 1px;
+}
+#color_scheme_form #palette .item-selected {
+  background-color: transparent;
+  font-weight: bold;
+}
+/* Lock icons */
+#color_scheme_form .hook {
+  display: none;
+}
+#color_scheme_form #palette .lock {
+  background: url(../images/black.png) no-repeat 0 -66px;
+  top: 0;
+  left: auto;
+  width: 20px;
+  height: 25px;
+}
+#color_scheme_form  #palette .unlocked {
+  background: url(../images/gray.png) no-repeat 0 -66px;
+}
+
+
+/* Preview
+-------------------------------------------------------------------------*/
+#color_scheme_form .color-form > h2 {
+  background-color: transparent;
+  color: #999;
+  font-size: 1em;
+  font-weight: bold;
+  letter-spacing: 0.25em;
+  padding-left: 0.5em;
+  text-transform: uppercase;
+}
+#preview {
+  padding: 1em 0 0 0;
+  margin-bottom: 1em;
+  border-bottom: solid 1px #e6e4e2;
+}
diff --git a/color/preview.html b/color/preview.html
new file mode 100644
index 0000000..c8a5d41
--- /dev/null
+++ b/color/preview.html
@@ -0,0 +1,45 @@
+<div id="preview" class="clearfix grid-16 alpha omega">
+<div id="preview-main" class="grid-10 alpha">
+  <div class="region-content">
+    <article class="node teaser">
+      <h2 class="node-title title"><a href="#">Linked node teaser title</a></h2>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, <a href="#">quis nostrud exercitation ullamco laboris
+      nisi ut</a> 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>
+      <footer>
+        <nav class="links">
+          <ul class="links inline">
+            <li class="node-readmore first"><a href="#" rel="tag" title="Hi!">Read more<span class="element-invisible"> about Hi!</span></a></li>
+            <li class="comment_forbidden last"><span><a href="#">Log in</a> or <a href="#">register</a> to post comments</span></li>
+          </ul>
+        </nav>
+      </footer>
+    </article>
+  </div>
+</div>
+<div id="preview-sidebar" class="sidebar grid-6 omega">
+  <div class="block last">
+    <div class="inner">
+    <h2 class="block-title">Block title</h2>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 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.</p>
+    </div>
+  </div>
+</div>
+<div class="item-list grid-10"><ul class="pager"><li class="pager-current first">1</li>
+<li class="pager-item"><a href="/node?page=1" title="Go to page 2" class="active">2</a></li>
+<li class="pager-item"><a href="/node?page=2" title="Go to page 3" class="active">3</a></li>
+<li class="pager-item"><a href="/node?page=3" title="Go to page 4" class="active">4</a></li>
+<li class="pager-item"><a href="/node?page=4" title="Go to page 5" class="active">5</a></li>
+<li class="pager-item"><a href="/node?page=5" title="Go to page 6" class="active">6</a></li>
+<li class="pager-next"><a href="/node?page=1" title="Go to next page" class="active">next ›</a></li>
+<li class="pager-last last"><a href="/node?page=5" title="Go to last page" class="active">last »</a></li>
+</ul></div>
+</div>
diff --git a/color/preview.js b/color/preview.js
new file mode 100644
index 0000000..2644a06
--- /dev/null
+++ b/color/preview.js
@@ -0,0 +1,136 @@
+// $Id$
+(function ($) {
+  Drupal.color = {
+    callback: function(context, settings, form, farb, height, width) {
+
+      // Apply grid classes to the farbtastic container.
+      $('#placeholder').addClass('grid-4').addClass('push-6').addClass('alpha').addClass('omega');
+
+      var wrapper = $('#container');
+
+      $('#edit-scheme').change(function() {
+        var current = $(this).val();
+        var scheme = settings.color.schemes[current];
+        for (var i in scheme) {
+          $('#palette input[name="palette['+ i + ']"]', form).val(scheme[i]).css('background-color', scheme[i]);
+        };
+        Drupal.color.callback(context, settings, form, farb, height, width);
+      });
+
+      // Make variables for the selectors so the processing is more readable.
+      var page = 'html, body';
+      var tabs = '#skip-link a, .tabs a';
+      var tabs_active = '.tabs a.active';
+      var site_name = 'h1.site-name a';
+      var site_slogan = 'h2.site-slogan';
+      var navigation = '.region-navigation .content ul a, .region-navigation .content ul a:visited';
+      var title_page = 'h1.title';
+      var title_block = 'h2.block-title';
+      var title_linked = 'h2.title a';
+      var links = 'a, .a:visited';
+      var node_links = 'article .links a, article .links a:visited';
+      var header = '.region-header, .region-navigation, .region-header h2.block-title, .region-navigation h2.block-title';
+      var header_links = '.region-header a, .region-header a:visited';
+      var footer = '.breadcrumb, footer.section, footer.section .block-title';
+      var footer_links = '.breadcrumb a, footer.section a, footer.section a:visited';
+
+      // Page
+      $(page, context)
+        .css('background-color', $('#palette input[name="palette[page_background]"]', form).val())
+        .css('color', $('#palette input[name="palette[page_foreground]"]', form).val());
+
+      // Links
+      $(links, wrapper).css('color', $('#palette input[name="palette[links]"]', form).val());
+      $(links, wrapper).hover(function() {
+        $(this).css('color', $('#palette input[name="palette[links_hover]"]', form).val());
+      }, function() {
+        $(this).css('color', $('#palette input[name="palette[links]"]', form).val());
+      });
+
+      // Identity
+      $(site_name, context).css('color', $('#palette input[name="palette[site_name]"]', form).val());
+      $(site_slogan, context).css('color', $('#palette input[name="palette[site_slogan]"]', form).val());
+
+      // Navigation
+      $(navigation, context).css('background-color', $('#palette input[name="palette[navigation_background]"]', form).val())
+        .css('color', $('#palette input[name="palette[navigation_foreground]"]', form).val());
+      $(navigation, context).hover(function() {
+        $(this).css({
+          backgroundColor: '#fff',
+          color: $('#palette input[name="palette[page_foreground]"]', form).val(),
+        })
+      }, function() {
+        $(this).css('background-color', $('#palette input[name="palette[navigation_background]"]', form).val())
+          .css('color', $('#palette input[name="palette[navigation_foreground]"]', form).val());
+      });
+
+      // Tabs
+      $(tabs, context).css({
+         backgroundColor: $('#palette input[name="palette[tab_background]"]', form).val(),
+         color: $('#palette input[name="palette[tab_foreground]"]', form).val()
+      });
+      $(tabs, context).not(tabs_active).hover(function() {
+        $(this).css({
+          backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(),
+          color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(),
+        })
+      }, function() {
+        $(this).css({
+          backgroundColor: $('#palette input[name="palette[tab_background]"]', form).val(),
+          color: $('#palette input[name="palette[tab_foreground]"]', form).val()
+        })
+      });
+      $(tabs_active, context).css({
+        backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(),
+        color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(),
+      });
+      $(tabs_active, context).hover(function() {
+        $(this).css({
+          backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(),
+          color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(),
+        })
+      }, function() {
+        $(this).css({
+          backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(),
+          color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(),
+        })
+      });
+
+      // Titles
+      $(title_page, context).css('color', $('#palette input[name="palette[title_page]"]', form).val());
+      $(title_block, context).css('color', $('#palette input[name="palette[title_block]"]', form).val());
+      $(title_linked, context).css('color', $('#palette input[name="palette[title_linked]"]', form).val());
+
+      // Node links
+      $(node_links, context).css('background-color', $('#palette input[name="palette[node_links_background]"]', form).val())
+        .css('color', $('#palette input[name="palette[node_links_foreground]"]', form).val());
+      $(node_links, context).hover(function() {
+        $(this).css('background-color', $('#palette input[name="palette[node_links_background_hover]"]', form).val())
+          .css('color', $('#palette input[name="palette[node_links_foreground_hover]"]', form).val());
+      }, function() {
+        $(this).css('background-color', $('#palette input[name="palette[node_links_background]"]', form).val())
+        .css('color', $('#palette input[name="palette[node_links_foreground]"]', form).val());
+      });
+
+      // Header
+      $(header, context).css('color', $('#palette input[name="palette[header_foreground]"]', form).val())
+      $(header_links, context).css('color', $('#palette input[name="palette[header_links]"]', form).val());
+      $(header_links, context).hover(function() {
+        $(this).css('color', $('#palette input[name="palette[header_links_hover]"]', form).val());
+      }, function() {
+        $(this).css('color', $('#palette input[name="palette[header_links]"]', form).val());
+      });
+
+      // Footer
+      $(footer, context).css('background-color', $('#palette input[name="palette[footer_background]"]', form).val())
+        .css('color', $('#palette input[name="palette[footer_foreground]"]', form).val());
+      $(footer_links, context).css('color', $('#palette input[name="palette[footer_links]"]', form).val());
+      $(footer_links, context).hover(function() {
+        $(this).css('color', $('#palette input[name="palette[footer_links_hover]"]', form).val());
+      }, function() {
+        $(this).css('color', $('#palette input[name="palette[footer_links]"]', form).val());
+      });
+
+    }
+  };
+})(jQuery);
diff --git a/css/book.css b/css/book.css
new file mode 100644
index 0000000..e3e3b79
--- /dev/null
+++ b/css/book.css
@@ -0,0 +1,68 @@
+/* @override http://skinr.docs/modules/book/book.css?lff21s */
+
+/* Admin */
+#book-outline {
+  min-width: 56em;
+}
+.book-outline-form .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+html.js #edit-book-pick-book {
+  display: none;
+}
+.form-item-book-bid .description {
+  clear: both;
+}
+#book-admin-edit select {
+  margin-right: 24px;
+}
+#book-admin-edit select.progress-disabled {
+  margin-right: 0;
+}
+#book-admin-edit tr.ajax-new-content {
+  background-color: #ffd;
+}
+#book-admin-edit .form-item {
+  float: left;
+}
+
+/* Front end */
+.book-navigation {
+  font-size: 1.077em;
+  margin: 1em 0 0 0;
+}
+.book-navigation ul.menu {
+  border-top: solid 1px #e4e4e4;
+  margin: 0;
+  padding: 2em 2em 2em 3em;
+  list-style-type: square;
+}
+.book-navigation .menu li {
+  margin-bottom: 0.4em;
+  padding: 0;
+}
+.book-navigation .page-links {
+  border-top: solid 1px #e4e4e4;
+  text-align: center;
+  padding: 1em 0;
+}
+.book-navigation .page-previous {
+  text-align: left;
+  width: 42%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-up {
+  margin: 0 5%;
+  width: 4%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-next {
+  text-align: right;
+  width: 42%;
+  display: block;
+  float: right;
+}
+
diff --git a/css/colors.css b/css/colors.css
new file mode 100644
index 0000000..4830dfd
--- /dev/null
+++ b/css/colors.css
@@ -0,0 +1,144 @@
+/* $Id$ */
+
+/* Page
+-------------------------------------------------------------------------*/
+html, body {
+  background-color: #efedea;
+  color: #000;  
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+#skip-link a,
+.tabs a,
+.tabs a:visited {
+  background-color: #fffffe;
+  color: #101010;
+}
+.tabs a:hover,
+.tabs a:focus,
+.tabs a:active,
+.tabs a.active,
+.tabs a.active:visited {
+  background-color: #efedeb;
+  color: #111111;
+}
+
+/* Links
+-------------------------------------------------------------------------*/
+a,
+a:visited {
+  color: #1c6ea0;
+}
+a:hover,
+a:focus,
+a:active {
+  color: #42a9be;  
+}
+.pager a:hover,
+.pager a:active,
+.pager a:focus {
+  background-color: #1c6ea0;
+  color: #fff;
+}
+
+
+/* Identity
+-------------------------------------------------------------------------*/
+h1.site-name a,
+h1.site-name a:visited {
+  color: #4c4742;   
+}
+h2.site-slogan {
+  color: #837b72; 
+}
+
+
+/* Header
+-------------------------------------------------------------------------*/
+.region-header,
+.region-navigation,
+.region-header h2.block-title,
+.region-navigation h2.block-title {
+  color: #101000;
+}
+.region-header a,
+.region-header a:visited {
+  color: #0679be;
+}
+.region-header a:hover,
+.region-header a:focus,
+.region-header a:active {
+  color: #42a9ba;
+}
+
+
+/* Footer
+-------------------------------------------------------------------------*/
+.breadcrumb,
+footer.section,
+footer.section .block-title {
+  background-color: #e3e1df;
+  color: #010101;
+}
+.breadcrumb a,
+footer.section a,
+footer.section a:visited {
+ color: #126598; 
+}
+.breadcrumb a:hover,
+.breadcrumb a:focus,
+.breadcrumb a:active,
+footer.section a:hover,
+footer.section a:focus,
+footer.section a:active {
+  color: #127ba5;
+}
+
+
+/* Navigation
+-------------------------------------------------------------------------*/
+.region-navigation .content ul a,
+.region-navigation .content ul a:visited {
+  background-color: #e1dfdc;
+  color: #4d453e;
+}
+.region-navigation .content ul a:hover,
+.region-navigation .content ul a:focus,
+.region-navigation .content ul a:active,
+.region-navigation .content ul a.active-trail,
+.region-navigation .content ul a.active-trail:visited,
+.region-navigation .content ul a.active,
+.region-navigation .content ul a.active:visited {
+  background-color: #fff;
+  color: #473e34;
+}
+
+
+/* Node links
+-------------------------------------------------------------------------*/
+article .links a,
+article .links a:visited {
+  background-color: #e7e5e3;
+  color: #100100;
+}
+article .links a:hover,
+article .links a:focus,
+article .links a:active {
+  background-color: #d7d5d3;
+  color: #100101;
+}
+
+/* Titles
+-------------------------------------------------------------------------*/
+h1.title {
+  color: #100001;
+}
+h2.block-title {
+  color: #5e5247; /* need to update */
+}
+.comment header h3 a,
+h2.title a {
+  color: #100011;
+}
diff --git a/css/forms.css b/css/forms.css
new file mode 100644
index 0000000..e1a774f
--- /dev/null
+++ b/css/forms.css
@@ -0,0 +1,260 @@
+/* $Id$ */
+
+/* Fieldsets
+-------------------------------------------------------------------------*/
+fieldset {
+  border: solid 1px #e6e4e2;
+  margin: 1.2em 0;
+  padding: 0 0 1em 0;
+  position: relative;
+}
+.fieldset-wrapper {
+  padding: 2.4em 1em 1em 1em;
+}
+.fieldset-description {
+  padding: 1em 0;
+}
+html.js fieldset.collapsed {
+  border: solid 1px #e6e4e2;
+  height: 2em;
+}
+legend {
+  display: block;
+  color: #999;
+  font-weight: 600;
+  font-size: 0.923em;
+  left: 1em;
+  letter-spacing: 0.25em;
+  line-height: normal;
+  position: absolute;
+  text-transform: uppercase;
+  top: 1em;
+}
+legend a.fieldset-title {
+  color: #999;
+}
+.js fieldset.collapsible legend a {
+  background: url(../images/gray.png) no-repeat 0 -132px;
+  padding-left: 20px;
+  -moz-transition: color 0.3s linear;
+  -webkit-transition: color 0.3s linear;
+  transition: color 0.3s linear;
+}
+.js fieldset.collapsible legend a:hover,
+.js fieldset.collapsible legend a:focus,
+.js fieldset.collapsible legend a:active {
+  background-image: url(../images/black.png);
+  color: #444;
+}
+.js fieldset.collapsed legend a {
+  background-position: 0 -198px;
+}
+
+
+/* Labels
+-------------------------------------------------------------------------*/
+label {
+  cursor: pointer;
+  font-weight: 500;
+}
+.form-item label {
+  display: block;  
+  font-size: 1.077em;
+  margin-bottom: 0.2em;
+  margin-left: 3px;
+}
+.form-item .form-item label {
+  display: inline;
+  font-size: 1em;
+}
+table label,
+.form-item label.option {
+  display: inline;
+  font-size: 1em;
+  font-weight: normal;
+}
+
+
+/* Wrappers
+-------------------------------------------------------------------------*/
+.form-item {
+  margin: 1.4em 0;
+}
+.fieldset-wrapper .form-item:first-child {
+  margin-top: 0.4em;
+}
+.form-item .form-item {
+  margin: 0.5em 0;
+}
+.form-type-checkbox,
+.form-type-radio {
+  margin: 1em 0;
+}
+.form-actions {
+  margin-top: 1em;
+  padding: 1em 0;
+}
+.filter-wrapper .fieldset-wrapper {
+  padding: 0;
+}
+
+
+/* Elements
+-------------------------------------------------------------------------*/
+input, select, textarea, button {
+  font-family: "Helvetica Neue", Helvetica, Clean, Arial, sans-serif;  
+  font-size: 99%;
+}
+input, textarea {
+  font-size: 1.077em;
+  line-height: 1.3em;
+}
+textarea.form-textarea, textarea {
+  background-color: #fff;
+  border: solid 2px #e6e4de;
+  padding: 0.5em;
+  -moz-border-radius: 3px 3px 0 0;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  border-radius: 3px 3px 0 0;
+}
+input.form-text,
+input[type=text],
+select[multiple=multiple] {
+  background-color: #fff;
+  border: solid 2px #e6e4de;
+  padding: 0.3em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+select {
+  max-width: 100%;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+button,
+input[type=submit],
+input.form-submit,
+.form-actions a,
+.form-actions a:visited,
+.button, a.button, a.button:visited {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  border-bottom-color: #bbb;
+  border-right-color: #bbb;
+  color: #000;
+  font-size: 1em;
+  font-weight: 500;
+  padding: 0.5em 1em;
+  margin: 0 0.5em 0 0;
+  overflow: hidden;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+button:hover,
+input[type=submit]:hover,
+input.form-submit:hover,
+.form-actions a:hover,
+.form-actions a:focus,
+.form-actions a:active,
+.button:hover,
+a.button:hover,
+a.button:focus,
+a.button:active {
+  background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e1dedb;
+  border-bottom-color: #aaa;
+  border-right-color: #aaa;
+  color: #000;
+  cursor: pointer;
+}
+textarea:focus,
+input[type=password]:focus,
+input[type=text]:focus,
+select[multiple=multiple]:focus {
+  outline: 0;
+  -moz-box-shadow: 0 0 10px rgba(169,169,169,0.5);
+  -webkit-box-shadow: 0 0 10px rgba(169,169,169,0.5);
+  border-color: rgba(213,213,213,0.7);
+}
+
+/* Misc
+-------------------------------------------------------------------------*/
+.description {
+  color: #777;
+  font-size: 0.923em;
+  line-height: 1.5;
+}
+.form-item .description {
+  margin-top: 0.4em;
+  padding-left: 0.4em;
+}
+.form-required {
+  color: #fda61f;
+  font: bold 1em Tahoma, Verdana, Geneva;
+}
+
+
+/* Inline containers
+-------------------------------------------------------------------------*/
+.container-inline .form-item label {
+  display: inline-block;
+}
+.container-inline .form-submit {
+  font-size: 0.923em;
+  line-height: 1.5em;
+  margin: 0 0.3em 0 0;
+  padding: 0.2em 1em;
+}
+.container-inline .form-actions {
+  padding: 0;
+}
+
+
+/* Autocomplete throbber
+-------------------------------------------------------------------------*/
+html.js input.form-autocomplete {
+  background-position: 99% 6px; /* LTR */
+}
+html.js input.throbbing {
+  background-position: 99% -12px; /* LTR */
+}
+
+
+/* Vertical tabs
+-------------------------------------------------------------------------*/
+.vertical-tabs fieldset.vertical-tabs-pane {
+  padding: 0;
+}
+.vertical-tabs .fieldset-wrapper {
+  padding: 1em 0.5em;
+}
+div.vertical-tabs,
+div.vertical-tabs ul.vertical-tabs-list,
+div.vertical-tabs ul.vertical-tabs-list li {
+  border-color: #e6e4e2;
+}
+.vertical-tabs ul.vertical-tabs-list li {
+  background-color: #efedea;
+}
+.vertical-tabs ul.vertical-tabs-list li a {
+  -moz-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+.vertical-tabs ul.vertical-tabs-list li a:hover,
+.vertical-tabs ul.vertical-tabs-list li a:focus {
+  color: #000;
+  outline: none;
+}
+.vertical-tabs ul.vertical-tabs-list li a:focus strong,
+.vertical-tabs ul.vertical-tabs-list li a:active strong,
+.vertical-tabs ul.vertical-tabs-list li a:hover strong {
+  text-decoration: none;
+}
+.vertical-tabs .summary {
+  font-size: 0.923em;
+}
diff --git a/css/ie.css b/css/ie.css
new file mode 100644
index 0000000..81bd9d2
--- /dev/null
+++ b/css/ie.css
@@ -0,0 +1,68 @@
+/* $Id$ */
+
+.list-inline .content li,
+.inline li,
+.links li,
+.tabs li,
+.pager li,
+.pager li.pager-current,
+.breadcrumb a,
+.region-navigation .content ul a,
+.menu-name-menu-social a {
+  display: inline;
+  zoom: 1;
+}
+.region-navigation {
+  float: left;
+}
+.sidebar {
+  overflow: hidden;
+}
+.region-navigation .content ul a,
+.region-navigation .content ul ul li {
+  float: left;
+  display: inline;
+  position: relative;
+}
+.collapsible-toggle,
+label,
+.form-submit,
+.region-navigation .content ul a {
+  font-weight: bold;
+}
+table label,
+.form-item label.option {
+  font-weight: normal;
+}
+.block-search input.form-text {
+  width: 75%;
+}
+.block-search input.form-submit {
+  margin-top: 0.5em;
+}
+.node header,
+.comment header {
+  zoom: 1;
+}
+* html article .field-type-image {
+  width: 1%;
+}
+article .field-name-field-tags {
+  line-height: normal;
+}
+.resizable-textarea textarea {
+  width: 97%;
+}
+input.form-submit {
+  padding-left: 0;
+  padding-right: 0;
+}
+.vertical-tabs .fieldset-wrapper {
+  padding: 0;
+}
+.vertical-tabs .form-type-file input {
+  width: 100%;
+}
+* html .vertical-tabs .form-item {
+  width: 95%; /* IE6 */
+}
diff --git a/css/jquery.ui.theme.css b/css/jquery.ui.theme.css
new file mode 100644
index 0000000..369a1c4
--- /dev/null
+++ b/css/jquery.ui.theme.css
@@ -0,0 +1,456 @@
+/* $Id$ */
+
+/* Component containers
+-------------------------------------------------------------------------*/
+.ui-widget-content {
+  background: #fff url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+}
+.ui-widget-header {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #fff;
+  font-weight: bold;
+}
+.ui-widget-header a {
+  color: #000;
+}
+
+
+/* Interaction states
+-------------------------------------------------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  color: #000;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+  color: #000;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  background: #efedeb url(images/ui-bg_highlight-soft_90_efedeb_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e6e4e2;
+  color: #000;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+  color: #000;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+div.ui-datepicker .ui-state-active {
+  background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x;
+  border: 1px solid #e1dedb;
+  color: #000;
+}
+.ui-widget :active {
+  outline: none;
+}
+
+
+/* Interaction cues
+-------------------------------------------------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight,
+div.ui-datepicker .ui-state-highlight {
+  background: #fffce5 url(../images/ui/ui-bg_glass_55_fffce5_1x400.png) 50% 50% repeat-x;
+  border: 1px solid #ed5;
+  color: #840;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+  color: #840;
+  text-decoration: underline;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+  background: #fef5f1 url(../images/ui/ui-bg_glass_95_fef5f1_1x400.png) 50% 50% repeat-x;
+  border: 1px solid #ed541d;
+  color: #8c2e0b;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+  color: #8c2e0b;
+  text-decoration: underline;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+  color: #8c2e0b;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+  font-weight: 600;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary, 
+.ui-widget-header .ui-priority-secondary {
+  opacity: 0.7;
+  filter: Alpha(Opacity=70);
+  font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+  background-image: none;
+  filter: Alpha(Opacity=35);
+  opacity: 0.35;
+}
+
+
+/* Icons
+-------------------------------------------------------------------------*/
+.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_555555_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_999999_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_884400_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_8c2e0b_256x240.png); }
+
+
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Border radius
+-------------------------------------------------------------------------*/
+.ui-corner-tl {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.ui-corner-tr {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.ui-corner-bl {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.ui-corner-br {
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-top {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.ui-corner-bottom {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-right {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.ui-corner-left {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.ui-corner-all {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px
+}
+
+
+/* Overlays
+-------------------------------------------------------------------------*/
+.ui-widget-overlay {
+  background: #000;
+  opacity: 0.6;
+  filter: Alpha(Opacity=60);
+}
+.ui-widget-shadow {
+  margin: -8px 0 0 -8px;
+  padding: 8px;
+  background: #aaa;
+  opacity: 0.6;
+  filter: Alpha(Opacity=60);
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+/* Progress bar
+-------------------------------------------------------------------------*/
+div.ui-progressbar {
+  background: #f8f8f8;
+  height: 3.5ex;
+}
+div.ui-progressbar .ui-progressbar-value {
+  background: #0072b9 url(/misc/progress.gif);
+  height: 3.5ex;
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+.ui-tabs {
+  border-color: #fff;
+}
+div.ui-tabs .ui-tabs-nav {
+  background: #fff;
+  padding-left: 0;
+  border-bottom: solid 1px #e6e4e2;
+}
+div.ui-tabs .ui-tabs-nav .ui-state-active,
+div.ui-tabs .ui-tabs-nav .ui-state-hover,
+div.ui-tabs .ui-tabs-nav .ui-tabs-selected {
+  border-color: #e6e4e2;
+}
+div.ui-tabs .ui-tabs-panel {
+  border-width: 0 1px 1px 1px;
+}
+
+
+/* Dialog
+-------------------------------------------------------------------------*/
+.ui-dialog {
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4);
+  box-shadow: 0 0 12px rgba(0,0,0,0.4);
+
+}
+
+
+/* Datepicker
+-------------------------------------------------------------------------*/
+.ui-datepicker .ui-state-default {
+  background: #fff;
+  border-color: #fff;
+  text-align: center;
+  vertical-align: middle;
+}
+.ui-datepicker .ui-datepicker-calendar {
+  font-size: 0.923em;
+}
+.ui-datepicker .ui-datepicker-calendar,
+.ui-datepicker .ui-datepicker-calendar td,
+.ui-datepicker .ui-datepicker-calendar th {
+  border-color: #fff;
+}
+
+
+/* Misc
+-------------------------------------------------------------------------*/
+.ui-datepicker .ui-widget-header,
+.ui-dialog .ui-widget-header,
+.ui-slider .ui-widget-header {
+  background-color: #efedeb;
+}
+div.ui-widget p:only-child {
+  margin: 1em 0;
+}
+
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 0000000..a933091
--- /dev/null
+++ b/css/layout.css
@@ -0,0 +1,613 @@
+/* $Id$ */
+
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+
+  Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container-12,
+.container-16 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid-1,
+.grid-2,
+.grid-3,
+.grid-4,
+.grid-5,
+.grid-6,
+.grid-7,
+.grid-8,
+.grid-9,
+.grid-10,
+.grid-11,
+.grid-12,
+.grid-13,
+.grid-14,
+.grid-15,
+.grid-16 {
+  display: inline;
+  float: left;
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.container-12 .grid-3,
+.container-16 .grid-4 {
+  width: 220px;
+}
+
+.container-12 .grid-6,
+.container-16 .grid-8 {
+  width: 460px;
+}
+
+.container-12 .grid-9,
+.container-16 .grid-12 {
+  width: 700px;
+}
+
+.container-12 .grid-12,
+.container-16 .grid-16 {
+  width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+  margin-left: 0;
+}
+
+.omega {
+  margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .grid-1 {
+  width: 60px;
+}
+
+.container-12 .grid-2 {
+  width: 140px;
+}
+
+.container-12 .grid-4 {
+  width: 300px;
+}
+
+.container-12 .grid-5 {
+  width: 380px;
+}
+
+.container-12 .grid-7 {
+  width: 540px;
+}
+
+.container-12 .grid-8 {
+  width: 620px;
+}
+
+.container-12 .grid-10 {
+  width: 780px;
+}
+
+.container-12 .grid-11 {
+  width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .grid-1 {
+  width: 40px;
+}
+
+.container-16 .grid-2 {
+  width: 100px;
+}
+
+.container-16 .grid-3 {
+  width: 160px;
+}
+
+.container-16 .grid-5 {
+  width: 280px;
+}
+
+.container-16 .grid-6 {
+  width: 340px;
+}
+
+.container-16 .grid-7 {
+  width: 400px;
+}
+
+.container-16 .grid-9 {
+  width: 520px;
+}
+
+.container-16 .grid-10 {
+  width: 580px;
+}
+
+.container-16 .grid-11 {
+  width: 640px;
+}
+
+.container-16 .grid-13 {
+  width: 760px;
+}
+
+.container-16 .grid-14 {
+  width: 820px;
+}
+
+.container-16 .grid-15 {
+  width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .prefix-3,
+.container-16 .prefix-4 {
+  padding-left: 240px;
+}
+
+.container-12 .prefix-6,
+.container-16 .prefix-8 {
+  padding-left: 480px;
+}
+
+.container-12 .prefix-9,
+.container-16 .prefix-12 {
+  padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .prefix-1 {
+  padding-left: 80px;
+}
+
+.container-12 .prefix-2 {
+  padding-left: 160px;
+}
+
+.container-12 .prefix-4 {
+  padding-left: 320px;
+}
+
+.container-12 .prefix-5 {
+  padding-left: 400px;
+}
+
+.container-12 .prefix-7 {
+  padding-left: 560px;
+}
+
+.container-12 .prefix-8 {
+  padding-left: 640px;
+}
+
+.container-12 .prefix-10 {
+  padding-left: 800px;
+}
+
+.container-12 .prefix-11 {
+  padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .prefix-1 {
+  padding-left: 60px;
+}
+
+.container-16 .prefix-2 {
+  padding-left: 120px;
+}
+
+.container-16 .prefix-3 {
+  padding-left: 180px;
+}
+
+.container-16 .prefix-5 {
+  padding-left: 300px;
+}
+
+.container-16 .prefix-6 {
+  padding-left: 360px;
+}
+
+.container-16 .prefix-7 {
+  padding-left: 420px;
+}
+
+.container-16 .prefix-9 {
+  padding-left: 540px;
+}
+
+.container-16 .prefix-10 {
+  padding-left: 600px;
+}
+
+.container-16 .prefix-11 {
+  padding-left: 660px;
+}
+
+.container-16 .prefix-13 {
+  padding-left: 780px;
+}
+
+.container-16 .prefix-14 {
+  padding-left: 840px;
+}
+
+.container-16 .prefix-15 {
+  padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .suffix-3,
+.container-16 .suffix-4 {
+  padding-right: 240px;
+}
+
+.container-12 .suffix-6,
+.container-16 .suffix-8 {
+  padding-right: 480px;
+}
+
+.container-12 .suffix-9,
+.container-16 .suffix-12 {
+  padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .suffix-1 {
+  padding-right: 80px;
+}
+
+.container-12 .suffix-2 {
+  padding-right: 160px;
+}
+
+.container-12 .suffix-4 {
+  padding-right: 320px;
+}
+
+.container-12 .suffix-5 {
+  padding-right: 400px;
+}
+
+.container-12 .suffix-7 {
+  padding-right: 560px;
+}
+
+.container-12 .suffix-8 {
+  padding-right: 640px;
+}
+
+.container-12 .suffix-10 {
+  padding-right: 800px;
+}
+
+.container-12 .suffix-11 {
+  padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .suffix-1 {
+  padding-right: 60px;
+}
+
+.container-16 .suffix-2 {
+  padding-right: 120px;
+}
+
+.container-16 .suffix-3 {
+  padding-right: 180px;
+}
+
+.container-16 .suffix-5 {
+  padding-right: 300px;
+}
+
+.container-16 .suffix-6 {
+  padding-right: 360px;
+}
+
+.container-16 .suffix-7 {
+  padding-right: 420px;
+}
+
+.container-16 .suffix-9 {
+  padding-right: 540px;
+}
+
+.container-16 .suffix-10 {
+  padding-right: 600px;
+}
+
+.container-16 .suffix-11 {
+  padding-right: 660px;
+}
+
+.container-16 .suffix-13 {
+  padding-right: 780px;
+}
+
+.container-16 .suffix-14 {
+  padding-right: 840px;
+}
+
+.container-16 .suffix-15 {
+  padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .push-3,
+.container-16 .push-4 {
+  left: 240px;
+}
+
+.container-12 .push-6,
+.container-16 .push-8 {
+  left: 480px;
+}
+
+.container-12 .push-9,
+.container-16 .push-12 {
+  left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .push-1 {
+  left: 80px;
+}
+
+.container-12 .push-2 {
+  left: 160px;
+}
+
+.container-12 .push-4 {
+  left: 320px;
+}
+
+.container-12 .push-5 {
+  left: 400px;
+}
+
+.container-12 .push-7 {
+  left: 560px;
+}
+
+.container-12 .push-8 {
+  left: 640px;
+}
+
+.container-12 .push-10 {
+  left: 800px;
+}
+
+.container-12 .push-11 {
+  left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .push-1 {
+  left: 60px;
+}
+
+.container-16 .push-2 {
+  left: 120px;
+}
+
+.container-16 .push-3 {
+  left: 180px;
+}
+
+.container-16 .push-5 {
+  left: 300px;
+}
+
+.container-16 .push-6 {
+  left: 360px;
+}
+
+.container-16 .push-7 {
+  left: 420px;
+}
+
+.container-16 .push-9 {
+  left: 540px;
+}
+
+.container-16 .push-10 {
+  left: 600px;
+}
+
+.container-16 .push-11 {
+  left: 660px;
+}
+
+.container-16 .push-13 {
+  left: 780px;
+}
+
+.container-16 .push-14 {
+  left: 840px;
+}
+
+.container-16 .push-15 {
+  left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .pull-3,
+.container-16 .pull-4 {
+  left: -240px;
+}
+
+.container-12 .pull-6,
+.container-16 .pull-8 {
+  left: -480px;
+}
+
+.container-12 .pull-9,
+.container-16 .pull-12 {
+  left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-12 .pull-1 {
+  left: -80px;
+}
+
+.container-12 .pull-2 {
+  left: -160px;
+}
+
+.container-12 .pull-4 {
+  left: -320px;
+}
+
+.container-12 .pull-5 {
+  left: -400px;
+}
+
+.container-12 .pull-7 {
+  left: -560px;
+}
+
+.container-12 .pull-8 {
+  left: -640px;
+}
+
+.container-12 .pull-10 {
+  left: -800px;
+}
+
+.container-12 .pull-11 {
+  left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container-16 .pull-1 {
+  left: -60px;
+}
+
+.container-16 .pull-2 {
+  left: -120px;
+}
+
+.container-16 .pull-3 {
+  left: -180px;
+}
+
+.container-16 .pull-5 {
+  left: -300px;
+}
+
+.container-16 .pull-6 {
+  left: -360px;
+}
+
+.container-16 .pull-7 {
+  left: -420px;
+}
+
+.container-16 .pull-9 {
+  left: -540px;
+}
+
+.container-16 .pull-10 {
+  left: -600px;
+}
+
+.container-16 .pull-11 {
+  left: -660px;
+}
+
+.container-16 .pull-13 {
+  left: -780px;
+}
+
+.container-16 .pull-14 {
+  left: -840px;
+}
+
+.container-16 .pull-15 {
+  left: -900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
+
+.clearfix:after {
+  clear: both;
+  content: ' ';
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/*
+  The following zoom:1 rule is specifically for IE6 + IE7.
+  Move to separate stylesheet if invalid CSS is a problem.
+*/
+* html .clearfix,
+*:first-child+html .clearfix {
+  zoom: 1;
+}
\ No newline at end of file
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 0000000..2287b4a
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,156 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+  font-size: 11pt;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup,
+menu, nav, section {
+  display: block;
+}
+a {
+  text-decoration: none;
+  -moz-transition: all 0.3s linear;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+}
+blockquote, p {
+  margin: 1.5em 0;
+}
+p:first-child,
+p.first-child {
+  margin-top: 0;
+}
+img {
+  border: none;
+}
+abbr, acronym {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+pre, code, kbd, samp, tt {
+  font-size: 0.923em;
+  font-family: Monaco, monospace, sans-serif;
+}
+pre {
+  padding: 1em;
+  white-space: pre-wrap;
+}
+div.codeblock, pre {
+  background-color: #eee;
+  border: solid 1px #ddd;
+  padding: 1em;
+}
+mark {
+  font-size: 0.769em;
+}
+
+
+/* Layout
+-------------------------------------------------------------------------*/
+#toolbar,
+#header,
+#footer,
+div.tabs,
+nav.links,
+div.sidebar,
+div.breadcrumb {
+  display: none;
+}
+#content {
+  width: 98%;
+}
+body.toolbar-drawer {
+  padding-top: 0 !important;
+}
+
+/* Headings
+-------------------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 400;
+  line-height: 1em;
+  padding: 0;
+  margin: 24px 0 12px 0;
+}
+h1 { font-size: 2.153em; } /* 28px */
+h2 { font-size: 1.692em; } /* 22px */
+h3 { font-size: 1.385em; } /* 18px */
+h4 { font-size: 1.231em; } /* 16px */
+h5 { font-size: 1.077em; } /* 14px */
+h6 { font-size: 1em; }
+
+h1.book-heading {
+  border-bottom: solid 1px #ddd;
+  padding-bottom: 0.4em;
+}
+
+/* Lists
+-------------------------------------------------------------------------*/
+dl {
+  margin: 1em 0;
+  padding: 1em;
+}
+dt {
+  font-size: 1.231em;
+}
+dd {
+  margin: 0 0 0.5em 0;
+  padding: 1em 0 1em 2em;
+}
+dd:last-child {
+  border-bottom: 0;
+}
+dl dl {
+  margin-left: 1em;
+}
+ul, ol {
+  padding: 0;
+  margin: 0 0 0 1.5em;
+}
+li {
+  margin: 0;
+  padding: 0;
+}
+ul.inline,
+.inline .content ul {
+  display: inline;
+  margin-left: 0;
+}
+ul.inline li,
+.inline .content li {
+  display: inline;
+  margin: 0 0.5em 0 0;
+}
+li p {
+  margin-top: 0;
+}
+
+/* Tables
+-------------------------------------------------------------------------*/
+table {
+  border: solid #e4e2e0;
+  border-collapse: collapse;
+  border-width: 1px 1px 0 1px;
+  margin: 1em 0;
+  width: 100%;
+}
+th {
+  font-weight: 600;
+  text-align: left;
+}
+th, td {
+  border: solid #e4e2e0;
+  border-width: 0 0 1px 0;
+  padding: 0.5em;
+  vertical-align: top;
+}
+thead th:last-child,
+tr td:last-child {
+  border-right: solid 1px #e4e2e0;
+}
+table .form-item,
+table p {
+  margin: 0;
+}
\ No newline at end of file
diff --git a/css/search.css b/css/search.css
new file mode 100644
index 0000000..71f9d78
--- /dev/null
+++ b/css/search.css
@@ -0,0 +1,37 @@
+/* $Id$ */
+.search-form {
+  margin: 2em 0 1em 0;
+}
+.search-form input {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.search-results {
+  list-style: none;
+}
+.search-advanced .criterion {
+  float: left; /* LTR */
+  margin-right: 2em; /* LTR */
+}
+.search-advanced .action {
+  float: left; /* LTR */
+  clear: left; /* LTR */
+}
+p.search-info {
+  text-align: right;
+  color: #666;
+  font-size: 0.846em;
+  font-style: italic;
+  margin-bottom: 0;
+}
+.search-results {
+  margin: 0;
+}
+.search-result {
+  border: solid 1px #e6e4e2;
+  margin: 0 0 1em 0;
+  padding: 1em;
+}
+.search-result h3.title {
+  margin-top: 0;
+}
diff --git a/css/sprites.css b/css/sprites.css
new file mode 100644
index 0000000..a0d3797
--- /dev/null
+++ b/css/sprites.css
@@ -0,0 +1,9 @@
+/* $Id$ */
+
+.link { background-position: 0 0; }
+.locked { background-position: 0 -66px; }
+.minus { background-position: 0 -132px; }
+.plus { background-position: 0 -198px; }
+.popout { background-position: 0 -264px; }
+.search { background-position: 0 -330px; }
+.x { background-position: 0 -396px;}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..039434d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,773 @@
+/* $Id$ */
+
+/**
+ * Font sizes (reference)
+ * Based on 13px body (81.3%).
+ *
+ *  8px = 0.615em          30px = 2.308em          52px = 4em
+ *  9px = 0.692em          31px = 2.385em          53px = 4.077em
+ * 10px = 0.769em          32px = 2.462em          54px = 4.154em
+ * 11px = 0.846em          33px = 2.538em          55px = 4.231em
+ * 12px = 0.923em          34px = 2.615em          56px = 4.308em
+ * 13px = 1em              35px = 2.692em          57px = 4.385em
+ * 14px = 1.077em          36px = 2.769em          58px = 4.462em
+ * 15px = 1.154em          37px = 2.846em          59px = 4.538em
+ * 16px = 1.231em          38px = 2.923em          60px = 4.615em
+ * 17px = 1.308em          39px = 3em              61px = 4.692em
+ * 18px = 1.385em          40px = 3.077em          62px = 4.769em
+ * 19px = 1.462em          41px = 3.154em          63px = 4.846em
+ * 20px = 1.538em          42px = 3.231em          64px = 4.923em
+ * 21px = 1.615em          43px = 3.308em          65px = 5em
+ * 22px = 1.692em          44px = 3.385em          66px = 5.077em
+ * 23px = 1.769em          45px = 3.462em          67px = 5.154em
+ * 24px = 1.846em          46px = 3.538em          68px = 5.231em
+ * 25px = 1.923em          47px = 3.615em          69px = 5.308em
+ * 26px = 2em              48px = 3.692em          70px = 5.385em
+ * 27px = 2.077em          49px = 3.769em          71px = 5.462em
+ * 28px = 2.154em          50px = 3.846em          72px = 5.538em
+ * 29px = 2.231em          51px = 3.923em
+ */
+
+/* General
+-------------------------------------------------------------------------*/
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+  font-size: 81.3%; /* 13px */
+  line-height: 1.6em;
+  margin: 0;
+  padding: 0;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup,
+menu, nav, section {
+  display: block;
+}
+a {
+  text-decoration: none;
+  -moz-transition: all 0.3s linear;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+}
+blockquote, p {
+  margin: 1.5em 0;
+}
+p:first-child,
+p.first-child {
+  margin-top: 0;
+}
+img {
+  border: none;
+}
+abbr, acronym {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+pre, code, kbd, samp, tt {
+  font-size: 0.846em;
+  font-family: Monaco, monospace, sans-serif;
+}
+pre, div.codeblock {
+  background-color: #f5f5f5;
+  border: solid 1px #ddd;
+  border-bottom-color: #ccc;
+  border-right-color: #ccc;
+  padding: 1em;
+  white-space: pre-wrap;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+
+/* Headings
+-------------------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 400;
+  line-height: 1em;
+  padding: 0;
+  margin: 24px 0 12px 0;
+}
+h1 { font-size: 2.153em; } /* 28px */
+h2 { font-size: 1.692em; } /* 22px */
+h3 { font-size: 1.385em; } /* 18px */
+h4 { font-size: 1.231em; } /* 16px */
+h5 { font-size: 1.077em; } /* 14px */
+h6 { font-size: 1em; }
+h1.title{
+  margin-top: 0;
+}
+h2.title {
+  margin-top: 0;
+  margin-bottom: 0.2em;
+}
+h2.block-title {
+  font-size: 1.385em;
+  line-height: 1.2;
+  margin: 0 0 0.4em 0;
+}
+h1.site-name { /* 48px */
+  font-size: 3.692em;
+  margin: 0 0 0.2em 0;
+  padding: 0;
+}
+h2.site-slogan {
+  font-size: 1.077em;
+  margin: 0;
+  padding: 0;
+}
+
+
+/* Lists
+-------------------------------------------------------------------------*/
+dl {
+  margin: 1em 0;
+  padding: 0;
+}
+dt {
+  font-size: 1.231em;
+}
+dd {
+  margin: 0 0 0.4em 0;
+  padding: 0 0 0 2em;
+}
+dd:last-child {
+  border-bottom: 0;
+}
+dl dl {
+  margin-left: 1em;
+}
+ul, ol {
+  padding: 0;
+  margin: 0 0 0 1.5em;
+}
+li {
+  margin: 0;
+  padding: 0;
+}
+ul.inline,
+.inline .content ul {
+  display: inline;
+  margin-left: 0;
+}
+ul.inline li,
+.inline .content li {
+  display: inline;
+  margin: 0 0.5em 0 0;
+}
+li p {
+  margin-top: 0;
+}
+ul.action-links {
+  display: block;
+  margin: 1em 0;
+}
+.action-links li {
+  display: inline;
+  margin: 0 1em 0 0;
+}
+.action-links li a {
+  background: url(../images/gray.png) no-repeat 0 -198px;
+  padding-left: 20px;
+}
+
+
+/* Tables
+-------------------------------------------------------------------------*/
+table {
+  border: solid #e4e2e0;
+  border-collapse: collapse;
+  border-width: 1px 1px 0 1px;
+  margin: 1em 0;
+  width: 100%;
+}
+th {
+  font-weight: 600;
+  text-align: left;
+}
+th, td {
+  border: solid #e4e2e0;
+  border-width: 0 0 1px 0;
+  padding: 0.5em;
+  vertical-align: top;
+}
+thead th:last-child,
+tr td:last-child {
+  border-right: solid 1px #e4e2e0;
+}
+table .form-item,
+table p {
+  margin: 0;
+}
+
+
+/* Layout
+-------------------------------------------------------------------------*/
+.section-main,
+.section-collapsible,
+.region-highlighted {
+  background: #fff;
+  padding: 1em 0;
+}
+.section {
+  position: relative;
+}
+.inner {
+  padding: 1.5em;
+}
+header {
+  padding: 1.5em 0 0 0;
+}
+.region-navigation {
+  margin-top: 2em;
+}
+.region-footer {
+  padding: 1em 0;
+}
+#block-system-help .inner {
+  padding: 1em 0;
+}
+
+
+/* Blocks
+-------------------------------------------------------------------------*/
+.region-navigation .block-menu .inner,
+.region-navigation .block-menu-block .inner,
+.region-highligted .inner,
+.region-help .inner {
+  padding: 0;
+}
+.region-highligted .block,
+.region-help .block,
+.sidebar .block {
+  margin: 1em 0;
+}
+.sidebar .block {
+  border-top: solid 1px #e6e4de;
+}
+.sidebar .block.first {
+  border-top: none;
+}
+.sidebar .content {
+  padding: 0.5em 0;
+}
+
+
+/* Skip link
+-------------------------------------------------------------------------*/
+#skip-link {
+  text-align: center;
+}
+#skip-link a {
+  display: inline-block;
+  padding: 0.7em 1em;
+  -moz-border-radius: 0 0 8px 8px;
+  -webkit-border-bottom-left-radius: 8px;
+  -webkit-border-bottom-right-radius: 8px;
+  border-radius: 0 0 8px 8px;
+}
+
+
+/* Navigation
+-------------------------------------------------------------------------*/
+.region-navigation .block {
+  font-weight: 400;
+}
+.region-navigation .block-menu,
+.region-navigation .block-menu-block {
+  font-size: 1.231em;
+}
+.region-navigation .content ul {
+  display: inline;
+  list-style: none;
+  margin: 0;
+  text-transform: lowercase;
+}
+.region-navigation .content li {
+  display: inline;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.region-navigation .content ul a {
+  display: inline-block;
+  line-height: 4ex;
+  margin: 0 0.4em 0 0;
+  padding: 0 2.4em;
+  text-align: center;
+  -moz-border-radius: 8px 8px 0 0;
+  -webkit-border-top-left-radius: 8px;
+  -webkit-border-top-right-radius: 8px;
+  border-radius: 8px 8px 0 0;
+}
+/* Safeguard against dropdowns temporarily. */
+.region-navigation .content ul ul {
+  display: none;
+}
+
+
+/* Search block
+-------------------------------------------------------------------------*/
+.block-search .inner {
+  padding-left: 0;
+  padding-right: 0;
+}
+.region-header .block-search .inner {
+  padding: 0;
+}
+.block-search input.form-text {
+  padding-right: 24px;
+  width: 100%;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.block-search input.form-submit {
+  background: transparent url(../images/black.png) no-repeat 0 -330px;
+  border: none;
+  height: 16px;
+  margin: -2em 4px 0 0;
+  position: absolute;
+  right: 0;
+  text-indent: -999em;
+  width: 20px;
+  z-index: 1;
+}
+.block-search .form-submit:hover,
+.block-search .form-submit:focus,
+.block-search .form-submit:active {
+  background: #fff url(../images/gray.png) no-repeat 0 -330px;
+  border: none;
+  cursor: pointer;
+}
+
+
+/* Nodes
+-------------------------------------------------------------------------*/
+/* Common */
+article {
+  margin-bottom: 3em;
+}
+article header {
+  border-bottom: solid 1px #e6e4de;
+  color: #666;
+  font-size: 0.923em;
+  padding: 0 0 0.6em 0;
+  position: relative;
+}
+article .content {
+  padding: 1em 0;
+}
+article .field-type-image,
+article .content img:nth-child(even) {
+  float: right;
+  margin: 0 0 2em 2em;
+}
+article .content img:nth-child(odd) {
+  float: left;
+  margin: 0 2em 2em 0;
+}
+article .field-type-image,
+article .content-image-even img {
+  float: right;
+  margin: 0 0 2em 2em;
+}
+article .content-image-odd img {
+  float: left;
+  margin: 0 2em 2em 0;
+}
+article .links {
+  font-size: 0.923em;
+  text-transform: lowercase;
+}
+article .links a,
+article .links a:visited {
+  display: inline-block;
+  padding: 0.3em 0.8em;
+}
+
+/* Nodes */
+.page-node- .node header .meta,
+.page-node- .node header .field {
+  margin-top: 1em;
+  float: left;
+}
+.node header.with-picture {
+  height: 3.5em;
+  height: auto !important;
+  min-height: 3.5em;
+  padding-left: 55px;
+}
+.node header .user-picture {
+  left: 0;
+  height: 40px;
+  position: absolute;
+  width: 40px;
+}
+.node header .user-picture img {
+  display: block;
+  margin: 0;
+  padding: 0.2em;
+  height: 40px;
+  width: 40px;
+}
+.node img {
+  border: solid 1px #e6e4de;
+  padding: 0.5em;
+}
+.field {
+  padding: 0 0 0.5em 0;
+}
+.field .field-label {
+  font-weight: 400;
+}
+article .tags,
+.node header .field-type-taxonomy-term-reference {
+  border-left: solid 1px #e6e4de;
+  display: inline;
+  font-style: italic;
+  margin-left: 0.6em;
+  padding: 0 0 0 0.6em;
+}
+article .tags .field-label,
+.node header .field-type-taxonomy-term-reference h3.field-label {
+  display: inline;
+  font-size: 1em;
+  font-weight: normal;
+  margin: 0;
+}
+.node .content .field-type-taxonomy-term-reference h3.field-label {
+  font-size: 1em;
+}
+
+/* Misc */
+h1.title span.marker {
+  font-size: 0.5em;
+}
+.preview {
+  border: solid 1px #e6e4de;
+  padding: 0 2em;
+}
+.preview > h3 {
+  color: #999;
+  font-size: 1.077em;
+  text-transform: uppercase;
+}
+td.revision-current {
+  background-color: #efedeb;
+}
+
+/* Comments
+-------------------------------------------------------------------------*/
+.comment {
+  border: solid 1px #e6e4de;
+  height: 80px;
+  height: auto !important;
+  min-height: 80px;
+  margin-bottom: 1.5em;
+  position: relative;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.comment header {
+ border: none;
+ font-style: italic;
+ padding: 0.5em 9;
+ position: relative;
+}
+.comment .user-picture {
+  height: 50px;
+  position: absolute;
+  right: 0;
+  width: 50px;
+}
+.comment .user-picture img {
+  height: 50px;
+  width: 50px;
+}
+.comment span a.permalink {
+  background: url(../images/gray.png) no-repeat;
+  display: inline-block;
+  font-size: 0.923em;
+  height: 20px;
+  padding: 0;
+  text-indent: -999em;
+  width: 24px;
+}
+.comment header h3 {
+  margin: 0;
+  padding: 0 90px 0 0;
+}
+.comment p.meta {
+  margin-top: 0;
+}
+.comment-by-node-author {
+  background-color: #f9f8f7;
+}
+.comment .links {
+  text-align: right;
+}
+.user-signature {
+  font-size: 0.923em;
+}
+
+
+/* Tabs
+-------------------------------------------------------------------------*/
+div.tabs {
+  border-bottom: solid 1px #e6e4e2;
+  margin: 2em 0 0 0;
+  padding: 0;
+}
+ul.tabs {
+  display: block;
+  padding: 0;
+  margin: 0;
+}
+.tabs li {
+  display: inline-block;
+  margin: 0 0.2em 0 0;
+  padding: 0;
+}
+.tabs a {
+  display: block;
+  padding: 0 1em;
+  text-decoration: none;
+}
+.tabs a:hover,
+.tabs a:focus,
+.tabs a:active,
+.tabs a.active {
+  outline: 0;
+}
+.tabs a.active {
+  font-weight: 600;
+}
+
+/* Primary */
+ul.primary {
+  font-size: 1.077em;
+  height: 4ex;
+  line-height: 4ex;
+  margin-top: 1em;
+}
+.primary a {
+  padding: 0 1em;
+  -moz-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+
+/* Secondary */
+ul.secondary {
+  background-color: #fff;
+  border-top: solid 1px #e6e4e2;
+  line-height: 4ex;
+  padding: 1em 1em 0 0;
+  position: relative;
+  margin: 0 0 1em 0;
+}
+.secondary a {
+  font-size: 0.923em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+
+/* Breadcrumbs
+-------------------------------------------------------------------------*/
+.breadcrumb {
+  font-size: 1.231em;
+  padding: 0.4em;
+}
+.breadcrumb a,
+.breadcrumb a:visited {
+  display: inline-block;
+  font-size: 0.846em;
+  line-height: 28px;
+  margin: 0 0.5em;
+}
+
+
+/* Collapsible region
+-------------------------------------------------------------------------*/
+.js .region-collapsible,
+.collapsible-toggle {
+  display: none;
+}
+.js .section-collapsible {
+  bottom: 0;
+  height: 50%;
+  height: auto !important;
+  max-height: 50%;
+  position: fixed;
+  right: 0;
+  z-index: 100;
+}
+.section-collapsible.toggle-active {
+  overflow: auto;
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  box-shadow: 0 0 12px rgba(0,0,0,0.5);
+}
+.region-collapsible {
+  padding: 1.2em 0;
+}
+.js .collapsible-toggle {
+  border: none;
+  display: block;
+  font-size: 1.077em;
+  font-weight: 500;
+  margin: 0;
+  position: relative;
+  text-transform: uppercase;
+}
+.collapsible-toggle a,
+.collapsible-toggle a:visited {
+  background: #fff url(../images/black.png) no-repeat 16px -248px;
+  bottom: 0;
+  display: inline-block;
+  height: 20px;
+  padding: 1em;
+  position: fixed;
+  right: 0;
+  text-indent: -999em;
+  width: 20px;
+  z-index: 1;
+  -moz-border-radius: 4px 0 0 0;
+  -webkit-border-radius: 4px 0 0 0;
+  border-radius: 4px 0 0 0;
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
+  box-shadow: 0 0 12px rgba(0,0,0,0.5);
+}
+.toggle-active .collapsible-toggle a {
+  background-position: 16px -390px;
+  position: relative;
+  float: right;
+  -moz-border-radius: 0 0 0 4px;
+  -webkit-border-radius: 0 0 0 4px;
+  border-radius: 0 0 0 4px;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.collapsible-toggle a:hover,
+.collapsible-toggle a:focus,
+.collapsible-toggle a:active {
+  background-image: url(../images/gray.png);
+  outline: 0;
+}
+
+
+/* System messages (shamelessly stolen from an early version of Seven)
+-------------------------------------------------------------------------*/
+.messages {
+  background-color: #f8fff0;
+  border: solid 1px #be7;
+  border-width: 1px 1px 1px 16px;
+  margin: 1em 0;
+  padding: 1em;
+}
+.message-title {
+  font-size: 1.231em;
+  font-weight: 500;
+  margin: 0 0 1em 0;
+  text-transform: uppercase;
+}
+.status {
+  background-color: #f8fff0;
+  color: #234600;
+}
+.warning {
+  background-color: #fffce5;
+  border-color: #ed5;
+  color: #840;
+}
+.error {
+  background-color: #fef5f1;
+  border-color: #ed541d;
+  color: #8c2e0b;
+}
+span.warning {
+  background: none;
+  border: none;
+  color: #fda61f;
+  font: bold 1em Tahoma, Verdana, Geneva;
+  margin-left: 0.25em;
+}
+.ok {
+  background-color: #f8fff0;
+  color: #234600;  
+}
+span.error, .marker, form .error {
+  background-color: transparent;
+  color: #c00;
+  font-weight: 500;
+}
+
+
+/* Pagers
+-------------------------------------------------------------------------*/
+ul.pager {
+  display: block;
+  margin: 1.5em 0 1em 0;
+  padding: 0;
+  text-align: right;
+}
+.pager li {
+  display: inline-block;
+  margin: 0.5em 0.2em 0 0;
+}
+.pager a,
+.pager .pager-current {
+  background-color: #efedea;
+  display: inline-block;
+  padding: 0.2em 0.8em;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.pager .pager-current {
+  color: #000;
+  font-weight: bold;
+}
+
+
+/* Clearfixes
+-------------------------------------------------------------------------*/
+ul.tabs:after,
+ul.action-links:after,
+.form-item:after,
+.item-list:after {
+  content: "\0020";  /*UTF-8 character for a space.*/ 
+  clear: both;
+  display: block;
+  height: 0;
+  visibility: hidden;	
+}
+* html ul.tabs,
+* html .action-links,
+* html .form-item,
+* html .item-list {
+  height: 1%;
+}
+* :first-child + html ul.tabs,
+* :first-child + html .action-links,
+* :first-child + html .form-item,
+* :first-child + html .item-list {
+  min-height: 1%;
+}
+
+
+/* Overlay
+-------------------------------------------------------------------------*/
+.overlay #header,
+.overlay #navigation,
+.overlay #page-title,
+.overlay #sidebar-first,
+.overlay #sidebar-second,
+.overlay #footer {
+  display: none;
+}
diff --git a/css/user.css b/css/user.css
new file mode 100644
index 0000000..e7330b9
--- /dev/null
+++ b/css/user.css
@@ -0,0 +1,115 @@
+/* $Id$ */
+
+#permissions td.module {
+  font-weight: bold;
+}
+#permissions td.permission {
+  padding-left: 1.5em; /* LTR */
+}
+
+/**
+ * Override default textfield float to put the "Add role" button next to
+ * the input textfield.
+ */
+#user-admin-roles td.edit-name {
+  clear: both;
+}
+#user-admin-roles .form-item-name {
+  float: left;
+  margin-right: 1em;
+}
+
+/**
+ * Password strength indicator.
+ */
+.password-strength {
+  width: 14em;
+  float: right;  /* LTR */
+  margin-top: 1.4em;
+}
+.password-strength-title {
+  display: inline;
+}
+.password-strength-text {
+  float: right; /* LTR */
+  font-weight: bold;
+}
+.password-indicator {
+  background-color: #C4C4C4;
+  height: 0.3em;
+  width: 100%;
+}
+.password-indicator div {
+  height: 100%;
+  width: 0%;
+  background-color: #47C965;
+}
+input.password-confirm,
+input.password-field {
+  width: 16em;
+  margin-bottom: 0.4em;
+}
+div.password-confirm {
+  display: inline;
+  padding-left: 2em;
+  visibility: hidden;
+}
+div.form-item div.password-suggestions {
+  padding: 0.2em 0.5em;
+  margin: 0.7em 0;
+  width: 38.5em;
+  border: 1px solid #B4B4B4;
+}
+div.password-suggestions ul {
+  margin-bottom: 0;
+}
+.password-parent {
+  margin: 0;
+  width: 34.3em;
+}
+
+/**
+ * Password confirmation checker.
+ */
+.confirm-parent {
+  margin: 0;
+}
+.password-indicator {
+  background-color: #e6e4e2;
+  height: 0.7em;
+  margin-top: 0.2em;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+}
+.password-indicator div {
+  -moz-border-radius: 4px 0 0 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-radius: 4px 0 0 4px;
+}
+div.form-item div.form-type-password label {
+  display: block;
+}
+div.form-item div.password-suggestions {
+  background-color: #e6e4e2;
+  border-color: #d4cfcb;
+  color: #675b50;
+  font-weight: 500;
+  font-size: 1.077em;
+  padding: 1em;
+  width: auto;
+}
+.password-suggestions ul {
+  font-weight: normal;
+  font-size: 0.923em;
+  margin-top: 1em;
+  line-height: 1.7em;
+}
+.profile .user-picture {
+  float: right;
+}
+.profile .user-picture img {
+  padding: 0.5em;
+  border: solid 1px #e6e4de;  
+}
diff --git a/images/black.png b/images/black.png
new file mode 100644
index 0000000..fede868
Binary files /dev/null and b/images/black.png differ
diff --git a/images/gray.png b/images/gray.png
new file mode 100644
index 0000000..1b71ff6
Binary files /dev/null and b/images/gray.png differ
diff --git a/images/ui/ui-bg_flat_0_aaaaaa_40x100.png b/images/ui/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100755
index 0000000..5b5dab2
Binary files /dev/null and b/images/ui/ui-bg_flat_0_aaaaaa_40x100.png differ
diff --git a/images/ui/ui-bg_flat_75_ffffff_40x100.png b/images/ui/ui-bg_flat_75_ffffff_40x100.png
new file mode 100755
index 0000000..ac8b229
Binary files /dev/null and b/images/ui/ui-bg_flat_75_ffffff_40x100.png differ
diff --git a/images/ui/ui-bg_glass_55_fffce5_1x400.png b/images/ui/ui-bg_glass_55_fffce5_1x400.png
new file mode 100755
index 0000000..dd3b711
Binary files /dev/null and b/images/ui/ui-bg_glass_55_fffce5_1x400.png differ
diff --git a/images/ui/ui-bg_glass_95_fef5f1_1x400.png b/images/ui/ui-bg_glass_95_fef5f1_1x400.png
new file mode 100755
index 0000000..058ff49
Binary files /dev/null and b/images/ui/ui-bg_glass_95_fef5f1_1x400.png differ
diff --git a/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png b/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png
new file mode 100755
index 0000000..438a7a5
Binary files /dev/null and b/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png differ
diff --git a/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png b/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png
new file mode 100755
index 0000000..deef3e0
Binary files /dev/null and b/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png differ
diff --git a/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png b/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png
new file mode 100755
index 0000000..ca2d033
Binary files /dev/null and b/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png differ
diff --git a/images/ui/ui-icons_000000_256x240.png b/images/ui/ui-icons_000000_256x240.png
new file mode 100755
index 0000000..7c211aa
Binary files /dev/null and b/images/ui/ui-icons_000000_256x240.png differ
diff --git a/images/ui/ui-icons_222222_256x240.png b/images/ui/ui-icons_222222_256x240.png
new file mode 100755
index 0000000..b273ff1
Binary files /dev/null and b/images/ui/ui-icons_222222_256x240.png differ
diff --git a/images/ui/ui-icons_555555_256x240.png b/images/ui/ui-icons_555555_256x240.png
new file mode 100755
index 0000000..2ce3e8d
Binary files /dev/null and b/images/ui/ui-icons_555555_256x240.png differ
diff --git a/images/ui/ui-icons_884400_256x240.png b/images/ui/ui-icons_884400_256x240.png
new file mode 100755
index 0000000..54c5805
Binary files /dev/null and b/images/ui/ui-icons_884400_256x240.png differ
diff --git a/images/ui/ui-icons_8c2e0b_256x240.png b/images/ui/ui-icons_8c2e0b_256x240.png
new file mode 100755
index 0000000..0a0139a
Binary files /dev/null and b/images/ui/ui-icons_8c2e0b_256x240.png differ
diff --git a/images/ui/ui-icons_999999_256x240.png b/images/ui/ui-icons_999999_256x240.png
new file mode 100755
index 0000000..50ff803
Binary files /dev/null and b/images/ui/ui-icons_999999_256x240.png differ
diff --git a/js/scripts.js b/js/scripts.js
new file mode 100755
index 0000000..75bb991
--- /dev/null
+++ b/js/scripts.js
@@ -0,0 +1,40 @@
+// $Id$
+(function ($) {
+
+/**
+ * Toggles the collapsible region.
+ */
+Drupal.behaviors.skyAdminToggle = {
+  attach: function (context, settings) {
+    $('.collapsible-toggle a, context').click(function() {
+      $('#section-collapsible').toggleClass('toggle-active').find('.region-collapsible').slideToggle('fast');
+      return false;
+    });
+  }
+}
+
+/**
+ * CSS Help for IE.
+ * - Adds even odd striping and containers for images in posts.
+ * - Adds a .first-child class to the first paragraph in each wrapper.
+ * - Adds a prompt containing the link to a comment for the permalink.
+ */
+Drupal.behaviors.skyPosts = {
+  attach: function (context, settings) {
+    // Detects IE6-8.
+    if (!jQuery.support.leadingWhitespace) {
+      $('.content p:first-child').addClass('first-child');
+      $('article .content img, context').parent(':not(.field-item, .user-picture)').each(function(index) {
+        var stripe = (index/2) ? 'even' : 'odd';
+        $(this).wrap('<div class="content-image-' + stripe  + '"></div>');
+      });
+    }
+    // Comment link copy promt.
+    $("header span a.permalink").click( function() {
+      prompt('Link to this comment:', this.href);
+      return false;
+    });
+  }
+}
+
+})(jQuery);
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..0ada453
Binary files /dev/null and b/logo.png differ
diff --git a/muambeiro.info b/muambeiro.info
new file mode 100644
index 0000000..edd2e3f
--- /dev/null
+++ b/muambeiro.info
@@ -0,0 +1,51 @@
+; $Id$
+
+name = Muambeiro
+description = Based on sky 7.x-1.6
+core = 7.x
+
+; REGIONS
+;-------------------------------------------------------------------------------
+regions[page_top] = Page Top
+regions[header] = Header
+regions[navigation] = Navigation
+regions[highlighted] = Highlighted
+regions[help] = Help
+regions[content] = Content
+regions[sidebar_first] = Sidebar First
+regions[sidebar_second] = Sidebar Second
+regions[footer] = Footer
+regions[copyright] = Copyright
+regions[collapsible] = Collapsible
+regions[page_bottom] = Page Bottom
+
+
+; STYLESHEETS
+;-------------------------------------------------------------------------------
+stylesheets[all][] = css/layout.css
+stylesheets[all][] = css/style.css
+stylesheets[all][] = css/forms.css
+stylesheets[all][] = css/colors.css
+stylesheets[print][] = css/print.css
+
+
+; SCRIPTS
+;-------------------------------------------------------------------------------
+scripts[] = js/scripts.js
+
+
+; FEATURES
+;-------------------------------------------------------------------------------
+features[] = logo
+features[] = favicon
+features[] = name
+features[] = slogan
+features[] = node_user_picture
+features[] = comment_user_picture
+features[] = comment_user_verification
+
+; Information added by drupal.org packaging script on January 1, 1970 - 00:00
+version = "7.x-0.1"
+core = "7.x"
+project = "muambeiro"
+
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..3e77316
Binary files /dev/null and b/screenshot.png differ
diff --git a/template.php b/template.php
new file mode 100644
index 0000000..1d36d79
--- /dev/null
+++ b/template.php
@@ -0,0 +1,284 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * template.php!
+ */
+
+/**
+ * Override or insert variables into the html template.
+ */
+function sky_preprocess_html(&$vars) {
+  global $theme_path;
+
+  // Add conditional CSS for IE7 and below.
+  drupal_add_css($theme_path . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
+}
+
+/**
+ * Implements template_preprocess_page().
+ */
+function sky_preprocess_page(&$vars) {
+  // Shorten the sidebar variable names.
+  $sidebar_1 = $vars['page']['sidebar_first'];
+  $sidebar_2 = $vars['page']['sidebar_second'];
+  // Grid size for sidebars for 2-column layout.
+  $width = 4;
+  // Grid size for sidebars for 3-column layout.
+  if (!empty($sidebar_1) && !empty($sidebar_2)) {
+    $width = 3;
+  }
+  // Define grid classes for page.tpl.php
+  $vars['content_grid_classes'] = sky_ns('grid-16', $sidebar_1, $width, $sidebar_2, $width) . ' ' . sky_ns('push-' . $width, !$sidebar_1,  $width);
+  $vars['sidebar_first_grid_classes'] = 'grid-' . $width . ' ' . sky_ns('pull-' . (16 - $width), $sidebar_2, $width);
+  $vars['sidebar_second_grid_classes'] = 'grid-' . $width;
+
+  // Add text for unpublished nodes.
+  if (isset($vars['node']) && $vars['node']->status == 0) {
+    $vars['title'] =  drupal_get_title() . ' <span class="marker">(' . t('Unpublished') . ')</span>';
+  }
+}
+
+/**
+ * Implements template_process_html().
+ */
+function sky_process_html(&$vars) {
+  // Apply color module scheme.
+  if (module_exists('color')) {
+    _color_html_alter($vars);
+  }
+}
+
+/**
+ * Implements template_preprocess_region().
+ */
+function sky_preprocess_region(&$vars) {
+  // Grid classes.
+  if ($vars['region'] == 'header') {
+    $vars['classes_array'][] = 'grid-6';
+  }
+  if ($vars['region'] == 'copyright' || $vars['region'] == 'navigation') {
+    $vars['classes_array'][] = 'grid-16';
+    $vars['classes_array'][] = 'alpha';
+    $vars['classes_array'][] = 'omega';
+  }
+  if ($vars['region'] == 'collapsible') {
+    $vars['classes_array'][] = 'container-16';
+  }
+}
+
+/**
+ * Implements template_preprocess_node().
+ */
+function sky_preprocess_node(&$vars) {
+  // Add decent classes for node titles.
+  $vars['title_attributes_array']['class'][] = 'title';
+  $vars['title_attributes_array']['class'][] = 'node-title';
+
+  // Add the article ARIA role.
+  $vars['attributes_array']['role'] = 'article';
+}
+
+/**
+ * Implements template_preprocess_block().
+ */
+function sky_preprocess_block(&$vars) {
+  // Add decent classes for block titles.
+  $vars['title_attributes_array']['class'][] = 'title';
+  $vars['title_attributes_array']['class'][] = 'block-title';
+
+  // Flag the first block in each region.
+  if ($vars['block_id'] == 1) {
+    $vars['classes_array'][] = 'first';
+  }
+
+  // Hide the block titles in the header by default.
+  if ($vars['block']->region == 'navigation') {
+    $vars['title_attributes_array']['class'][] = 'element-invisible';
+  }
+}
+
+/**
+ * Implements hook_html_head_alter().
+ * Overwrite the default meta character type tag with HTML5 version.
+ */
+function sky_html_head_alter(&$head_elements) {
+  // Modify the meta tag for HTML5.
+  $head_elements['system_meta_content_type']['#attributes'] = array(
+    'charset' => 'utf-8',
+  );
+  // Force IE to always run the latest rendering engine.
+  $head_elements['sky_edge_chrome'] = array(
+    '#type' => 'html_tag',
+    '#tag' => 'meta',
+    '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge,chrome=1'),
+  );
+}
+
+/**
+ * Implements hook_css_alter().
+ */
+function sky_css_alter(&$css) {
+  $path = drupal_get_path('theme', 'sky');
+
+  // Remove some core default stylesheets.
+  unset($css[drupal_get_path('module', 'system') . '/system.menus.css']);
+  unset($css[drupal_get_path('module', 'system') . '/system.messages.css']);
+  unset($css[drupal_get_path('module', 'system') . '/system.theme.css']);
+  unset($css[drupal_get_path('module', 'node') . '/node.css']);
+  unset($css[drupal_get_path('module', 'aggregator') . '/aggregator.css']);
+
+  // Use the theme's version of user.css.
+  $user_css = drupal_get_path('module', 'user') . '/user.css';
+  if (isset($css[$user_css])) {
+    $css[$user_css]['data'] = $path . '/css/user.css';
+  }
+  // Use the theme's version of book.css.
+  $book_css = drupal_get_path('module', 'book') . '/book.css';
+  if (isset($css[$book_css])) {
+    $css[$book_css]['data'] = $path . '/css/book.css';
+  }
+  // Use the theme's version of search.css.
+  $search_css = drupal_get_path('module', 'search') . '/search.css';
+  if (isset($css[$search_css])) {
+    $css[$search_css]['data'] = $path . '/css/search.css';
+  }
+  // Use the theme's version of jquery.ui.theme.css.
+  if (isset($css['misc/ui/jquery.ui.theme.css'])) {
+    $css['misc/ui/jquery.ui.theme.css']['data'] = $path . '/css/jquery.ui.theme.css';
+  }
+}
+
+/**
+ * Implements hook_page_alter().
+ */
+function sky_page_alter(&$page) {
+  // Remove the block template wrapper from the main content block.
+  if (!empty($page['content']['system_main'])) {
+    $page['content']['system_main']['#theme_wrappers'] = array_diff($page['content']['system_main']['#theme_wrappers'], array('block'));
+  }
+  // Remove sidebars on administrative pages.
+  if (arg(0) == 'admin') {
+    unset($page['sidebar_first']);
+    unset($page['sidebar_second']);
+  }
+}
+
+/**
+ * Overrides theme_status_messages().
+ * Shows the message headers instead of hiding them.
+ */
+function sky_status_messages($variables) {
+  $display = $variables['display'];
+  $output = '';
+
+  foreach (drupal_get_messages($display) as $type => $messages) {
+    $output .= "<div class=\"messages $type\">\n";
+    $output .= '<h2 class="message-title">' . t(drupal_ucfirst($type)) . "</h2>\n";
+    $output .= '<div class="content">';
+    if (count($messages) > 1) {
+      $output .= "<ul>\n";
+      foreach ($messages as $message) {
+        $output .= '  <li>' . $message . "</li>\n";
+      }
+      $output .= " </ul>\n";
+    }
+    else {
+      $output .= $messages[0];
+    }
+    $output .= "</div>\n";
+    $output .= "</div>\n";
+  }
+  return $output;
+}
+
+/**
+ * Overrides theme_field().
+ */
+function sky_field($variables) {
+  $output = '';
+
+  // Render the label, if it's not hidden.
+  if (!$variables['label_hidden']) {
+    $output .= '<h3 class="field-label"' . $variables['title_attributes'] . '>' . $variables['label'] . '&nbsp;</h3>';
+  }
+
+  // Render the items.
+  $output .= '<div class="field-items"' . $variables['content_attributes'] . '>';
+  foreach ($variables['items'] as $delta => $item) {
+    $classes = 'field-item ' . ($delta % 2 ? 'odd' : 'even');
+    $output .= '<div class="' . $classes . '"' . $variables['item_attributes'][$delta] . '>' . drupal_render($item) . '</div>';
+  }
+  $output .= '</div>';
+
+  // Render the top-level DIV.
+  $output = '<div class="' . $variables['classes'] . '"' . $variables['attributes'] . '>' . $output . '</div>';
+
+  return $output;
+}
+
+
+/**
+ * Implements hook_theme().
+ */
+function sky_theme() {
+  return array(
+    'color_scheme_form' => array(
+      'render element' => 'form',
+      'path' =>  drupal_get_path('theme', 'sky') . '/templates',
+      'template' => 'color-scheme-form',
+    ),
+  );
+}
+
+/**
+ * Implements template_preprocess_color_scheme_form().
+ */
+function sky_preprocess_color_scheme_form(&$variables) {
+  $form = $variables['form'];
+  $info = $form['info']['#value'];
+  $path = drupal_get_path('theme', 'sky') . '/';
+
+  // Add the preview.css file.
+  drupal_add_css($path . $info['preview_css'], array('group' => CSS_THEME, 'preprocess' => FALSE));
+
+  // Add the preview.js file.
+  $preview_js_path = isset($info['preview_js']) ? $path . $info['preview_js'] : drupal_get_path('module', 'color') . '/' . 'preview.js';
+  drupal_add_js($preview_js_path, array('group' => JS_THEME));
+
+  // Create a variable for the preview.html file contents.
+  $preview_html_path = DRUPAL_ROOT . '/' . (isset($info['preview_html']) ? $path . '/' . $info['preview_html'] : drupal_get_path('module', 'color') . '/preview.html');
+  $variables['preview'] = file_get_contents($preview_html_path);
+}
+
+/**
+ * Taken from the Ninesixty project to help generate grid classes.
+ * @see http://drupal.org/project/ninesixty
+ */
+function sky_ns() {
+  $args = func_get_args();
+  $default = array_shift($args);
+  // Get the type of class, i.e., 'grid', 'pull', 'push', etc.
+  // Also get the default unit for the type to be procesed and returned.
+  list($type, $return_unit) = explode('-', $default);
+
+  // Process the conditions.
+  $flip_states = array('var' => 'int', 'int' => 'var');
+  $state = 'var';
+  foreach ($args as $arg) {
+    if ($state == 'var') {
+      $var_state = !empty($arg);
+    }
+    elseif ($var_state) {
+      $return_unit = $return_unit - $arg;
+    }
+    $state = $flip_states[$state];
+  }
+  $output = '';
+  // Anything below a value of 1 is not needed.
+  if ($return_unit > 0) {
+    $output = $type . '-' . $return_unit;
+  }
+  return $output;
+}
diff --git a/templates/aggregator-item.tpl.php b/templates/aggregator-item.tpl.php
new file mode 100644
index 0000000..e2f9262
--- /dev/null
+++ b/templates/aggregator-item.tpl.php
@@ -0,0 +1,28 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for individual aggregator feed item markup.
+ */
+?>
+<article class="feed-item clearfix">
+  <header>
+    <h2 class="title feed-item-title"><a href="<?php print $feed_url; ?>"><?php print $feed_title; ?></a></h2>
+    <div class="meta feed-item-meta">
+      <?php if ($source_url) : ?>
+        <a href="<?php print $source_url; ?>" class="feed-item-source"><?php print $source_title; ?></a> &ndash;
+      <?php endif; ?>
+      <span class="feed-item-date"><?php print $source_date; ?></span>
+      <?php if ($categories) : ?>
+        <span class="tags feed-item-categories">
+          <h3 class="field-label"><?php print t('Categories'); ?>:</h3> <?php print implode(', ', $categories); ?>
+      </span>
+      <?php endif ;?>
+    </div>
+  </header>
+  <?php if ($content) : ?>
+  <div class="content clearfix feed-item-body">
+    <?php print $content; ?>
+  </div>
+<?php endif; ?>
+</article>
diff --git a/templates/block.tpl.php b/templates/block.tpl.php
new file mode 100644
index 0000000..1988183
--- /dev/null
+++ b/templates/block.tpl.php
@@ -0,0 +1,19 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for blocks.
+ */
+?>
+<div id="<?php print $block_html_id; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <div class="inner">
+    <?php print render($title_prefix); ?>
+    <?php if ($block->subject): ?>
+      <h2<?php print $title_attributes; ?>><?php print $block->subject ?></h2>
+    <?php endif;?>
+    <?php print render($title_suffix); ?>
+    <div class="content"<?php print $content_attributes; ?>>
+      <?php print $content ?>
+    </div>
+  </div>
+</div>
diff --git a/templates/book-export-html.tpl.php b/templates/book-export-html.tpl.php
new file mode 100644
index 0000000..6ba438f
--- /dev/null
+++ b/templates/book-export-html.tpl.php
@@ -0,0 +1,52 @@
+<?php
+// $Id$
+
+/**
+ * @file
+ * Default theme implementation for printed version of book outline.
+ *
+ * Available variables:
+ * - $title: Top level node title.
+ * - $head: Header tags.
+ * - $language: Language code. e.g. "en" for english.
+ * - $language_rtl: TRUE or FALSE depending on right to left language scripts.
+ * - $base_url: URL to home page.
+ * - $contents: Nodes within the current outline rendered through
+ *   book-node-export-html.tpl.php.
+ *
+ * @see template_preprocess_book_export_html()
+ */
+ global $theme_path;
+?>
+<!DOCTYPE html>
+<html lang="<?php print $language->language; ?>" dir="<?php print $language_rtl ? 'rtl' : 'ltr' ; ?>">
+<head>
+  <?php print $head; ?>
+  <title><?php print $title; ?></title>
+  <base href="<?php print $base_url; ?>" />
+    <link type="text/css" rel="stylesheet" href="<?php print $theme_path; ?>/css/print.css" />
+    <?php if ($language_rtl): ?>
+      <link type="text/css" rel="stylesheet" href="<?php print $theme_path; ?>/css/print-rtl.css" />
+    <?php endif; ?>
+  </head>
+  <body>
+    <?php
+    /**
+     * The given node is /embedded to its absolute depth in a top level
+     * section/. For example, a child node with depth 2 in the hierarchy is
+     * contained in (otherwise empty) &lt;div&gt; elements corresponding to
+     * depth 0 and depth 1. This is intended to support WYSIWYG output - e.g.,
+     * level 3 sections always look like level 3 sections, no matter their
+     * depth relative to the node selected to be exported as printer-friendly
+     * HTML.
+     */
+    $div_close = '';
+    ?>
+    <?php for ($i = 1; $i < $depth; $i++) : ?>
+      <section class="section-<?php print $i; ?>">
+      <?php $div_close .= '</section>'; ?>
+    <?php endfor; ?>
+    <?php print $contents; ?>
+    <?php print $div_close; ?>
+  </body>
+</html>
diff --git a/templates/color-scheme-form.tpl.php b/templates/color-scheme-form.tpl.php
new file mode 100644
index 0000000..8ebe7dd
--- /dev/null
+++ b/templates/color-scheme-form.tpl.php
@@ -0,0 +1,81 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for the color scheme form.
+ */
+?>
+<?php $form['scheme']['#title'] = t('Color scheme'); ?>
+<?php print render($form['scheme']); ?>
+<div class="color-form clearfix">
+  <div id="palette">
+    <div class="grid-6 alpha">
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Base colors') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['page_background']); ?>
+          <?php print render($form['palette']['text']); ?>
+          <?php print render($form['palette']['link']); ?>
+          <?php print render($form['palette']['link_hover']); ?>
+        </div>
+      </fieldset>
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Titles') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['site_name']); ?>
+          <?php print render($form['palette']['site_slogan']); ?>
+          <?php print render($form['palette']['title_page']); ?>
+          <?php print render($form['palette']['title_block']); ?>
+          <?php print render($form['palette']['title_linked']); ?>
+        </div>
+      </fieldset>
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Main navigation') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['navigation_background']); ?>
+          <?php print render($form['palette']['navigation_foreground']); ?>
+        </div>
+      </fieldset>
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Footer') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['footer_background']); ?>
+          <?php print render($form['palette']['footer_foreground']); ?>
+          <?php print render($form['palette']['footer_links']); ?>
+          <?php print render($form['palette']['footer_links_hover']); ?>
+        </div>
+      </fieldset>
+    </div>
+
+    <div class="grid-6 push-4 omega">
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Header') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['header_foreground']); ?>
+          <?php print render($form['palette']['header_links']); ?>
+          <?php print render($form['palette']['header_links_hover']); ?>
+        </div>
+      </fieldset>
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Tab navigation') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['tab_background']); ?>
+          <?php print render($form['palette']['tab_foreground']); ?>
+          <?php print render($form['palette']['tab_background_active']); ?>
+          <?php print render($form['palette']['tab_foreground_active']); ?>
+        </div>
+      </fieldset>
+      <fieldset>
+        <legend><span class="fieldset-legend"><?php print t('Node/comment links') ?></span></legend>
+        <div class="fieldset-wrapper">
+          <?php print render($form['palette']['node_links_background']); ?>
+          <?php print render($form['palette']['node_links_foreground']); ?>
+          <?php print render($form['palette']['node_links_background_hover']); ?>
+          <?php print render($form['palette']['node_links_foreground_hover']); ?>
+        </div>
+      </fieldset>
+    </div>
+  </div>
+</div>
+<?php print drupal_render_children($form); ?>
+<?php print $preview; ?>
\ No newline at end of file
diff --git a/templates/comment.tpl.php b/templates/comment.tpl.php
new file mode 100644
index 0000000..7fde166
--- /dev/null
+++ b/templates/comment.tpl.php
@@ -0,0 +1,35 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for comments.
+ */
+?>
+<?php hide($content['links']); ?>
+<article class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+  <div class="inner">
+    <header>
+      <?php print $picture ?>
+      <?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; ?> <span><?php print $permalink; ?></span></h3>
+      <?php print render($title_suffix); ?>
+      <p class="meta"><?php print $submitted; ?></p>
+    </header>
+    <div class="content"<?php print $content_attributes; ?>>
+      <?php print render($content); ?>
+      <?php if ($signature): ?>
+      <aside class="user-signature clearfix">
+        <?php print $signature;  ?>
+      </aside>
+      <?php endif; ?>
+    </div>
+    <?php if ($content['links']): ?>
+    <footer>
+      <div class="links comment-links">
+        <?php print render($content['links']) ?>
+      </div>
+    </footer>
+    <?php endif; ?>
+  </div>
+</article>
\ No newline at end of file
diff --git a/templates/field--taxonomy-term-reference.tpl.php b/templates/field--taxonomy-term-reference.tpl.php
new file mode 100644
index 0000000..b5eb1e9
--- /dev/null
+++ b/templates/field--taxonomy-term-reference.tpl.php
@@ -0,0 +1,20 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for taxonomy term reference fields.
+ */
+?>
+<div class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php if (!$label_hidden) : ?>
+    <h3 class="field-label"<?php print $title_attributes; ?>><?php print $label ?>&nbsp;</h3>
+  <?php endif; ?>
+  <span class="field-items"<?php print $content_attributes; ?>>
+    <?php $num_fields = count($items); ?>
+    <?php $i = 1; ?>
+    <?php foreach ($items as $delta => $item) : ?>
+      <?php print render($item); ?><?php $i != $num_fields ? print ', ' : ''; ?>
+      <?php $i++; ?>
+    <?php endforeach; ?>
+  </span>
+</div>
diff --git a/templates/html.tpl.php b/templates/html.tpl.php
new file mode 100644
index 0000000..7658f21
--- /dev/null
+++ b/templates/html.tpl.php
@@ -0,0 +1,24 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for main HTML page wrapper.
+ */
+?><!DOCTYPE html>
+<html version="HTML+RDFa 1.0" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>" xmlns="http://www.w3.org/1999/xhtml"<?php print $rdf_namespaces; ?>>
+<head profile="<?php print $grddl_profile; ?>">
+  <?php print $head; ?>
+  <title><?php print $head_title; ?></title>
+  <?php print $styles; ?>
+  <?php print $scripts; ?>
+  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
+<body class="<?php print $classes; ?>" <?php print $attributes;?>>
+  <div id="skip-link">
+    <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
+  </div>
+  <?php print $page_top; ?>
+  <?php print $page; ?>
+  <?php print $page_bottom; ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/node.tpl.php b/templates/node.tpl.php
new file mode 100644
index 0000000..64fca2a
--- /dev/null
+++ b/templates/node.tpl.php
@@ -0,0 +1,44 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for nodes.
+ */
+
+hide($content['comments']);
+hide($content['links']);
+?>
+<article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+  <?php print render($title_prefix); ?>
+  <?php if(!empty($user_picture) || !$page || (!empty($submitted) && $display_submitted)): ?>
+  <header class="clearfix<?php $user_picture ? print ' with-picture' : ''; ?>">
+    <?php print $user_picture; ?>
+    <?php if (!$page): ?>
+      <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+    <?php endif; ?>
+    <?php if ($display_submitted): ?>
+      <span class="meta" role="contentinfo"><?php print $submitted; ?></span>
+    <?php endif; ?>
+    <?php if (!empty($content['field_tags'])): ?>
+      <?php print render($content['field_tags']);  ?>
+    <?php endif; ?>
+  </header>
+  <?php endif; ?>
+  <?php print render($title_suffix); ?>
+  <div class="content clearfix">
+    <?php print render($content); ?>
+  </div>
+  <?php if (!empty($content['links'])): ?>
+    <footer>
+      <nav class="links">
+        <?php print render($content['links']); ?>
+      </nav>
+    </footer>
+  <?php endif; ?>
+</article>
+
+<?php if ($content['comments'] && $page): ?>
+<section class="comments">
+  <?php print render($content['comments']); ?>
+</section>
+<?php endif; ?>
\ No newline at end of file
diff --git a/templates/page.tpl.php b/templates/page.tpl.php
new file mode 100644
index 0000000..7d2ea56
--- /dev/null
+++ b/templates/page.tpl.php
@@ -0,0 +1,71 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for main HTML page content.
+ */
+?>
+<div id="container" class="container-16">
+  <header id="header" class="section section-header clearfix" role="banner">
+    <?php if ($site_name || $site_slogan || $logo): ?>
+      <hgroup class="grid-10">
+        <?php if ($site_name): ?>
+          <h1 class="site-name"><a title="<?php print t('Home'); ?>" rel="home" href="<?php print $front_page; ?>"><?php print $site_name; ?></a></h1>
+        <?php endif; ?>
+        <?php if ($logo): ?>
+          <a title="<?php print t('Home'); ?>" rel="home" href="<?php print $front_page; ?>"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/></a>
+        <?php endif; ?>
+        <?php if ($site_slogan): ?>
+          <h2 class="site-slogan"><?php print $site_slogan; ?></h2>
+        <?php endif; ?>
+      </hgroup>
+    <?php endif; ?>
+    <?php print render($page['header']); ?>
+    <?php print render($page['navigation']); ?>
+  </header>
+  <?php print render($page['highlighted']); ?>
+  <div id="main" class="section section-main clearfix" role="main">
+    <div id="content" class="column <?php print $content_grid_classes; ?>">
+      <div class="inner">
+      <?php print $messages; ?>
+      <?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 print render($page['help']); ?>
+      <?php if ($tabs = render($tabs)): ?>
+        <div class="tabs"><?php print $tabs; ?></div>
+      <?php endif; ?>
+      <?php if ($action_links): ?>
+        <ul class="action-links"><?php print render($action_links); ?></ul>
+      <?php endif; ?>
+      <div id="main-content" class="clearfix">
+        <?php print render($page['content']); ?>
+      </div>
+      <?php print $feed_icons; ?>
+    </div>
+    </div>
+    <?php if ($sidebar_first = render($page['sidebar_first'])): ?>
+      <div id="sidebar-first" class="sidebar <?php print $sidebar_first_grid_classes; ?>">
+        <?php print $sidebar_first; ?>
+      </div>
+    <?php endif; ?>
+    <?php if ($sidebar_second = render($page['sidebar_second'])): ?>
+      <div id="sidebar-second" class="sidebar <?php print $sidebar_second_grid_classes; ?>">
+        <?php print $sidebar_second; ?>
+      </div>
+    <?php endif; ?>
+  </div>
+  <?php print $breadcrumb; ?>
+  <footer id="footer" class="section section-footer clearfix" role="footer">
+    <?php print render($page['footer']); ?>
+    <?php print render($page['copyright']); ?>
+  </footer>
+</div>
+<?php if ($collapsible = render($page['collapsible'])): ?>
+  <section id="section-collapsible" class="section section-collapsible clearfix">
+    <h2 class="collapsible-toggle"><a href="#"><?php print t('Toggle collapsible region'); ?></a></h2>
+    <?php print $collapsible; ?>
+  </section>
+<?php endif; ?>
\ No newline at end of file
diff --git a/templates/user-profile-category.tpl.php b/templates/user-profile-category.tpl.php
new file mode 100644
index 0000000..e66ba19
--- /dev/null
+++ b/templates/user-profile-category.tpl.php
@@ -0,0 +1,14 @@
+<?php
+// $Id$
+/**
+ * @file
+ * Output for user profile categories.
+ */
+?>
+<?php if ($title) : ?>
+  <h2><?php print $title; ?></h2>
+<?php endif; ?>
+
+<dl<?php print $attributes; ?>>
+  <?php print $profile_items; ?>
+</dl>
-- 
cgit v1.2.3