From 95b35d0551a0dfcf9db07dad60faa637cf004f43 Mon Sep 17 00:00:00 2001
From: Chris Eppstein <chris@eppsteins.net>
Date: Fri, 16 Dec 2011 19:37:01 -0800
Subject: [PATCH] Refactored to make this framework work better with compass.

* Separated the foundation files from the application template files.
* Added a single import for the includes directory.
* There's no need for a foundation file in the project template as it
  kept inside the main gem now and it's contents are simply imported
  into the application file. Consequently, since it is harder to edit
  the foundation files, you will probably will need to make things
  more configurable. These are good things :) It means you can upgrade
  your framework without breaking the user's deltas.
* Changed the imports to be namespaced under `zurb`. This makes it
  unlikely for the user to encounter import conflicts.
* Updated the stylesheet directives in the project manifest to annotate
  the stylesheets declarations. This causes the output of the compass
  installer to provide better instructions.
* Removed the config file, it is provided by compass.
---
 stylesheets/_foundation-sass.sass             |   1 -
 .../zurb/_forms.sass                          |   5 +-
 stylesheets/zurb/_foundation.sass             |   9 ++
 .../zurb/_globals.sass                        |   5 +-
 .../grid.sass => stylesheets/zurb/_grid.sass  |   3 -
 stylesheets/zurb/_includes.sass               |   3 +
 .../zurb/_mobile.sass                         |   0
 .../zurb/_orbit.sass                          |   0
 .../zurb/_reveal.sass                         |   0
 .../zurb/_typography.sass                     |   5 +-
 .../sass/ui.sass => stylesheets/zurb/_ui.sass |   0
 .../zurb}/includes/_colors.sass               |   0
 .../zurb}/includes/_mixins.sass               |   0
 .../zurb}/includes/_settings.sass             |   0
 templates/project/config.rb                   |  33 ------
 templates/project/manifest.rb                 |  19 +--
 templates/project/sass/app.sass               |  28 ++++-
 templates/project/sass/ie.sass                |   4 +-
 templates/project/stylesheets/app.css         |   1 -
 templates/project/stylesheets/forms.css       |  70 -----------
 templates/project/stylesheets/globals.css     |  69 -----------
 templates/project/stylesheets/grid.css        |  66 -----------
 templates/project/stylesheets/ie.css          |   2 -
 templates/project/stylesheets/mobile.css      |  76 ------------
 templates/project/stylesheets/orbit.css       |  45 -------
 templates/project/stylesheets/reveal.css      |  24 ----
 templates/project/stylesheets/typography.css  |  57 ---------
 templates/project/stylesheets/ui.css          | 110 ------------------
 28 files changed, 46 insertions(+), 589 deletions(-)
 delete mode 100644 stylesheets/_foundation-sass.sass
 rename templates/project/sass/forms.sass => stylesheets/zurb/_forms.sass (98%)
 create mode 100644 stylesheets/zurb/_foundation.sass
 rename templates/project/sass/globals.sass => stylesheets/zurb/_globals.sass (97%)
 rename templates/project/sass/grid.sass => stylesheets/zurb/_grid.sass (97%)
 create mode 100644 stylesheets/zurb/_includes.sass
 rename templates/project/sass/mobile.sass => stylesheets/zurb/_mobile.sass (100%)
 rename templates/project/sass/orbit.sass => stylesheets/zurb/_orbit.sass (100%)
 rename templates/project/sass/reveal.sass => stylesheets/zurb/_reveal.sass (100%)
 rename templates/project/sass/typography.sass => stylesheets/zurb/_typography.sass (96%)
 rename templates/project/sass/ui.sass => stylesheets/zurb/_ui.sass (100%)
 rename {templates/project/sass => stylesheets/zurb}/includes/_colors.sass (100%)
 rename {templates/project/sass => stylesheets/zurb}/includes/_mixins.sass (100%)
 rename {templates/project/sass => stylesheets/zurb}/includes/_settings.sass (100%)
 delete mode 100644 templates/project/config.rb
 delete mode 100644 templates/project/stylesheets/app.css
 delete mode 100644 templates/project/stylesheets/forms.css
 delete mode 100644 templates/project/stylesheets/globals.css
 delete mode 100644 templates/project/stylesheets/grid.css
 delete mode 100644 templates/project/stylesheets/ie.css
 delete mode 100644 templates/project/stylesheets/mobile.css
 delete mode 100644 templates/project/stylesheets/orbit.css
 delete mode 100644 templates/project/stylesheets/reveal.css
 delete mode 100644 templates/project/stylesheets/typography.css
 delete mode 100644 templates/project/stylesheets/ui.css

