From a9a4930d74ba07771507cc82bc7ef4552be85d39 Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Sun, 3 Jul 2011 17:43:43 -0700
Subject: nuke a lot of styles, images

---
 views/elements/authnav.html.php      |   2 +-
 views/elements/empty                 |   0
 views/elements/normalnav.html.php    |   2 +-
 views/layouts/default.html.php       |   6 +-
 views/pages/home.html.php            |  84 ++----
 webroot/carbon.css                   | 202 ---------------
 webroot/css/base.css                 | 263 ++++---------------
 webroot/css/grid.css                 | 484 -----------------------------------
 webroot/css/reset.css                |   1 -
 webroot/css/style.css                |   4 +-
 webroot/css/themes/black.css         |  28 --
 webroot/css/themes/blue.css          |  29 ---
 webroot/css/themes/green.css         |  29 ---
 webroot/css/themes/grey.css          |  32 ---
 webroot/css/themes/light.css         |  42 +--
 webroot/css/themes/purple.css        |  28 --
 webroot/css/themes/red.css           |  30 ---
 webroot/img/bg-dark.jpg              | Bin 8549 -> 0 bytes
 webroot/img/bg-input.gif             | Bin 96 -> 0 bytes
 webroot/img/bg.jpg                   | Bin 7587 -> 0 bytes
 webroot/img/features/box_address.png | Bin 5312 -> 0 bytes
 webroot/img/features/lock_closed.png | Bin 5988 -> 0 bytes
 webroot/img/features/magic_wand.png  | Bin 7959 -> 0 bytes
 webroot/img/features/monitor.png     | Bin 6533 -> 0 bytes
 webroot/img/features/preferences.png | Bin 5919 -> 0 bytes
 webroot/img/features/security.png    | Bin 4863 -> 0 bytes
 webroot/img/grad-black-hover.gif     | Bin 282 -> 0 bytes
 webroot/img/grad-black-rev.gif       | Bin 282 -> 0 bytes
 webroot/img/grad-black.gif           | Bin 282 -> 0 bytes
 webroot/img/grad-blue-hover.gif      | Bin 284 -> 0 bytes
 webroot/img/grad-blue-rev.gif        | Bin 284 -> 0 bytes
 webroot/img/grad-blue.gif            | Bin 284 -> 0 bytes
 webroot/img/grad-green-hover.gif     | Bin 283 -> 0 bytes
 webroot/img/grad-green-rev.gif       | Bin 283 -> 0 bytes
 webroot/img/grad-green.gif           | Bin 283 -> 0 bytes
 webroot/img/grad-grey-hover.gif      | Bin 278 -> 0 bytes
 webroot/img/grad-grey-rev.gif        | Bin 278 -> 0 bytes
 webroot/img/grad-grey.gif            | Bin 278 -> 0 bytes
 webroot/img/grad-purple-hover.gif    | Bin 283 -> 0 bytes
 webroot/img/grad-purple-rev.gif      | Bin 283 -> 0 bytes
 webroot/img/grad-purple.gif          | Bin 283 -> 0 bytes
 webroot/img/grad-red-hover.gif       | Bin 283 -> 0 bytes
 webroot/img/grad-red-rev.gif         | Bin 283 -> 0 bytes
 webroot/img/grad-red.gif             | Bin 283 -> 0 bytes
 webroot/img/grad-rev.png             | Bin 2858 -> 0 bytes
 webroot/img/grad.png                 | Bin 2863 -> 0 bytes
 webroot/img/screenshot.png           | Bin 94206 -> 0 bytes
 47 files changed, 103 insertions(+), 1163 deletions(-)
 delete mode 100644 views/elements/empty
 delete mode 100644 webroot/carbon.css
 delete mode 100644 webroot/css/grid.css
 delete mode 100644 webroot/css/reset.css
 delete mode 100644 webroot/css/themes/black.css
 delete mode 100644 webroot/css/themes/blue.css
 delete mode 100644 webroot/css/themes/green.css
 delete mode 100644 webroot/css/themes/grey.css
 delete mode 100644 webroot/css/themes/purple.css
 delete mode 100644 webroot/css/themes/red.css
 delete mode 100644 webroot/img/bg-dark.jpg
 delete mode 100644 webroot/img/bg-input.gif
 delete mode 100644 webroot/img/bg.jpg
 delete mode 100644 webroot/img/features/box_address.png
 delete mode 100644 webroot/img/features/lock_closed.png
 delete mode 100644 webroot/img/features/magic_wand.png
 delete mode 100644 webroot/img/features/monitor.png
 delete mode 100644 webroot/img/features/preferences.png
 delete mode 100644 webroot/img/features/security.png
 delete mode 100644 webroot/img/grad-black-hover.gif
 delete mode 100644 webroot/img/grad-black-rev.gif
 delete mode 100644 webroot/img/grad-black.gif
 delete mode 100644 webroot/img/grad-blue-hover.gif
 delete mode 100644 webroot/img/grad-blue-rev.gif
 delete mode 100644 webroot/img/grad-blue.gif
 delete mode 100644 webroot/img/grad-green-hover.gif
 delete mode 100644 webroot/img/grad-green-rev.gif
 delete mode 100644 webroot/img/grad-green.gif
 delete mode 100644 webroot/img/grad-grey-hover.gif
 delete mode 100644 webroot/img/grad-grey-rev.gif
 delete mode 100644 webroot/img/grad-grey.gif
 delete mode 100644 webroot/img/grad-purple-hover.gif
 delete mode 100644 webroot/img/grad-purple-rev.gif
 delete mode 100644 webroot/img/grad-purple.gif
 delete mode 100644 webroot/img/grad-red-hover.gif
 delete mode 100644 webroot/img/grad-red-rev.gif
 delete mode 100644 webroot/img/grad-red.gif
 delete mode 100644 webroot/img/grad-rev.png
 delete mode 100644 webroot/img/grad.png
 delete mode 100644 webroot/img/screenshot.png

diff --git a/views/elements/authnav.html.php b/views/elements/authnav.html.php
index 9b0af38..012ddde 100644
--- a/views/elements/authnav.html.php
+++ b/views/elements/authnav.html.php
@@ -12,7 +12,7 @@
 
 <?= $this->form->create(null, array('url' => '/search/index/anime', 'class' => 'search', 'method' => 'get')); ?>
 <?= $this->form->text('search', array('value' => 'Search...', 'onFocus' => 'clearDefault(this)', 'style' => 'width: 200px')); ?>
-<button class="search" type="submit">Go</button>
+<input type="submit" value="Go">
 <?= $this->form->end(); ?>
 
 <div id="friend" style="display:none">
diff --git a/views/elements/empty b/views/elements/empty
deleted file mode 100644
index e69de29..0000000
diff --git a/views/elements/normalnav.html.php b/views/elements/normalnav.html.php
index 28eeeff..ae8583e 100644
--- a/views/elements/normalnav.html.php
+++ b/views/elements/normalnav.html.php
@@ -11,7 +11,7 @@
 
 <?= $this->form->create(null, array('url' => '/search/index/anime', 'class' => 'search', 'method' => 'get')); ?>
 <?= $this->form->text('search', array('value' => 'Search...', 'onFocus' => 'clearDefault(this)', 'style' => 'width: 200px')); ?>