diff --git a/stylesheets/_foundation-sass.sass b/stylesheets/_foundation-sass.sass
deleted file mode 100644
index 07294b1..0000000
--- a/stylesheets/_foundation-sass.sass
+++ /dev/null
@@ -1 +0,0 @@
-// Compass extension
\ No newline at end of file
diff --git a/templates/project/sass/forms.sass b/stylesheets/zurb/_forms.sass
similarity index 98%
rename from templates/project/sass/forms.sass
rename to stylesheets/zurb/_forms.sass
index 0efb543..479c286 100644
--- a/templates/project/sass/forms.sass
+++ b/stylesheets/zurb/_forms.sass
@@ -1,6 +1,5 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
+@import includes
+
 /* Artfully masterminded by ZURB :: Make sure to include app.js if using inline label inputs */
 
 /* Standard Forms */
diff --git a/stylesheets/zurb/_foundation.sass b/stylesheets/zurb/_foundation.sass
new file mode 100644
index 0000000..50f5772
--- /dev/null
+++ b/stylesheets/zurb/_foundation.sass
@@ -0,0 +1,9 @@
+@import includes
+@import globals
+@import typography
+@import grid
+@import ui
+@import forms
+@import orbit
+@import reveal
+@import mobile
diff --git a/templates/project/sass/globals.sass b/stylesheets/zurb/_globals.sass
similarity index 97%
rename from templates/project/sass/globals.sass
rename to stylesheets/zurb/_globals.sass
index 376b561..0c050f1 100644
--- a/templates/project/sass/globals.sass
+++ b/stylesheets/zurb/_globals.sass
@@ -1,6 +1,5 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
+@import includes
+
 /* Artfully masterminded by ZURB */
 /* Table of Contents */
 /*  :: Reset & Standards */    
diff --git a/templates/project/sass/grid.sass b/stylesheets/zurb/_grid.sass
similarity index 97%
rename from templates/project/sass/grid.sass
rename to stylesheets/zurb/_grid.sass
index f667723..fb71c19 100644
--- a/templates/project/sass/grid.sass
+++ b/stylesheets/zurb/_grid.sass
@@ -1,6 +1,3 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
 /* Arfully Masterminded by ZURB */
 /* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. */
 
diff --git a/stylesheets/zurb/_includes.sass b/stylesheets/zurb/_includes.sass
new file mode 100644
index 0000000..b91e7f6
--- /dev/null
+++ b/stylesheets/zurb/_includes.sass
@@ -0,0 +1,3 @@
+@import includes/settings
+@import includes/colors
+@import includes/mixins
\ No newline at end of file
diff --git a/templates/project/sass/mobile.sass b/stylesheets/zurb/_mobile.sass
similarity index 100%
rename from templates/project/sass/mobile.sass
rename to stylesheets/zurb/_mobile.sass
diff --git a/templates/project/sass/orbit.sass b/stylesheets/zurb/_orbit.sass
similarity index 100%
rename from templates/project/sass/orbit.sass
rename to stylesheets/zurb/_orbit.sass
diff --git a/templates/project/sass/reveal.sass b/stylesheets/zurb/_reveal.sass
similarity index 100%
rename from templates/project/sass/reveal.sass
rename to stylesheets/zurb/_reveal.sass
diff --git a/templates/project/sass/typography.sass b/stylesheets/zurb/_typography.sass
similarity index 96%
rename from templates/project/sass/typography.sass
rename to stylesheets/zurb/_typography.sass
index 46382ba..b70db5f 100644
--- a/templates/project/sass/typography.sass
+++ b/stylesheets/zurb/_typography.sass
@@ -1,6 +1,5 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
+@import includes
+
 /* Typography */
 h1,h2,h3,h4,h5,h6
   color: #181818
diff --git a/templates/project/sass/ui.sass b/stylesheets/zurb/_ui.sass
similarity index 100%
rename from templates/project/sass/ui.sass
rename to stylesheets/zurb/_ui.sass
diff --git a/templates/project/sass/includes/_colors.sass b/stylesheets/zurb/includes/_colors.sass
similarity index 100%
rename from templates/project/sass/includes/_colors.sass
rename to stylesheets/zurb/includes/_colors.sass
diff --git a/templates/project/sass/includes/_mixins.sass b/stylesheets/zurb/includes/_mixins.sass
similarity index 100%
rename from templates/project/sass/includes/_mixins.sass
rename to stylesheets/zurb/includes/_mixins.sass
diff --git a/templates/project/sass/includes/_settings.sass b/stylesheets/zurb/includes/_settings.sass
similarity index 100%
rename from templates/project/sass/includes/_settings.sass
rename to stylesheets/zurb/includes/_settings.sass
diff --git a/templates/project/config.rb b/templates/project/config.rb
deleted file mode 100644
index bea183e..0000000
--- a/templates/project/config.rb
+++ /dev/null
@@ -1,33 +0,0 @@
-# Compass Configuration
-
-# Required compass extenstions
-require 'foundation-sass'
-
-# HTTP paths
-http_path             = '/'
-http_stylesheets_path = '/stylesheets'
-http_images_path      = '/images'
-http_javascripts_path = '/javascripts'
-
-# File system locations
-sass_dir              = 'sass'
-css_dir               = 'stylesheets'
-images_dir            = 'images'
-javascripts_dir       = 'javascripts'
-
-# Set to true for debugging
-line_comments         = false
-
-# What syntax do we prefer?
-preferred_syntax      = :sass
-
-# CSS output style, :nested, :expanded, :compact, or :compressed
-output_style          = :compact
-
-# True or false, Compass asset helper functions generates relative paths
-relative_assets       = true
-
-# Sass options
-sass_options          = { :cache => 'false' }
-
-# Learn more: http://compass-style.org/docs/tutorials/configuration-reference/
diff --git a/templates/project/manifest.rb b/templates/project/manifest.rb
index 0a99738..2b1d70c 100644
--- a/templates/project/manifest.rb
+++ b/templates/project/manifest.rb
@@ -1,21 +1,8 @@
-description 'foundation-sass'
+description 'Zurb Foundation'
 
 # Sass Files
-stylesheet 'sass/app.sass', :to => 'app.sass'
-stylesheet 'sass/forms.sass', :to => 'forms.sass'
-stylesheet 'sass/globals.sass', :to => 'globals.sass'
-stylesheet 'sass/ie.sass', :to => 'ie.sass'
-stylesheet 'sass/orbit.sass', :to => 'orbit.sass'
-stylesheet 'sass/reveal.sass', :to => 'reveal.sass'
-stylesheet 'sass/ui.sass', :to => 'ui.sass'
-stylesheet 'sass/mobile.sass', :to => 'mobile.sass'
-stylesheet 'sass/grid.sass', :to => 'grid.sass'
-stylesheet 'sass/typography.sass', :to => 'typography.sass'
-
-# Sass Mixins
-stylesheet 'sass/includes/_mixins.sass', :to => 'includes/_mixins.sass'
-stylesheet 'sass/includes/_settings.sass', :to => 'includes/_settings.sass'
-stylesheet 'sass/includes/_colors.sass', :to => 'includes/_colors.sass'
+stylesheet 'sass/app.sass', :to => 'app.sass', :media => "screen, projector, print"
+stylesheet 'sass/ie.sass', :to => 'ie.sass', :condition => "IE lt 9"
 
 # Javascrips
 javascript 'javascripts/app.js', :to => 'app.js'
diff --git a/templates/project/sass/app.sass b/templates/project/sass/app.sass
index 2ac5f3b..4b889e6 100644
--- a/templates/project/sass/app.sass
+++ b/templates/project/sass/app.sass
@@ -1,6 +1,26 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
+@import zurb/foundation
 
-/* Artfully masterminded by ZURB */
+// -------------------------------------------------- 
+//    Table of Contents
+// --------------------------------------------------
+// :: Shared Styles
+// :: Page Name 1
+// :: Page Name 2
 
+
+
+// -----------------------------------------
+//    Shared Styles
+// -----------------------------------------
+
+
+
+// -----------------------------------------
+//   Page Name 1
+// -----------------------------------------
+
+
+
+// -----------------------------------------
+//   Page Name 2
+//------------------------------------------
diff --git a/templates/project/sass/ie.sass b/templates/project/sass/ie.sass
index 7291307..0593aec 100644
--- a/templates/project/sass/ie.sass
+++ b/templates/project/sass/ie.sass
@@ -1,6 +1,4 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
+@import zurb/includes
 
 /* This is for all IE specfific style less than IE9. We hate IE. */
 