-<button class="search" type="submit">Go</button>
+<input type="submit" value="Go">
 <?= $this->form->end(); ?>
 
 <div id="login" style="display: none;">
diff --git a/views/layouts/default.html.php b/views/layouts/default.html.php
index e7a26fa..b53d02a 100644
--- a/views/layouts/default.html.php
+++ b/views/layouts/default.html.php
@@ -5,9 +5,9 @@ use \lithium\security\Auth;
 <html>
 <head>
 	<?= $this->html->charset() ?>
-	<title>OtakuHub > <?= $this->title()  ?></title>
-	<?= $this->html->style(array('style', 'base', 'grid')) ?>
-	<?= $this->html->style(array('themes/light', 'themes/green')) ?>
+	<title>OtakuHub > <?= $this->title() ?></title>
+	<?= $this->html->style(array('style', 'base')) ?>
+	<?= $this->html->style(array('themes/light')) ?>
 	<?= $this->html->style(array('prettyPhoto')) ?>
 
 	<script src="/js/jquery-1.6.1.min.js" type="text/javascript"></script>
diff --git a/views/pages/home.html.php b/views/pages/home.html.php
index 91358e1..7d902b0 100644
--- a/views/pages/home.html.php
+++ b/views/pages/home.html.php
@@ -1,62 +1,37 @@
 <div id="feature">
-<img class="feature-img" src="/img/screenshot.png" alt="">
-<div class="feature-text">
-<h2 id="tagline">The Otaku Social Network</h2>
-<h3 id="tagline-mini">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
-<h2>Signup Now!</h2>
-<hr/>
-<form method="post" action="/users/signup"><div><label for="Username">Username</label><input type="text" style="width: 200px;" name="username" id="Username"></div><div><label for="Password">Password</label><input type="text" id="Password" name="password" style="width: 200px;"><div><label for="Email">Email</label><input type="text" id="Email" name="email" style="width: 200px;"><input class="button green" type="submit" value="Signup!"></div></form>
-<br class="cl" />
-</div>
-<br class="cl" />
-</div>
+	<h2>The Otaku Social Network</h2>
+	<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
+	<h2>Signup Now!</h2>
+	<hr/>
+	<form method="post" action="/users/signup">
+		<label for="username">Username</label>
+		<input type="text" name="username" id="username">
+		<label for="password">Password</label>
+		<input type="password" id="password" name="password">
+		<label for="email">Email</label>
+		<input type="text" id="email" name="email">
+		<input class="button green" type="submit" value="Signup!">
+	</form>
 </div>
 
-
-
-
-    <div id="page-content" class="container_12">
-      <h2 class="ribbon full">Why You'll &#9825; OtakuHUB:</h2>
-      <div class="triangle-ribbon"></div>
+<h2 class="ribbon">Why you'll &#9825; OtakuHub~</h2>
+<div class="triangle-ribbon"></div>
 <br class="cl" />
 
-      <div class="grid_4 feature">
-        <h3>For Us By Us</h3>
-        <img src="/img/features/box_address.png" height="48" width="48" alt="design" />
-        <p>Built by Otakus for Otakus, we know what you want, and we work tirelessly to give it to you. </p>
-      </div>
-      <div class="grid_4 feature">
-        <h3>Data Portability</h3>
-        <img src="/img/features/magic_wand.png" height="48" width="48" alt="design" />
-        <p>Move your data between AnimePlanet AnimeDB or MAL or export your list for your own records</p>
-      </div>
-      <div class="grid_4 feature">
-        <h3>Meet others</h3>
-        <img src="/img/features/monitor.png" height="48" width="48" alt="design" />
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-      </div>
-      <div class="grid_4 feature">
-        <h3>Options</h3>
-        <img src="/img/features/preferences.png" height="48" width="48" alt="coding" />
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-      </div>
-      <div class="grid_4 feature">
-        <h3>Security</h3>
-        <img src="/img//features/lock_closed.png" height="48" width="48" alt="seo" />
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-      </div>
-      <div class="grid_4 feature">
-        <h3>Support</h3>
-        <img src="/img/features/security.png" height="48" width="48" alt="icon design" />
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-      </div>
-      <br class="cl" />
-      <br />
-      <h2 class="ribbon blue">Screenshots</h2>
-      <div class="triangle-ribbon blue"></div>
+<h3>For Us By Us</h3>
+<p>
+	Built by Otakus for Otakus, we know what you want, and we work tirelessly to give it to you.
+</p>
+<h3>Data Portability</h3>
+<p>
+	Move your data between AnimePlanet AnimeDB or MAL or export your list for your own records
+</p>
+<h3>Meet others</h3>
+<p>
+	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</p>
 <br class="cl" />
 
-
 <!-- "previous page" action -->
 <a class="prev browse left"></a>
 <div id="browsable" class="scrollable">   
@@ -96,8 +71,5 @@
 </div>
 <!-- "next page" action -->
 <a class="next browse right"></a>
-<br />
 