diff --git a/templates/project/stylesheets/app.css b/templates/project/stylesheets/app.css
deleted file mode 100644
index cf4b161..0000000
--- a/templates/project/stylesheets/app.css
+++ /dev/null
@@ -1 +0,0 @@
-/* Artfully masterminded by ZURB */
diff --git a/templates/project/stylesheets/forms.css b/templates/project/stylesheets/forms.css
deleted file mode 100644
index a470c8b..0000000
--- a/templates/project/stylesheets/forms.css
+++ /dev/null
@@ -1,70 +0,0 @@
-/* Artfully masterminded by ZURB :: Make sure to include app.js if using inline label inputs */
-/* Standard Forms */
-form { margin: 0 0 18px; }
-form label { display: block; font-size: 13px; font-size: 1.3rem; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
-
-input.input-text, textarea { border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
-
-input.input-text, textarea, select { display: block; margin-bottom: 9px; }
-
-label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
-
-/* Text input and textarea font and padding */
-input.input-text, textarea { font-size: 13px; font-size: 1.3rem; padding: 4px 3px 2px; outline: none !important; background: white; }
-input.input-text.oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8rem !important; padding: 4px 5px !important; }
-input.input-text:focus, textarea:focus { background: #f9f9f9; }
-
-/* Inlined Label Style */
-input .placeholder, textarea .placeholder { color: #888888; }
-
-/* Text input and textarea sizes */
-input.input-text { width: 254px; }
-
-textarea { width: 254px; }
-
-input.small, textarea.small { width: 134px; }
-input.medium, textarea.medium { width: 254px; }
-input.large, textarea.large { width: 434px; }
-
-/* Fieldsets */
-form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #dddddd; margin: 18px 0; }
-
-/* Errors */
-input.input-text.red { border-color: red; background-color: rgba(255, 0, 0, 0.15); }
-
-label.red { color: red; }
-
-small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; font-size: 1.1rem; color: red; width: 260px; }
-
-.small + .error { width: 140px; }
-
-.medium + .error { width: 260px; }
-
-.large + .error { width: 440px; }
-
-/* Nicer Forms */
-form.nice input.input-text, form.nice textarea { border: solid 1px #bbbbbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 13px; font-size: 1.3rem; padding: 6px 3px 4px; outline: none !important; background: url('../images/misc/input-bg.png?1296761857') white; }
-form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
-form.nice input.input-text fieldset, form.nice textarea fieldset { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
-form.nice small.error { padding: 6px 4px; border: solid 0px red; border-width: 0 1px 1px 1px; margin-top: -10px; background: red; color: white; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
-form.nice .small + .error { width: 132px; }
-form.nice .medium + .error { width: 252px; }
-form.nice .large + .error { width: 432px; }
-
-/* Custom Forms */
-form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #cccccc; background: url('../images/misc/custom-form-sprites.png?1299474407') 0 0 no-repeat; }
-form.custom span.custom.radio { -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
-form.custom span.custom.radio.checked { background-position: 0 -14px; }
-form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
-form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
-form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #dddddd; color: #141414; }
-form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url('../images/misc/custom-form-sprites.png?1299474407') -14px 0 no-repeat; right: 0px; top: 0px; border: solid 1px #dddddd; }
-form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: rgba(255, 255, 255, 0.9); border: solid 1px #dddddd; z-index: 10; }
-form.custom div.custom.dropdown ul.show { display: block; }
-form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
-form.custom div.custom.dropdown ul li.selected { background: url('../images/misc/custom-form-sprites.png?1299474407') right -52px no-repeat; }
-form.custom div.custom.dropdown ul li.selected:hover { background: url('../images/misc/custom-form-sprites.png?1299474407') #00a6fc right -78px no-repeat; }
-form.custom div.custom.dropdown ul li:hover { background-color: #00a6fc; color: white; }
-form.custom div.custom.dropdown:hover a.selector { background-position: -14px -26px; }
-form.custom div.custom.dropdown.open ul { display: block; }
-form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
diff --git a/templates/project/stylesheets/globals.css b/templates/project/stylesheets/globals.css
deleted file mode 100644
index 6e2536e..0000000
--- a/templates/project/stylesheets/globals.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Artfully masterminded by ZURB */
-/* Table of Contents */
-/*  :: Reset & Standards */
-/*  :: Links */
-/*  :: Lists */
-/*  :: Tables */
-/*  :: Misc */
-/* Global Reset & Standards */
-/* Eric Meyer's CSS Reset :: http://meyerweb.com/eric/tools/css/reset/ :: v2.0 | 20110126 :: License: none (public domain) */
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
-
-html { font-size: 62.5%; }
-
-/* HTML 5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
-
-body { line-height: 1; }
-
-ol, ul { list-style: none; }
-
-blockquote, q { quotes: none; }
-blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-
-body { background: white; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-size: 1.3rem; -webkit-font-smoothing: antialiased; line-height: 18px; color: #555555; position: relative; }
-
-/* Links */
-a { color: #00a6fc; text-decoration: none; outline: 0; line-height: inherit; }
-a:hover { color: #30b8ff; }
-
-p a, p a:visited { line-height: inherit; }
-
-/* Lists */
-ul, ol { margin-bottom: 18px; }
-
-ul { list-style: none outside; }
-ul.square { list-style: square outside; }
-ul.circle { list-style: circle outside; }
-ul.disc { list-style: disc outside; }
-
-ol { list-style: decimal; }
-
-ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
-
-ul ul, ol ol { margin: 4px 0 5px 30px; }
-
-li { margin-bottom: 12px; }
-
-ul.large li { line-height: 21px; }
-
-/* Tables */
-table { background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; margin: 0 0 18px; border: solid 1px #dddddd; }
-table thead { background: #f5f5f5; }
-table thead tr th { font-size: 12px; font-size: 1.2rem; line-height: 18px; text-align: left; padding: 8px 10px 9px; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #222222; }
-table thead tr th:first-child { border-left: none; }
-table thead tr th:last-child { border-right: none; }
-table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
-table tbody tr:nth-child(even) { background: #f9f9f9; }
-table tbody tr td { font-size: 12px; font-size: 1.2rem; line-height: 18px; text-align: left; color: #333333; padding: 9px 10px; vertical-align: top; border: none; }
-
-/* Misc */
-.left { float: left; }
-
-.right { float: right; }
-
-.hide { display: none; }
-
-.highlight { background: yellow; }
diff --git a/templates/project/stylesheets/grid.css b/templates/project/stylesheets/grid.css
deleted file mode 100644
index b1d514d..0000000
--- a/templates/project/stylesheets/grid.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/* Arfully Masterminded by ZURB */
-/* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. */
-.container { padding: 0 20px; }
-
-.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
-.row .row { min-width: 0px; }
-
-.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
-.column:first-child, .columns:first-child { margin-left: 0; }
-
-.row .one.columns { width: 4.3%; }
-.row .two.columns { width: 13%; }
-.row .three.columns { width: 21.7%; }
-.row .four.columns { width: 30.4%; }
-.row .five.columns { width: 39.1%; }
-.row .six.columns { width: 47.8%; }
-.row .seven.columns { width: 56.5%; }
-.row .eight.columns { width: 65.2%; }
-.row .nine.columns { width: 73.9%; }
-.row .ten.columns { width: 82.6%; }
-.row .eleven.columns { width: 91.3%; }
-.row .twelve.columns { width: 100%; }
-.row .offset-by-one { margin-left: 13.1%; }
-.row .offset-by-one:first-child { margin-left: 8.7%; }
-.row .offset-by-two { margin-left: 21.8%; }
-.row .offset-by-two:first-child { margin-left: 17.4%; }
-.row .offset-by-three { margin-left: 30.5%; }
-.row .offset-by-three:first-child { margin-left: 26.1%; }
-.row .offset-by-four { margin-left: 39.2%; }
-.row .offset-by-four:first-child { margin-left: 34.8%; }
-.row .offset-by-five { margin-left: 47.9%; }
-.row .offset-by-five:first-child { margin-left: 43.5%; }
-.row .offset-by-six { margin-left: 56.6%; }
-.row .offset-by-six:first-child { margin-left: 52.2%; }
-.row .offset-by-seven { margin-left: 65.3%; }
-.row .offset-by-seven:first-child { margin-left: 60.9%; }
-.row .offset-by-eight { margin-left: 74%; }
-.row .offset-by-eight:first-child { margin-left: 69.6%; }
-.row .offset-by-nine { margin-left: 82.7%; }
-.row .offset-by-nine:first-child { margin-left: 78.3%; }
-.row .offset-by-ten { margin-left: 91.4%; }
-.row .offset-by-ten:first-child { margin-left: 87%; }
-
-img, object, embed { max-width: 100%; height: auto; }
-
-img { -ms-interpolation-mode: bicubic; }
-
-/* Nicolas Gallagher's micro clearfix */
-.row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
-
-.row:after, .clearfix:after { clear: both; }
-
-.row, .clearfix { zoom: 1; }
-
-/* Blockgrids */
-/* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating block of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones */
-.block-grid { display: block; overflow: hidden; }
-.block-grid > li { display: block; height: auto; float: left; }
-.block-grid.two-up { margin-left: -4%; }
-.block-grid.two-up > li { margin-left: 4%; width: 46%; }
-.block-grid.three-up { margin-left: -2%; }
-.block-grid.three-up > li { margin-left: 2%; width: 31.3%; }
-.block-grid.four-up { margin-left: -4%; }
-.block-grid.four-up > li { margin-left: 4%; width: 23%; }
-.block-grid.five-up { margin-left: -1.5%; }
-.block-grid.five-up > li { margin-left: 1.5%; width: 18.5%; }
diff --git a/templates/project/stylesheets/ie.css b/templates/project/stylesheets/ie.css
deleted file mode 100644
index d72445b..0000000
--- a/templates/project/stylesheets/ie.css
+++ /dev/null
@@ -1,2 +0,0 @@
-/* This is for all IE specfific style less than IE9. We hate IE. */
-div.panel { border: 1px solid #cccccc; }
diff --git a/templates/project/stylesheets/mobile.css b/templates/project/stylesheets/mobile.css
deleted file mode 100644
index 53954af..0000000
--- a/templates/project/stylesheets/mobile.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/* Mobile Grid Fixes */
-/* Tablet screens */
-@media only screen and (device-width: 768px), (device-width: 800px) { /* Currently unused */ }
-@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; }
-  .row, body, .container { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
-  .row .row .column, .row .row .columns { padding: 0; }
-  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; }
-  .column:last-child, .columns:last-child { margin-right: 0; }
-  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0% !important; } }
-/* Mobile 4-column Grid */
-.row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0px; }
-.row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column, .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
-.row .phone-one.columns { width: 21.68% !important; }
-.row .phone-two.columns { width: 47.8% !important; }
-.row .phone-three.columns { width: 73.9% !important; }
-.row .phone-four.columns { width: 100% !important; }
-
-/* Block Grid */
-@media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0%; }
-  .block-grid.mobile li { float: none; width: 100%; margin-left: 0%; } }
-/* Mobile Visibility Affordances */
-.show-on-phones { display: none !important; }
-
-.show-on-tablets { display: none !important; }
-
-.show-on-desktops { display: block; }
-
-.hide-on-phones { display: block !important; }
-
-.hide-on-tablets { display: block !important; }
-
-.hide-on-desktops { display: none; }
-
-@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-width: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) { .show-on-phones { display: block !important; }
-  .show-on-tablets { display: none !important; }
-  .show-on-desktops { display: block !important; }
-  .hide-on-phones { display: none !important; }
-  .hide-on-tablets { display: block !important; }
-  .hide-on-desktops { display: none !important; } }
-@media only screen and (max-width: 767px) { .show-on-phones { display: none !important; }
-  .show-on-tablets { display: block !important; }
-  .show-on-desktops { display: block !important; }
-  .hide-on-phones { display: block !important; }
-  .hide-on-tablets { display: none !important; }
-  .hide-on-desktops { display: none !important; } }
-/* Specific overrides for elements that require something other than display: block */
-table.show-on-desktops { display: table !important; }
-table.hide-on-phones { display: table !important; }
-table.hide-on-tablets { display: table !important; }
-
-@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) { table.hide-on-phones { display: block !important; }
-  table.hide-on-desktops { display: block !important; }
-  table.show-on-tablets { display: block !important; } }
-@media only screen and (max-width: 767px) { table.hide-on-tablets { display: block !important; }
-  table.hide-on-desktops { display: block !important; }
-  table.show-on-phones { display: block !important; } }
-/* Forms */
-@media only screen and (max-width: 767px) { input.input-text, input.input-text.oversize, textarea, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; font-size: 1.8rem; }
-  form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
-  form.nice small.error { padding: 6px 2%; display: block; }
-  form.nice .small + .error, form.nice .medium + .error, form.nice .large + .error { width: auto; } }
-/* Buttons */
-@media only screen and (max-width: 767px) { .button { display: block; }
-  button.button { width: 100%; padding-left: 0px; padding-right: 0px; } }
-/* Tabs */
-@media only screen and (max-width: 767px) { dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
-  dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
-  dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0px #cccccc; border-width: 1px 0px 0px; margin: 0; color: #555555; background: #eeeeee; font-size: 15px; font-size: 1.5rem; }
-  dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; }
-  .nice.tabs.mobile { border-bottom: solid 1px #cccccc; height: auto; }
-  .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: solid 1px #cccccc; background: white; }
-  .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: white; margin: 0; position: static; top: 0px; height: auto; }
-  .nice.tabs.mobile dd:first-child a.active { margin-bottom: 0px; }
-  dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }
-  dl.contained.tabs.mobile dd a { padding: 18px 20px; }
-  dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } }
diff --git a/templates/project/stylesheets/orbit.css b/templates/project/stylesheets/orbit.css
deleted file mode 100644
index 0919dcc..0000000
--- a/templates/project/stylesheets/orbit.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/* CSS for jQuery Orbit Plugin 1.2.3 :: www.ZURB.com/playground :: Copyright 2010, ZURB :: Free to use under the MIT license. :: http://www.opensource.org/licenses/mit-license.php */
-/*  PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY */
-#featured { width: 940px; height: 450px; background: black url('../images/orbit/loading.gif?1296761857') no-repeat center center; overflow: hidden; }
-#featured > img, #featured > div, #featured > a { display: none; }
-
-/* Container */
-div.orbit-wrapper { width: 1px; height: 1px; position: relative; }
-
-div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; }
-div.orbit.with-bullets { margin-bottom: 40px; }
-div.orbit > img { position: absolute; top: 0; left: 0; }
-div.orbit > a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
-
-/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
-/* Timer */
-div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; cursor: pointer; z-index: 1001; }
-
-span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/orbit/rotator-black.png?1296761857') no-repeat; z-index: 3; }
-span.rotator.move { left: 0; }
-
-span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
-span.mask.move { width: 40px; left: 0; background: url('../images/orbit/timer-black.png?1296761857') repeat 0 0; }
-
-span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/orbit/pause-black.png?1296761857') no-repeat; z-index: 4; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
-span.pause.active { background: url('../images/orbit/pause-black.png?1296761857') no-repeat 0 -40px; }
-
-div.timer:hover span.pause, span.pause.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
-
-/* Captions */
-.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
-
-.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 1000; color: white; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }
-
-/* Directional Nav */
-div.slider-nav { display: block; }
-div.slider-nav span { width: 78px; height: 100px; text-indent: -99999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; }
-div.slider-nav span.right { background: url('../images/orbit/right-arrow.png?1296761857'); right: 0; }
-div.slider-nav span.left { background: url('../images/orbit/left-arrow.png?1296761857'); left: 0; }
-
-/* Bullet Nav */
-.orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
-.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -99999px; background: url('../images/orbit/bullets.jpg?1296761857') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
-.orbit-bullets li.active { color: #222222; background-position: -8px 0; }
-.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
-.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: solid 2px #141414; }
diff --git a/templates/project/stylesheets/reveal.css b/templates/project/stylesheets/reveal.css
deleted file mode 100644
index 435aeb6..0000000
--- a/templates/project/stylesheets/reveal.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/* Reveal Modals */
-.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; top: 0; left: 0; }
-
-.reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eeeeee url('../images/misc/modal-gloss.png?1296761857') no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
-.reveal-modal.small { width: 200px; margin-left: -140px; }
-.reveal-modal.medium { width: 400px; margin-left: -240px; }
-.reveal-modal.large { width: 600px; margin-left: -340px; }
-.reveal-modal.xlarge { width: 800px; margin-left: -440px; }
-.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #aaaaaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
-
-/* Mobile */
-@media only screen and (device-width: 768px), (device-width: 800px) { .reveal-modal-bg { position: absolute; }
-  .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; } }
-@media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
-  .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; } }
-/* NOTES */
-/* Close button entity is &#215; */
-/* Example markup */
-/* <div id="myModal" class="reveal-modal"> */
-/* 	<h2>Awesome. I have it.</h2> */
-/* 	<p class="lead">Your couch.  I it's mine.</p> */
-/* 	<p>Lorem ipsum dolor sit amet...</p> */
-/* 	<a class="close-reveal-modal">&#215;</a> */
-/* </div> */
diff --git a/templates/project/stylesheets/typography.css b/templates/project/stylesheets/typography.css
deleted file mode 100644
index d3a0e19..0000000
--- a/templates/project/stylesheets/typography.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/* Typography */
-h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25; }
-h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #777777; }
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
-
-h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px; }
-
-h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
-
-h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
-
-h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
-
-h5 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; font-weight: normal; }
-
-h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
-
-.subhead { color: #777777; font-weight: 300; margin-bottom: 24px; }
-
-p { line-height: 17px; margin: 0 0 18px; }
-p img { margin: 0; }
-p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; }
-
-em, i { font-style: italic; line-height: inherit; }
-
-strong, b { font-weight: bold; line-height: inherit; }
-
-small { font-size: 60%; line-height: inherit; }
-
-/* Mobile */
-@media only screen and (max-width: 767px) { body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } }
-/* Blockquotes */
-blockquote { line-height: 20px; color: #777777; margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }
-blockquote p { line-height: 20px; color: #777777; }
-blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555555; }
-blockquote cite:before { content: "/2014 /0020"; }
-blockquote cite a, blockquote cite a:visited { color: #555555; }
-
-hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
-
-abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }
-
-abbr { text-transform: none; }
-
-/* Print styles. Inlined to avoid required HTTP connection: */ /* www.phpied.com/delay-loading-your-print-css/ */
-/* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
-@media print { * { background: transparent !important; color: #141414 !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
-  p a, p a:visited { color: #444444 !important; text-decoration: underline; }
-  p a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(href) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
-  pre, blockquote { border: solid 1px #999999; page-break-inside: avoid; }
-  thead { display: table-header-group; }
-  tr, img { page-break-inside: avoid; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; } }
diff --git a/templates/project/stylesheets/ui.css b/templates/project/stylesheets/ui.css
deleted file mode 100644
index 433e98e..0000000
--- a/templates/project/stylesheets/ui.css
+++ /dev/null
@@ -1,110 +0,0 @@
-/* Table of Content */
-/* :: Buttons */
-/* :: Notices/Alerts */
-/* :: tabs */
-/* :: Pagination */
-/* :: Lists */
-/* :: Panels */
-/* Buttons */
-.button { background: #00a6fc; display: inline-block; text-align: center; padding: 9px 34px 11px; color: white; text-decoration: none; font-weight: bold; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1; position: relative; cursor: pointer; border: none; }
-.button.nice { background-color: #00a6fc; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28); border: solid 1px #008ed8; -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.15s; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
-.button.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
-.button.round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
-.button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
-.button.left-align { text-align: left; text-indent: 12px; }
-
-input[type=submit].button { -webkit-appearance: none; }
-
-/* Sizes */
-.button.small { font-size: 11px; font-size: 1.1rem; padding: 8px 20px 10px; width: auto; }
-.button.medium { font-size: 13px; font-size: 1.3rem; width: auto; }
-.button.large { font-size: 18px; font-size: 1.8rem; padding: 11px 48px 13px; width: auto; }
-
-/* Colors */
-.button.blue { background-color: #00a6fc; }
-.button.red { background-color: #e91c21; }
-.button.white { background-color: #e9e9e9; color: #333333; }
-.button.black { background-color: #141414; }
-
-/* Nice Colors */
-.nice.button.blue { border: solid 1px #008ed8; }
-.nice.button.red { border: solid 1px #cd1418; }
-.nice.button.white { border: solid 1px #dbdbdb; text-shadow: none !important; }
-.nice.button.black { border: solid 1px #020202; }
-
-/* Hovers */
-.button:hover { background-color: #0095e3; color: white; }
-.button.blue:hover { background-color: #0095e3; }
-.button.red:hover { background-color: #d7151a; }
-.button.white:hover { background-color: #e0e0e0; color: #333333; }
-.button.black:hover { background-color: #070707; }
-
-/* Disabled */
-.button.disabled, .button[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; cursor: default; }
-
-/* Alerts */
-div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; font-size: 1.3rem; background: #eeeeee; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px rgba(255, 255, 255, 0.9); position: relative; }
-div.alert-box.success { background-color: #7fae00; color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
-div.alert-box.warning { background-color: #c08c00; color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
-div.alert-box.error { background-color: #c00000; color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
-div.alert-box a.close { color: #141414; position: absolute; right: 4px; top: 0px; font-size: 18px; font-size: 1.8rem; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; padding: 4px; }
-div.alert-box a.close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
-
-/* Tabs */
-dl.tabs { display: block; margin: 0 0 20px; padding: 0; height: 30px; border-bottom: solid 1px #dddddd; }
-dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0px 20px; line-height: 30px; float: left; color: #999999; font-size: 11px; font-size: 1.1rem; text-transform: uppercase; cursor: default; }
-dl.tabs dt:first-child { padding: 0 9px 0 0; }
-dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
-dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #dddddd; margin: 0 -1px 0 0; color: #555555; background: #eeeeee; }
-dl.tabs dd a.active { background: white; border-width: 1px 1px 0px 1px; height: 30px; }
-
-.nice.tabs { border-bottom: solid 1px #eeeeee; margin: 0 0 30px; height: 43px; }
-.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
-.nice.tabs dd a.active { font-weight: bold; color: #333333; background: white; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-top: 1px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
-.nice.tabs dd:first-child a.active { margin-left: 0; }
-
-dl.tabs.vertical { height: auto; }
-
-dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
-
-dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0px #cccccc; border-width: 1px 1px 0px; margin: 0; color: #555555; background: #eeeeee; font-size: 15px; font-size: 1.5rem; }
-dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; background: white; }
-
-.nice.tabs.vertical { border-bottom: solid 1px #eeeeee; height: auto; }
-.nice.tabs.vertical dd a { padding: 15px 20px; background: white; border: none; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
-.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: white; margin: 0; position: static; top: 0px; height: auto; }
-.nice.tabs.vertical dd:first-child { margin-left: 0; }
-
-dl.tabs.vertical { height: auto; }
-
-ul.tabs-content { margin: 0; display: block; }
-ul.tabs-content > li { display: none; }
-ul.tabs-content > li.active { display: block; }
-
-dl.contained, dl.nice.contained { margin-bottom: 0px; }
-
-dl.contained.tabs dd a { padding: 0px 14px; }
-
-dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
-
-ul.contained.tabs-content { padding: 0; }
-ul.contained.tabs-content li { padding: 20px; border: solid 0px #dddddd; border-width: 0 1px 1px 1px; }
-
-ul.nice.contained.tabs-content li { border-color: #eeeeee; }
-
-/* Pagination */
-ul.pagination { display: block; height: 24px; margin-left: -5px; }
-ul.pagination li { float: left; display: block; height: 24px; color: #999999; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
-ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555555; }
-ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
-ul.pagination li.unavailable a { cursor: default; color: #999999; }
-ul.pagination li.unavailable:hover a { border-bottom: none; }
-
-/* Lists */
-ul.nice, ol.nice { list-style: none; margin: 0; }
-ul.nice li, ol.nice li { padding-left: 13px; position: relative; }
-
-ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #cccccc; }
-
-/* Panels */
-div.panel { padding: 20px 20px 2px 20px; background-color: #efefef; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(#ffffff 0%, #f4f4f4 100%); background-image: -moz-linear-gradient(#ffffff 0%, #f4f4f4 100%); background-image: -o-linear-gradient(#ffffff 0%, #f4f4f4 100%); background-image: linear-gradient(#ffffff 0%, #f4f4f4 100%); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); margin: 0 0 20px 0; }