-
-    </div>
-    <br class="cl" />
\ No newline at end of file
+<br class="cl" />
diff --git a/webroot/carbon.css b/webroot/carbon.css
deleted file mode 100644
index d50f5fd..0000000
--- a/webroot/carbon.css
+++ /dev/null
@@ -1,202 +0,0 @@
-
-	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
-	table { border-collapse:collapse; border-spacing:0; }
-	fieldset,img { border:0; }
-	address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
-	ol,ul { list-style:none; }
-	caption,th { text-align:left; }
-	h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
-	q:before,q:after { content:''; }
-	abbr,acronym { border:0; }
-	a { outline:none; }
-
-
-	@font-face {
-		font-family: 'TitilliumText22LXBold';
-		src: url('http://static.tumblr.com/lakznp6/e0flbfi7z/titilliumtext22l006-webfont.eot');
-		src: local('☺'), url('http://static.tumblr.com/lakznp6/Gizlbfiah/titilliumtext22l006-webfont.woff') format('woff'), url('http://static.tumblr.com/lakznp6/pvjlbfi9p/titilliumtext22l006-webfont.ttf') format('truetype'), url('http://static.tumblr.com/lakznp6/QE6lbfi8y/titilliumtext22l006-webfont.svg#webfontI2J8pdTu') format('svg');
-		font-weight: bold;
-		font-style: normal;
-	}
-
-
-
-	.hide  { display:none !important; }
-	.icon { display: inline-block; width: 29px; height: 29px; background-image: url(Carbon_files/sidebar_icon_sprite.png); background-repeat: no-repeat; }
-	.icon.twitter { background-position: 0 0; }
-	.icon.facebook { background-position: 0 -29px; }
-	.icon.flickr { background-position: 0 -58px; }
-	.icon.email { background-position: 0 -87px; }
-	.icon.vimeo { background-position: 0 -116px; }
-	.icon.page { background-position: 0 -145px; }
-	.icon.ask { background-position: 0 -174px; }
-	.icon.submit { background-position: 0 -203px; }
-
-
-
-	html { background:#7f878f url(Carbon_files/bg_texture.png); height:100%; font-size:13px; min-width:960px; }
-	body { height:100%; font-family:helvetica,arial,sans-serif; min-width:960px; }
-
-	#container { width:1060px; min-width:1060px; height:100%; }
-
-	#sidebar { position: relative; float:left; width:354px; height:100%; position:fixed; top: 0; left: 0; background:url(Carbon_files/bg_sidebar.png) repeat-y; }
-	#sidebar-glow { position: absolute; z-index: 1; width: 279px; height: 274px; background: url(Carbon_files/sidebar_top.png) no-repeat 0 0;}
-
-	#header { position: relative; z-index: 2; width: 279px; padding: 12px 0 15px; }
-
-	#portrait { position: relative;  display: block; padding: 5px; width: 72px; height: 73px; margin: 0 auto;}
-	#portrait img, #portrait a { display: block; width: 72px; height: 72px;} 
-	#portrait .frame { position: absolute; display: block; top: 0; left: 0; width: 82px; height: 83px; background: url(Carbon_files/portrait_frame.png) no-repeat 0 0; }
-
-	#title { padding: 0 20px 5px; }
-	#title .top { width: 239px; height: 14px; background: url(Carbon_files/title_top.png) no-repeat 0 0; }
-	#title .bottom { width: 239px; height: 13px; background: url(Carbon_files/title_bottom.png) no-repeat 0 0; }
-	#title .content { background:url(Carbon_files/title_slice.png) repeat-y 0 0; padding: 10px 0 7px; }
-	#title .tagline { display: block; text-align: center; color: #12253c; text-shadow: 0 1px 0 #7390b2; }
-	#title h1 { padding: 0.1em 0 0; font: normal 28px/32px TitilliumText22LXBold, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 -1px 0 #000;  }
-	#title h1 a { display:block; text-decoration:none; color: #fff; }
-
-
-	#header p.info { font-size:12px; line-height:1.5em; width:220px; text-align:center; padding:0 30px; margin: 0; color:#a9c3e4; text-shadow:#112a49 0 -1px 0; -webkit-text-stroke:.5px transparent; }
-	#header p.info a { color:#fff; text-decoration: none;}
-	#header p.info a:hover { color:#a9c3e4; text-decoration: underline; }
-
-	#mylinks { position: relative; z-index: 2; width:227px; margin:0 25px; margin-bottom:1.7em; }
-	#mylinks ul { background:#111e2c; border:3px solid #445f82; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: 0 0 0 #28476F; }
-	#mylinks ul li { display: block; border-top: 1px solid #1C2E43; border-bottom: 1px solid #000; }
-	#mylinks ul li:hover { background-color: #0b1621; }
-
-	#mylinks ul li a { display:block; height: 29px; padding:10px; text-decoration:none; font-size:11px; line-height:1.2em; color:#7697c1; font-style:italic; -webkit-text-stroke:0.5px transparent; }
-	#mylinks ul li a .icon { float: left; margin: 0 10px 0 0; }
-	#mylinks ul li a strong { font-size:13px; line-height: 15px; color:#fff; text-shadow:#000 0 -1px 0; font-weight:bold; }
-	#mylinks ul li.nolabel a strong { line-height: 29px; }
-	#mylinks ul li:first-child a { border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
-	#mylinks ul li:first-child { border-top: none; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
-	#mylinks ul li:last-child a { border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background:none; }
-	#mylinks ul li:last-child { border-bottom: none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; }
-
-	#content { margin-left:354px; padding:50px 0 50px 0; float:left; }
-
-	/* Search and RSS */
-	#helper { margin:0 0 15px 25px; float:left; width:685px; padding-bottom:25px; background:url(Carbon_files/divider.png) repeat-x 0 bottom; }
-	#helper form { float:left; border:0; width:284px; height:33px; display:block; font-weight:bold; background:url(Carbon_files/bg_search_focus.png) no-repeat 0 0; }
-	#helper form input { background:url(Carbon_files/bg_search.png) no-repeat 0 0; border:0; margin:0; padding:0 10px 0 30px; line-height:33px; width:244px; height:33px; display:block; font-weight:bold; color:#aaa; font-size:13px; font-family:helvetica,arial,sans-serif; } 	 	 	   
-	#helper form input:focus { outline:0; color:#555; background:none; }
-	#helper span.rss { margin-top:5px; float:right; display:block; width:150px; text-align:left; }
-	#helper span.rss a { background:url(Carbon_files/icon_rss.png) no-repeat 3px 50%; display:block; padding:4px 0 4px 35px; font-size:10px; font-weight:bold; text-decoration:none; color:#2b3034; white-space:nowrap; text-shadow:#939aa2 0 1px 0; }
-	#helper span.rss a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
-
-	/* Tag Page */
-	#tag_header { margin-left:25px; }
-	#tag_header h2 { font-size:15px; color:#434a50; text-shadow:#9aa2ab 0 1px 0; background:url(Carbon_files/divider.png) repeat-x 0 bottom; padding-bottom:18px; }
-	#tag_header h2 strong { font-weight:bold; color:#32383e; }
-
-	/* Sections */
-	.section { width:685px; margin-left:25px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(Carbon_files/divider.png) repeat-x 0 bottom; }
-	.section .meta { width:150px; float:right; color:#2b3034; padding-top:20px; }
-	.section .meta a { text-decoration:none; color:#2b3034; white-space:nowrap; }
-	.section .meta a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
-	.section .meta li { font-size:10px; margin-bottom:.7em; line-height:1.5em; background:url(Carbon_files/icon_link.png) no-repeat 0 0; padding-left:35px; text-shadow:#939aa2 0 1px 0; }
-	.section .meta .date { font-weight:bold; }
-	.section .meta li.fav { background-image:url(Carbon_files/icon_fav.png); }
-	.section .meta li.tags { background-image:url(Carbon_files/icon_tag.png); }
-	.section .meta li.comments { background-image:url(Carbon_files/icon_comment.png); background-position: 4px 1px; }
-	.section .meta li.source { background-image:url(Carbon_files/icon_source.png); background-position: 4px 1px;}
-	.section .post { float:left; padding-top:20px; width:510px; min-height:50px; position:relative; margin-left:-89px; padding-left:89px; }
-	.section .post .post_type { position:absolute; top:0; left:0; }
-	.section .post .post_type a { text-indent:-5000px; margin-top:10px; width:63px; height:50px; display:block; background:url(Carbon_files/postmarker.png) no-repeat 0 0; }
-	.section .post.audio .post_type a { background-image:url(Carbon_files/postmarker_audio.png); }
-	.section .post.video .post_type a { background-image:url(Carbon_files/postmarker_video.png); }
-	.section .post.link .post_type a { background-image:url(Carbon_files/postmarker_url.png); }
-	.section .post.quote .post_type a { background-image:url(Carbon_files/postmarker_quote.png); }
-	.section .post.text .post_type a { background-image:url(Carbon_files/postmarker_text.png); }
-	.section .post.image .post_type a { background-image:url(Carbon_files/postmarker_img.png); }
-	.section .post.chat .post_type a { background-image:url(Carbon_files/postmarker_chat.png); }
-	.section .post .caption { background:url(Carbon_files/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:7px 10px; float:left; min-width:35px; font-size:11px; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; clear:both; }
-	.section .post .caption:before { content:url(Carbon_files/caption_top.png); position:absolute; top:-13px; left:15px; }
-	.section .post .caption p { margin-bottom:.7em; }
-	.section .post .caption p:last-child { margin-bottom: 0; }
-	.section .post a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
-	.section .post a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
-	.section .post .repost { font-size:12px; text-align:right; font-style:italic; color:#121415; clear:both; text-shadow:#a6adb4 0 1px 0; }
-
-	.post h1 { color:#ddd; font-weight:bold; font-size:21px; line-height:1em; margin-bottom:1em; }
-	.post h1 a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
-	.post h1 a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
-
-	/* Text */
-	.section .post.text { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; }
-	.section .meta.text { margin-top:45px; }
-	.section .post.text p { line-height:1.5em; margin-bottom:1.5em; }
-	.section .post.text h2 { font-size:15px; font-weight:bold; color:#000; line-height:1.5em; margin-bottom:1.5em; }
-	.section .post.text strong { font-weight:bold; }
-	.section .post.text em { font-style:italic; } 	 	 	   
-	.section .post.text hr { border:none; background:none; height:2px; background:url(Carbon_files/divider.png); line-height:.1em; margin:0 0 1.5em 0; padding:0; }
-	.section .post.text ul,ol { margin:0 0 1.5em 1.5em; }
-	.section .post.text li { list-style-position:inside; font-size:13px; line-height:1.5em; }
-	.section .post.text ul li { list-style-type:disc; }
-	.section .post.text ol li { list-style-type:decimal; }
-	.section .post.text blockquote { border-left:2px solid #121415; padding:0 0 0 1em; margin-left:1.5em; margin-bottom:1.5em; }
-	.section .post.text blockquote p { font-size:13px; line-height:1.5em; color:#222; font-style:italic; }
-	/* Quote */
-	.section .post.quote blockquote { font-size:18px; line-height:1.3em; background:url(Carbon_files/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:10px; float:left; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; }
-	.section .post.quote blockquote:after { content:url(Carbon_files/caption_bot.png); position:absolute; bottom:-13px; left:15px; line-height:0em; }
-	.section .post.quote blockquote p { margin-bottom:1em; }
-	.section .post.quote em.source { font-size:12px; font-weight:bold; clear:both; color:#2b3034; text-shadow:#888e96 0 1px 0; display:block; margin-bottom:1.5em; }
-	/* Image */
-	.section .post.image .photo { border-bottom:1px solid #5a5f65; margin-bottom:1.5em; padding:5px; background:#fff; position:relative; }
-	.section .post.image .photo a { display:block; text-decoration:none; }
-	.section .post.image .photo a:hover { border:none; }
-	.section .post.image .photo img { display:block; background:#000; }
-	.section .post.image .photo:after { content:url(Carbon_files/photo_corner.png); position:absolute; display:block; z-index:1; top:-5px; right:-5px; }
-	/* Video */
-	.post.video .clip { padding: 4px; background:#000; border:1px solid #979ea5; margin-bottom:1.5em; }
-	.post.video .clip object, .post.video .clip embed, .post.video .clip iframe { display:block; }
-	/* Audio */
-	.post.audio .clip { padding:8px; overflow: hidden; background:#000; margin-bottom:1.5em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;  }
-	.post.audio .albumart { float:left; margin: 0 24px 0 0; }
-	.post.audio .albumart img { display: block; }
-	.post.audio .player { position: relative; left: -10px; }
-	.post.audio .clip embed, .post.audio .clip object { display:block; }
-	.post.audio .info { color: #fff; margin: 40px 0 0; } 	 	 	   
-	.post.audio .info p { margin: 0.8em 0; font-size: 16px; }
-	.post.audio .info .track { font-weight: bold; } 	 	 	   
-	/* Chat */
-	.section .post.chat ul  { }
-	.section .post.chat ul li { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; margin-bottom:.5em; padding:4px 10px; }
-	.section .post.chat ul li.odd { background:url(Carbon_files/bg_caption.png); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#222527; text-shadow:#939ba4 0 1px 0; }
-	.section .post.chat ul li span.label { font-weight:bold; color:#000; }
-	/* Link */
-	.section .post.link .source { margin-bottom:1.5em; display:block; font-size:15px; float:left; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:6px 10px; background:#374049; }
-	.section .post.link .source a { color:#ddd; text-shadow:#29323a 0 -1px 0; text-decoration:none; border-bottom:1px solid #525c66; display:block; float:left; }
-	.section .post.link .source a:hover { color:#fff; text-shadow:#29323a 0 1px 0; border-bottom-color:#69737c; }
-	/* Pagination */
-	#pagination { clear:both; text-align:center; margin-left:25px; color:#363d44; float:left; width:685px; text-shadow:#a6adb4 0 1px 0; margin-bottom:25px; }
-	#pagination.top { background:url(Carbon_files/divider.png) repeat-x 0 bottom; padding-bottom:20px; }
-	#pagination .new { float:left; }
-	#pagination .old { float:right; }
-	#pagination .current { padding-top:10px; margin:0 150px; }
-	#pagination li a { text-decoration:none; color:#ddd; font-weight:bold; text-shadow:#333 0 -1px 0; height:36px; line-height: 36px; width:85px; padding: 0 8px 0 0; display:block; background:url(Carbon_files/button_nav_right.png) no-repeat 0 0; }
-	#pagination li.new a { background-image:url(Carbon_files/button_nav_left.png); padding: 0 0 0 8px;}
-	#pagination li a:hover { color:#fff; }
-	#pagination li a:active { background-position:0 -36px; }
-	/* Notes */
-	#notes { clear:both; margin-left:25px; padding:20px 25px 10px 25px; background:#8f979f; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-top:-40px; position:relative; }
-	#notes h4 { font-size:13px; font-weight:bold; color:#2c3336; text-shadow:#a6adb4 0 1px 0; margin-bottom:15px; }
-	ol.notes li { padding:9px 0; clear:both; border-top:1px solid #808992; }
-	ol.notes li blockquote { font-size:10px; margin-left:40px; border-left:2px solid #b0b6bc; padding-left:5px; margin-top:5px; }
-	ol.notes li blockquote a { text-shadow:none; color:#5c646c; font-weight:normal; }
-	ol.notes li blockquote a:hover { color:#fff; }
-	ol.notes li a { color:#222; text-decoration:none; text-shadow:none; font-weight:bold; text-shadow:#a6adb4 0 1px 0; }
-	ol.notes li a:hover { color:#fff; text-shadow:#707a83 0 1px 0; }
-	ol.notes li a img { display:block; float:left; padding:1px; margin-top:-4px; background:#000; border:1px solid #aaa; }
-	ol.notes li span.action { margin-left:30px; display:block; font-size:12px; color:#3c4448; text-shadow:#a6adb4 0 1px 0; }
-	#footer { clear:both; position:fixed; bottom:10px; left:0; width:280px; text-align:center; }
-	#footer p { font-size:11px; color:#08192b; text-shadow:#2e5a8a 0 1px 0; }
-	#footer a { color:#08192b; text-decoration: none; }
-	#footer a:hover { color:#fff; text-shadow:#29323a 0 1px 0; } 	 	 	   
-	/* Comments */
-	#comments { color:#2b3034; text-shadow:#939aa2 0 1px 0;  }
-	#comments a { text-decoration:none; color:#2b3034; }
-	#comments a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
-
diff --git a/webroot/css/base.css b/webroot/css/base.css
index 7908666..0143743 100644
--- a/webroot/css/base.css
+++ b/webroot/css/base.css
@@ -13,30 +13,29 @@ h2 {
 	letter-spacing:-1px;
 }
 h2.ribbon {
-	padding:15px 30px;
-	position:relative;
-	left:-55px;
-	float:left;
-	margin-bottom:20px;
-	border-radius:3px 3px 3px 0px;
-	-moz-border-radius:3px 3px 3px 0px;
-	-webkit-border-radius:3px 3px 3px 0px;
+	padding: 15px 30px;
+	position: relative;
+	left: -55px;
+	float: left;
+	margin: 20px 0;
+	border-radius: 3px 3px 3px 0px;
+	-moz-border-radius: 3px 3px 3px 0px;
+	-webkit-border-radius: 3px 3px 3px 0px;
+	width: 890px;
 }
 .triangle-ribbon {
-	border-style:solid;
-	border-width:13px;
-	height:0;
-	position:relative;
-	width:0;
-	float:left;
-	clear:left;
-	left:-67px;
-	top:-33px;
-	z-index:-1;
-}
-h2.full {
-	width:890px;
+	/* border-right-color is overwritten by theme */
+	border: 13px solid transparent;
+	height: 0;
+	position: relative;
+	width: 0;
+	float: left;
+	clear: left;
+	left: -67px;
+	top: -33px;
+	z-index: -1;
 }
+
 h2 span {
 	position:absolute;
 	right:25px;
@@ -449,43 +448,8 @@ dl.definition dd {
 	display:inline;
 	margin-right:10px;
 }
-#feature {
-	margin-bottom:20px;
-}
-.feature-img {
-	float:left;
-	margin-top:10px;
-}
-.feature-text {
-	margin-left:545px;
-}
-h2#tagline {
-	font-size:240%;
-}
-h3#tagline-mini {
-	font-weight:normal;
-	font-size:100%;
-	color:#4d4d4d;
-	line-height:1.6;
-	margin-bottom:25px;
-}
-.feature-screenshots {
-	margin:0;
-	list-style:none;
-}
-.feature-screenshots li {
-	float:left;
-	margin:	0 20px 10px 0;
-}
 
 
-/* Homepage */
-.feature img {
-	float:left;
-}
-.feature p {
-	margin-left:70px;
-}
 .scrollable {
 	height:110px;
 	overflow:hidden;
@@ -587,21 +551,7 @@ a.disabled {
 	float: right;
 	margin-top: 5px;
 }
-button.search {
-	background:#fff url(../img/grad-grey.gif) repeat-x top;
-	border:1px solid #d9d9d9;
-	color:#404040;
-	height:38px;
-	line-height:12px;
-	font-size:108%;
-	font-weight:bold;
-	padding:8px 8px 10px;
-	margin: 0 0 0 5px;
-	text-shadow:0 1px 0 #FFFFFF;
-	border-radius:5px;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-}
+
 .pricing-table h4 {
 	color:#FFFFFF;
 	font-size:240%;
@@ -624,12 +574,6 @@ button.search {
 	background:#fff;
 	border:none;
 }
-.pricing-table .feature {
-	border-left:1px solid #58bbec;
-}
-.pricing-table .feature.first {
-	border-top:1px solid #58bbec;
-}
 .pricing-table {
 	border-right:1px solid #58bbec;
 	border-bottom:1px solid #58bbec;
@@ -677,17 +621,35 @@ form label {
 	margin-top:5px;
 }
 form input, form textarea {
-	padding:10px 5px;
-	background:#fff url(../img/bg-input.gif) repeat-x top;
-	border:1px solid #D9D9D9;
-	width:448px;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
+	padding: 7px 5px;
+	border: 1px solid #ccc;
+	width: 200px;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
 }
 form input.small {
 	width:35px;
 }
+input[type="button"], input[type="submit"], button {
+	cursor: pointer;
+	display: inline-block;
+	font-weight: 700;
+	outline: none;
+	width: auto;
+	text-align: center;
+	vertical-align: middle;
+	background: #ddd;
+	color: #444;
+	text-shadow: 0 -1px 0 #eee;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+input[type="button"]:hover, input[type="submit"]:hover, button:hover {
+	background: #eee;
+}
+
 #message {
 	margin-bottom:20px;
 }
@@ -705,140 +667,7 @@ form input.small {
 	-moz-border-radius:3px;
 	-webkit-border-radius:3px;
 }
-/* Buttons */
 
-button, .button {
-	cursor:pointer;
-	display:inline-block;
-	font-size:108%;
-	font-weight:700;
-	margin:0 5px 15px 0;
-	outline:none;
-	padding:10px 15px;
-	width:auto;
-	text-align:center;
-	text-decoration:none !important;
-	vertical-align:middle;
-	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;
-	color:#444444;
-	border:1px solid #c3c3c3;
-	text-shadow:0 -1px 0 #FFFFFF;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
-	zoom:1;
-	display:inline;
-}
-button:hover, .button:hover {
-	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
-	text-decoration:none;
-	outline:none;
-}
-button:active, .button:active {
-	position:relative;
-	top:1px;
-	outline:none;
-	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
-}
-/* Blue Button */
-button.blue, .button.blue {
-	background:url("../img/grad-blue.gif") repeat-x center top #166890;
-	border:1px solid #11506F;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #11506F;
-}
-button.blue:hover, .button.blue:hover {
-	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;
-}
-button.blue:active, .button.blue:active {
-	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;
-}
-/* Green Button */
-button.green, .button.green {
-	background:url("../img/grad-green.gif") repeat-x center top #518f14;
-	border:1px solid #406f11;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #406f11;
-}
-button.green:hover, .button.green:hover {
-	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;
-}
-button.green:active, .button.green:active {
-	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;
-}
-/* Red Button */
-button.red, .button.red {
-	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;
-	border:1px solid #6f1811;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1811;
-}
-button.red:hover, .button.red:hover {
-	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;
-}
-button.red:active, .button.red:active {
-	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;
-}
-/* Purple Button */
-button.purple, .button.purple {
-	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;
-	border:1px solid #6f1156;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1156;
-}
-button.purple:hover, .button.purple:hover {
-	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;
-}
-button.purple:active, .button.blue:active {
-	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;
-}
-/* Black Button */
-button.black, .button.black {
-	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;
-	border:1px solid #3b3b3b;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #3b3b3b;
-}
-button.black:hover, .button.black:hover {
-	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;
-}
-button.black:active, .button.black:active {
-	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;
-}
-button.large, .button.large {
-	font-size:138.5%;
-	padding:10px 30px;
-}
-button.small, .button.small {
-	font-size:93%;
-	padding:4px 10px 5px;
-}
-button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
-	background-color:#ccc !important;
-	color:#666 !important;
-	text-shadow:0 1px 0 #CCCCCC;
-	cursor:default;
-}
-body.ie7 button.disabled, body.ie8 button.disabled {
-	border-color:#a3a3a3;
-}
-button.disabled:active, .button.disabled:active {
-	position:relative;
-	top:0;
-	background-image: url('../img/grad.png');
-}
-fieldset button, .button {
-	margin:0 5px 10px 0;
-}
-button img, .button img {
-	display:inline;
-	height:16px;
-	margin-right:10px;
-	vertical-align:-3px;
-	width:16px;
-}
 /* notifications */
 .notification.success {
 	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;
diff --git a/webroot/css/grid.css b/webroot/css/grid.css
deleted file mode 100644
index 6b03e87..0000000
--- a/webroot/css/grid.css
+++ /dev/null
@@ -1,484 +0,0 @@
-/*
-	960 Grid System ~ Core CSS.
-	Learn more ~ http://960.gs/
-
-	Licensed under GPL and MIT.
-*/
-
-/* =Containers
---------------------------------------------------------------------------------*/
-
-/* =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;
-	margin-left: 1%;
-	margin-right: 1%;
-}
-
-.container_12 .grid_3,
-.container_16 .grid_4
-{
-	width: 23%;
-}
-
-.container_12 .grid_6,
-.container_16 .grid_8
-{
-	width: 48%;
-}
-
-.container_12 .grid_9,
-.container_16 .grid_12
-{
-	width: 73%;
-}
-
-.container_12 .grid_12,
-.container_16 .grid_16
-{
-	width: 98%;
-}
-
-/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
---------------------------------------------------------------------------------*/
-
-.alpha
-{
-	margin-left: 0;
-}
-
-.omega
-{
-	margin-right: 0;
-}
-
-/* =Grid >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .grid_1
-{
-	width: 6.333%;
-}
-
-.container_12 .grid_2
-{
-	width: 14.666%;
-}
-
-.container_12 .grid_4
-{
-	width: 31.333%;
-}
-
-.container_12 .grid_5
-{
-	width: 39.666%;
-}
-
-.container_12 .grid_7
-{
-	width: 56.333%;
-}
-
-.container_12 .grid_8
-{
-	width: 64.666%;
-}
-
-.container_12 .grid_10
-{
-	width: 81.333%;
-}
-
-.container_12 .grid_11
-{
-	width: 89.666%;
-}
-
-/* =Grid >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .grid_1
-{
-	width: 4.25%;
-}
-
-.container_16 .grid_2
-{
-	width: 10.5%;
-}
-
-.container_16 .grid_3
-{
-	width: 16.75%;
-}
-
-.container_16 .grid_5
-{
-	width: 29.25%;
-}
-
-.container_16 .grid_6
-{
-	width: 35.5%;
-}
-
-.container_16 .grid_7
-{
-	width: 41.75%;
-}
-
-.container_16 .grid_9
-{
-	width: 54.25%;
-}
-
-.container_16 .grid_10
-{
-	width: 60.5%;
-}
-
-.container_16 .grid_11
-{
-	width: 66.75%;
-}
-
-.container_16 .grid_13
-{
-	width: 79.25%;
-}
-
-.container_16 .grid_14
-{
-	width: 85.5%;
-}
-
-.container_16 .grid_15
-{
-	width: 91.75%;
-}
-
-/* =Prefix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_3,
-.container_16 .prefix_4
-{
-	padding-left: 25%;
-}
-
-.container_12 .prefix_6,
-.container_16 .prefix_8
-{
-	padding-left: 50%;
-}
-
-.container_12 .prefix_9,
-.container_16 .prefix_12
-{
-	padding-left: 75%;
-}
-
-/* =Prefix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_1
-{
-	padding-left: 8.333%;
-}
-
-.container_12 .prefix_2
-{
-	padding-left: 16.666%;
-}
-
-.container_12 .prefix_4
-{
-	padding-left: 33.333%;
-}
-
-.container_12 .prefix_5
-{
-	padding-left: 41.666%;
-}
-
-.container_12 .prefix_7
-{
-	padding-left: 58.333%;
-}
-
-.container_12 .prefix_8
-{
-	padding-left: 66.666%;
-}
-
-.container_12 .prefix_10
-{
-	padding-left: 83.333%;
-}
-
-.container_12 .prefix_11
-{
-	padding-left: 91.666%;
-}
-
-/* =Prefix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .prefix_1
-{
-	padding-left: 6.25%;
-}
-
-.container_16 .prefix_2
-{
-	padding-left: 12.5%;
-}
-
-.container_16 .prefix_3
-{
-	padding-left: 18.75%;
-}
-
-.container_16 .prefix_5
-{
-	padding-left: 31.25%;
-}
-
-.container_16 .prefix_6
-{
-	padding-left: 37.5%;
-}
-
-.container_16 .prefix_7
-{
-	padding-left: 43.75%;
-}
-
-.container_16 .prefix_9
-{
-	padding-left: 56.25%;
-}
-
-.container_16 .prefix_10
-{
-	padding-left: 62.5%;
-}
-
-.container_16 .prefix_11
-{
-	padding-left: 68.75%;
-}
-
-.container_16 .prefix_13
-{
-	padding-left: 81.25%;
-}
-
-.container_16 .prefix_14
-{
-	padding-left: 87.5%;
-}
-
-.container_16 .prefix_15
-{
-	padding-left: 93.75%;
-}
-
-/* =Suffix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_3,
-.container_16 .suffix_4
-{
-	padding-right: 25%;
-}
-
-.container_12 .suffix_6,
-.container_16 .suffix_8
-{
-	padding-right: 50%;
-}
-
-.container_12 .suffix_9,
-.container_16 .suffix_12
-{
-	padding-right: 75%;
-}
-
-/* =Suffix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_1
-{
-	padding-right: 8.333%;
-}
-
-.container_12 .suffix_2
-{
-	padding-right: 16.666%;
-}
-
-.container_12 .suffix_4
-{
-	padding-right: 33.333%;
-}
-
-.container_12 .suffix_5
-{
-	padding-right: 41.666%;
-}
-
-.container_12 .suffix_7
-{
-	padding-right: 58.333%;
-}
-
-.container_12 .suffix_8
-{
-	padding-right: 66.666%;
-}
-
-.container_12 .suffix_10
-{
-	padding-right: 83.333%;
-}
-
-.container_12 .suffix_11
-{
-	padding-right: 91.666%;
-}
-
-/* =Suffix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .suffix_1
-{
-	padding-right: 6.25%;
-}
-
-.container_16 .suffix_2
-{
-	padding-right: 16.5%;
-}
-
-.container_16 .suffix_3
-{
-	padding-right: 18.75%;
-}
-
-.container_16 .suffix_5
-{
-	padding-right: 31.25%;
-}
-
-.container_16 .suffix_6
-{
-	padding-right: 37.5%;
-}
-
-.container_16 .suffix_7
-{
-	padding-right: 43.75%;
-}
-
-.container_16 .suffix_9
-{
-	padding-right: 56.25%;
-}
-
-.container_16 .suffix_10
-{
-	padding-right: 62.5%;
-}
-
-.container_16 .suffix_11
-{
-	padding-right: 68.75%;
-}
-
-.container_16 .suffix_13
-{
-	padding-right: 81.25%;
-}
-
-.container_16 .suffix_14
-{
-	padding-right: 87.5%;
-}
-
-.container_16 .suffix_15
-{
-	padding-right: 93.75%;
-}
-
-/* =Clear Floated Elements
---------------------------------------------------------------------------------*/
-
-/* http://sonspring.com/journal/clearing-floats */
-
-html body * span.cl,
-html body * div.cl,
-html body * li.cl,
-html body * dd.cl,
-.cl
-{
-	background: none;
-	border: 0;
-	clear: both;
-	display: block;
-	float: none;
-	font-size: 0;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-/* http://www.positioniseverything.net/easyclearing.html */
-
-.cl:after
-{
-	clear: both;
-	content: '.';
-	display: block;
-	visibility: hidden;
-	height: 0;
-}
-
-.cl
-{
-	display: inline-block;
-}
-
-* html .cl
-{
-	height: 1%;
-}
-
-.cl
-{
-	display: block;
-}
\ No newline at end of file
diff --git a/webroot/css/reset.css b/webroot/css/reset.css
deleted file mode 100644
index 99a0211..0000000
--- a/webroot/css/reset.css
+++ /dev/null
@@ -1 +0,0 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
\ No newline at end of file
diff --git a/webroot/css/style.css b/webroot/css/style.css
index 9f9bb89..64fe2c6 100644
--- a/webroot/css/style.css
+++ b/webroot/css/style.css
@@ -152,7 +152,7 @@ label, input[type=button], input[type=submit], button { cursor: pointer; }
 /* These selection declarations have to be separate.
    No text-shadow: twitter.com/miketaylr/status/12228805301 
    Also: hot pink. */
-::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::-moz-selection { background: #FF5E99; color:#fff; text-shadow: none; }
 ::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
 
 /*  j.mp/webkit-tap-highlight-color */
@@ -166,5 +166,3 @@ button {  width: auto; overflow: visible; }
 /* bicubic resizing for non-native sized IMG: 
    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
 .ie7 img { -ms-interpolation-mode: bicubic; }
-
-
diff --git a/webroot/css/themes/black.css b/webroot/css/themes/black.css
deleted file mode 100644
index f1b6640..0000000
--- a/webroot/css/themes/black.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1a1a1a;
-}
-a:hover {
-color:#1a1a1a;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
-	border:1px solid #3b3b3b;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #3b3b3b;
-}
-.triangle-ribbon {
-border-color:transparent #080808 transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
-border:1px solid #3b3b3b;
-}
diff --git a/webroot/css/themes/blue.css b/webroot/css/themes/blue.css
deleted file mode 100644
index 4de747f..0000000
--- a/webroot/css/themes/blue.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1d94c3;	
-}
-a:hover{
-color:#1d94c3;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-blue.gif) repeat-x center top #166890;
-	border:1px solid #11506F;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #11506F;
-}
-.triangle-ribbon {
-border-color:transparent #0e425c transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-blue.gif) repeat-x center top #166890;
-border:1px solid #11506F;
-}
diff --git a/webroot/css/themes/green.css b/webroot/css/themes/green.css
deleted file mode 100644
index df01818..0000000
--- a/webroot/css/themes/green.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#406f11;	
-}
-a:hover {
-color:#406f11;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-green.gif) repeat-x center top #518f14;
-	border:1px solid #406f11;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #406f11;
-}
-.triangle-ribbon {
-border-color:transparent #345c0d transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-green.gif) repeat-x center top #518f14;
-border:1px solid #406f11;
-}
diff --git a/webroot/css/themes/grey.css b/webroot/css/themes/grey.css
deleted file mode 100644
index fdfc6af..0000000
--- a/webroot/css/themes/grey.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1a1a1a;	
-}
-a:hover {
-color:#1a1a1a;	
-}
-
-
-h2.ribbon {
-	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
-	color:#444444;
-	border:1px solid #c3c3c3;
-	text-shadow:0 -1px 0 #FFFFFF;
-}
-.triangle-ribbon {
-border-color:transparent #8f8f8f transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
-border:1px solid #c3c3c3;
-color:#444444 !important;
-}
-.sidebar-nav li a:hover, .sidebar-nav li.current a {
-	color:#444444 !important;
-}
diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css
index 50de53b..e38b72d 100644
--- a/webroot/css/themes/light.css
+++ b/webroot/css/themes/light.css
@@ -1,31 +1,35 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
 body {
-	color:#191919;
-	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;
-}
-h1#logo {
-	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;
+	color: #222;
+	background: #ddd;
+	background: -moz-linear-gradient(top,  #fff, #ddd 500px,  #ddd);
+	background: -webkit-linear-gradient(top, #fff, #ddd 500px, #ddd);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd');
 }
 nav a, nav a:visited {
-	color: #1a1a1a;	
-text-shadow:0 1px 0 #FFFFFF;
+	color: #222;	
+	text-shadow:0 1px 0 #fff;
 }
 nav a:hover {
-	color:#666666;
+	color: #666;
 }
 
-
+h2.ribbon {
+	background: #359;
+	background: -moz-linear-gradient(top,  #37f,  #359);
+	background: -webkit-linear-gradient(top, #35f, #359);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#359');
+	color: #eee;
+}
+.triangle-ribbon {
+	border-right-color: #359;
+}
 
 footer {
-color:#666666;
+	color: #666;
 }
-footer li a, footer li a:visited  {
-color:#191919;
+footer li a, footer li a:visited {
+	color: #222;
 }
 footer li a:hover {
-	color:#666666;
-}
\ No newline at end of file
+	color: #666;
+}
diff --git a/webroot/css/themes/purple.css b/webroot/css/themes/purple.css
deleted file mode 100644
index 7a8794d..0000000
--- a/webroot/css/themes/purple.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#6f1156;	
-}
-a:hover {
-color:#6f1156;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
-	border:1px solid #6f1156;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1156;
-}
-.triangle-ribbon {
-border-color:transparent #5c0d47 transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
-border:1px solid #6f1156;
-}
diff --git a/webroot/css/themes/red.css b/webroot/css/themes/red.css
deleted file mode 100644
index c8a6f74..0000000
--- a/webroot/css/themes/red.css
+++ /dev/null
@@ -1,30 +0,0 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#c31d25;	
-}
-a:hover {
-color:#c31d25;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
-	border:1px solid #6f1811;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1811;
-}
-.triangle-ribbon {
-border-color:transparent #5c130d transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
-border:1px solid #6f1811;
-}
-
diff --git a/webroot/img/bg-dark.jpg b/webroot/img/bg-dark.jpg
deleted file mode 100644
index 1a68404..0000000
Binary files a/webroot/img/bg-dark.jpg and /dev/null differ
diff --git a/webroot/img/bg-input.gif b/webroot/img/bg-input.gif
deleted file mode 100644
index a8e47bf..0000000
Binary files a/webroot/img/bg-input.gif and /dev/null differ
diff --git a/webroot/img/bg.jpg b/webroot/img/bg.jpg
deleted file mode 100644
index 4e521e5..0000000
Binary files a/webroot/img/bg.jpg and /dev/null differ
diff --git a/webroot/img/features/box_address.png b/webroot/img/features/box_address.png
deleted file mode 100644
index e12ef2d..0000000
Binary files a/webroot/img/features/box_address.png and /dev/null differ
diff --git a/webroot/img/features/lock_closed.png b/webroot/img/features/lock_closed.png
deleted file mode 100644
index 3bb15a8..0000000
Binary files a/webroot/img/features/lock_closed.png and /dev/null differ
diff --git a/webroot/img/features/magic_wand.png b/webroot/img/features/magic_wand.png
deleted file mode 100644
index 1184fc6..0000000
Binary files a/webroot/img/features/magic_wand.png and /dev/null differ
diff --git a/webroot/img/features/monitor.png b/webroot/img/features/monitor.png
deleted file mode 100644
index 89d9e50..0000000
Binary files a/webroot/img/features/monitor.png and /dev/null differ
diff --git a/webroot/img/features/preferences.png b/webroot/img/features/preferences.png
deleted file mode 100644
index 486d59d..0000000
Binary files a/webroot/img/features/preferences.png and /dev/null differ
diff --git a/webroot/img/features/security.png b/webroot/img/features/security.png
deleted file mode 100644
index e184ca0..0000000
Binary files a/webroot/img/features/security.png and /dev/null differ
diff --git a/webroot/img/grad-black-hover.gif b/webroot/img/grad-black-hover.gif
deleted file mode 100644
index 22f36b9..0000000
Binary files a/webroot/img/grad-black-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-black-rev.gif b/webroot/img/grad-black-rev.gif
deleted file mode 100644
index fb22d8c..0000000
Binary files a/webroot/img/grad-black-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-black.gif b/webroot/img/grad-black.gif
deleted file mode 100644
index 385736d..0000000
Binary files a/webroot/img/grad-black.gif and /dev/null differ
diff --git a/webroot/img/grad-blue-hover.gif b/webroot/img/grad-blue-hover.gif
deleted file mode 100644
index 38ac83f..0000000
Binary files a/webroot/img/grad-blue-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-blue-rev.gif b/webroot/img/grad-blue-rev.gif
deleted file mode 100644
index 65f2331..0000000
Binary files a/webroot/img/grad-blue-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-blue.gif b/webroot/img/grad-blue.gif
deleted file mode 100644
index 5c7d92a..0000000
Binary files a/webroot/img/grad-blue.gif and /dev/null differ
diff --git a/webroot/img/grad-green-hover.gif b/webroot/img/grad-green-hover.gif
deleted file mode 100644
index fe64ad2..0000000
Binary files a/webroot/img/grad-green-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-green-rev.gif b/webroot/img/grad-green-rev.gif
deleted file mode 100644
index f2c74be..0000000
Binary files a/webroot/img/grad-green-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-green.gif b/webroot/img/grad-green.gif
deleted file mode 100644
index ba71157..0000000
Binary files a/webroot/img/grad-green.gif and /dev/null differ
diff --git a/webroot/img/grad-grey-hover.gif b/webroot/img/grad-grey-hover.gif
deleted file mode 100644
index b5a34fa..0000000
Binary files a/webroot/img/grad-grey-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-grey-rev.gif b/webroot/img/grad-grey-rev.gif
deleted file mode 100644
index d119c38..0000000
Binary files a/webroot/img/grad-grey-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-grey.gif b/webroot/img/grad-grey.gif
deleted file mode 100644
index e8e3709..0000000
Binary files a/webroot/img/grad-grey.gif and /dev/null differ
diff --git a/webroot/img/grad-purple-hover.gif b/webroot/img/grad-purple-hover.gif
deleted file mode 100644
index a13a1d6..0000000
Binary files a/webroot/img/grad-purple-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-purple-rev.gif b/webroot/img/grad-purple-rev.gif
deleted file mode 100644
index 30f6ff6..0000000
Binary files a/webroot/img/grad-purple-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-purple.gif b/webroot/img/grad-purple.gif
deleted file mode 100644
index 2e5e10c..0000000
Binary files a/webroot/img/grad-purple.gif and /dev/null differ
diff --git a/webroot/img/grad-red-hover.gif b/webroot/img/grad-red-hover.gif
deleted file mode 100644
index 3ab0b08..0000000
Binary files a/webroot/img/grad-red-hover.gif and /dev/null differ
diff --git a/webroot/img/grad-red-rev.gif b/webroot/img/grad-red-rev.gif
deleted file mode 100644
index 8d2e0ec..0000000
Binary files a/webroot/img/grad-red-rev.gif and /dev/null differ
diff --git a/webroot/img/grad-red.gif b/webroot/img/grad-red.gif
deleted file mode 100644
index 930341a..0000000
Binary files a/webroot/img/grad-red.gif and /dev/null differ
diff --git a/webroot/img/grad-rev.png b/webroot/img/grad-rev.png
deleted file mode 100644
index 302b67d..0000000
Binary files a/webroot/img/grad-rev.png and /dev/null differ
diff --git a/webroot/img/grad.png b/webroot/img/grad.png
deleted file mode 100644
index c48ca7e..0000000
Binary files a/webroot/img/grad.png and /dev/null differ
diff --git a/webroot/img/screenshot.png b/webroot/img/screenshot.png
deleted file mode 100644
index 91b4db7..0000000
Binary files a/webroot/img/screenshot.png and /dev/null differ
-- 
cgit v1.2.3