From 6d182e241055bffa3bf04adcc1aef5db530fe4cd Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Sun, 3 Jul 2011 04:32:10 -0700
Subject: run fromdos on all the php, css, and js files

---
 views/layouts/index.php_files/basic.css |  394 ++--
 views/layouts/index.php_files/ie.css    |  146 +-
 views/layouts/index.php_files/main.js   |  574 ++---
 views/layouts/index.php_files/style.css | 3704 +++++++++++++++----------------
 views/layouts/untitled.html.php         | 1460 ++++++------
 5 files changed, 3139 insertions(+), 3139 deletions(-)

(limited to 'views')

diff --git a/views/layouts/index.php_files/basic.css b/views/layouts/index.php_files/basic.css
index c9fccc0..72840f0 100644
--- a/views/layouts/index.php_files/basic.css
+++ b/views/layouts/index.php_files/basic.css
@@ -1,198 +1,198 @@
-/* http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-
-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.5;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
-	text-decoration: none;
-}
-del {
-	text-decoration: line-through;
-}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* --------------------------------------------------------------
-
-   typography.css
-   * Sets up some sensible default typography.
-
--------------------------------------------------------------- */
-
-/* Default font settings.
-   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
-html { font-size:100.01%; }
-body {
-  font-size: 75%;
-  color: #222;
-  background: #fff;
-  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-}
-
-
-/* Headings
--------------------------------------------------------------- */
-
-h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }
-
-h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
-h2 { font-size: 2em; margin-bottom: 0.75em; }
-h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
-h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
-h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
-h6 { font-size: 1em; font-weight: bold; }
-
-h1 img, h2 img, h3 img,
-h4 img, h5 img, h6 img {
-  margin: 0;
-}
-
-
-/* Text elements
--------------------------------------------------------------- */
-
-p           { margin: 0 0 1.5em; }
-p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
-p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
-
-a:focus,
-a:hover     { color: #000; }
-a           { color: #009; text-decoration: underline; }
-
-blockquote  { margin: 1.5em; color: #666; font-style: italic; }
-strong      { font-weight: bold; }
-em,dfn      { font-style: italic; }
-dfn         { font-weight: bold; }
-sup, sub    { line-height: 0; }
-
-abbr,
-acronym     { border-bottom: 1px dotted #666; }
-address     { margin: 0 0 1.5em; font-style: italic; }
-del         { color:#666; }
-
-pre         { margin: 1.5em 0; white-space: pre; }
-pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
-
-
-/* Lists
--------------------------------------------------------------- */
-
-li ul,
-li ol       { margin: 0; }
-ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
-
-ul          { list-style-type: disc; }
-ol          { list-style-type: decimal; }
-
-dl          { margin: 0 0 1.5em 0; }
-dl dt       { font-weight: bold; }
-dd          { margin-left: 1.5em;}
-
-
-/* Tables
--------------------------------------------------------------- */
-
-table       { margin-bottom: 1.4em; width:100%; }
-th          { font-weight: bold; }
-thead th    { background: #c3d9ff; }
-th,td,caption { padding: 4px 10px 4px 5px; }
-tr.even  { background: #e5ecf9; }
-tfoot       { font-style: italic; }
-caption     { background: #eee; }
-
-
-/* Misc classes
--------------------------------------------------------------- */
-
-.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
-.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
-.hide       { display: none; }
-
-.quiet      { color: #666; }
-.loud       { color: #000; }
-.highlight  { background:#ff0; }
-.added      { background:#060; color: #fff; }
-.removed    { background:#900; color: #fff; }
-
-.first      { margin-left:0 !important; padding-left:0 !important; }
-.last       { margin-right:0 !important; padding-right:0 !important; }
-.top        { margin-top:0 !important; padding-top:0 !important; }
-.bottom     { margin-bottom:0; padding-bottom:0; }
-
-
-
-/* `Clear Floated Elements
-----------------------------------------------------------------------------------------------------*/
-
-/* http://sonspring.com/journal/clearing-floats */
-
-.clear {
-	clear: both;
-	display: block;
-	overflow: hidden;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
-
-.clearfix:after {
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-/*
-	The following zoom:1 rule is specifically for IE6 + IE7.
-	Move to separate stylesheet if invalid CSS is a problem.
-*/
-* html .clearfix,
-*:first-child+html .clearfix {
-	zoom: 1;
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+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.5;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/* --------------------------------------------------------------
+
+   typography.css
+   * Sets up some sensible default typography.
+
+-------------------------------------------------------------- */
+
+/* Default font settings.
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+html { font-size:100.01%; }
+body {
+  font-size: 75%;
+  color: #222;
+  background: #fff;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }
+
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
+
+h1 img, h2 img, h3 img,
+h4 img, h5 img, h6 img {
+  margin: 0;
+}
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p           { margin: 0 0 1.5em; }
+p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
+
+a:focus,
+a:hover     { color: #000; }
+a           { color: #009; text-decoration: underline; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
+strong      { font-weight: bold; }
+em,dfn      { font-style: italic; }
+dfn         { font-weight: bold; }
+sup, sub    { line-height: 0; }
+
+abbr,
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin: 0 0 1.5em; font-style: italic; }
+del         { color:#666; }
+
+pre         { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul,
+li ol       { margin: 0; }
+ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
+
+ul          { list-style-type: disc; }
+ol          { list-style-type: decimal; }
+
+dl          { margin: 0 0 1.5em 0; }
+dl dt       { font-weight: bold; }
+dd          { margin-left: 1.5em;}
+
+
+/* Tables
+-------------------------------------------------------------- */
+
+table       { margin-bottom: 1.4em; width:100%; }
+th          { font-weight: bold; }
+thead th    { background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even  { background: #e5ecf9; }
+tfoot       { font-style: italic; }
+caption     { background: #eee; }
+
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide       { display: none; }
+
+.quiet      { color: #666; }
+.loud       { color: #000; }
+.highlight  { background:#ff0; }
+.added      { background:#060; color: #fff; }
+.removed    { background:#900; color: #fff; }
+
+.first      { margin-left:0 !important; padding-left:0 !important; }
+.last       { margin-right:0 !important; padding-right:0 !important; }
+.top        { margin-top:0 !important; padding-top:0 !important; }
+.bottom     { margin-bottom:0; padding-bottom:0; }
+
+
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
+
+.clearfix:after {
+	clear: both;
+	content: ' ';
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/*
+	The following zoom:1 rule is specifically for IE6 + IE7.
+	Move to separate stylesheet if invalid CSS is a problem.
+*/
+* html .clearfix,
+*:first-child+html .clearfix {
+	zoom: 1;
 }
\ No newline at end of file
diff --git a/views/layouts/index.php_files/ie.css b/views/layouts/index.php_files/ie.css
index cc84912..0ccbb7e 100644
--- a/views/layouts/index.php_files/ie.css
+++ b/views/layouts/index.php_files/ie.css
@@ -1,74 +1,74 @@
-#page-content-outer {
-    border: 1px solid #ccc;
-    padding-top: 1px;
-
-    display:block;
-    
-}
-
-#content{
-    *padding-top:60px
-}
-
-
-
-.form {
-    padding-top: 1px;
-}
-
-
-
-.list td {
- border-bottom: 1px dotted #eee;
-
-}
-
-.list tr:hover>th, th {
-    background: #eee url(table-header-bg.png) repeat-x 0 0 scroll;
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-
-}
-
-
-
-.list tr:hover>td {
-    background: transparent url(list_hover.png) repeat-x 0 -1px scroll;
-
-}
-
-.list td .small-button {
-    margin: 0 5px 8px 0;
-}
-
-ul.tab_menu a span {
-    display: inline-block;
-    padding: 9px 29px 8px;
-}
-
-.small-button {
-    margin-right: 2px;
-}
-
-.small-button span {
-    padding: 0 11px 1px 8px;
-
-}
-
-.client-actions .danger{
-    *margin-top:-23px;
-
-}
-
-#alert{
-    top:45px;
-    z-index:99999;
-}
-
-.large.button input{
-    padding-top:5px;
-}
-
-.form-title{
-    *margin-top:24px;
+#page-content-outer {
+    border: 1px solid #ccc;
+    padding-top: 1px;
+
+    display:block;
+    
+}
+
+#content{
+    *padding-top:60px
+}
+
+
+
+.form {
+    padding-top: 1px;
+}
+
+
+
+.list td {
+ border-bottom: 1px dotted #eee;
+
+}
+
+.list tr:hover>th, th {
+    background: #eee url(table-header-bg.png) repeat-x 0 0 scroll;
+    border-top: 1px solid #eee;
+    border-bottom: 1px solid #eee;
+
+}
+
+
+
+.list tr:hover>td {
+    background: transparent url(list_hover.png) repeat-x 0 -1px scroll;
+
+}
+
+.list td .small-button {
+    margin: 0 5px 8px 0;
+}
+
+ul.tab_menu a span {
+    display: inline-block;
+    padding: 9px 29px 8px;
+}
+
+.small-button {
+    margin-right: 2px;
+}
+
+.small-button span {
+    padding: 0 11px 1px 8px;
+
+}
+
+.client-actions .danger{
+    *margin-top:-23px;
+
+}
+
+#alert{
+    top:45px;
+    z-index:99999;
+}
+
+.large.button input{
+    padding-top:5px;
+}
+
+.form-title{
+    *margin-top:24px;
 }
\ No newline at end of file
diff --git a/views/layouts/index.php_files/main.js b/views/layouts/index.php_files/main.js
index c02701b..07366c7 100644
--- a/views/layouts/index.php_files/main.js
+++ b/views/layouts/index.php_files/main.js
@@ -1,288 +1,288 @@
-/**
- * Created by 23rd and Walnut
- * www.23andwalnut.com
- * User: Saleem El-Amin
- * Date: Jun 11, 2010
- * Time: 7:55:26 PM
- */
-
-$(document).ready(function()
-{
-
-    var loading_indicator = '<div class="loading-indicator">' +
-            '<div class="loading-overlay">&nbsp;</div>' +
-            '<img class="loading" src="application/views/images/loading.gif" />' +
-            '</div>';
-
-    function ie8up()
-    {
-        if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
-        { //test for MSIE x.x;
-            var ieversion = new Number(RegExp.$1) // capture x.x portion and store as a number
-            if (ieversion >= 8)
-                return true;
-            else if (ieversion >= 7)
-                return false;
-            else if (ieversion >= 6)
-                return false;
-            else if (ieversion >= 5)
-                return false;
-
-        } else return true;
-    }
-
-    if (ie8up())
-    {
-        $('.pagination a, .hide-messages a').live('click', function(e)
-        {
-            e.preventDefault();
-
-            $('#page-content').append(loading_indicator);
-
-            $('#page-content-outer').load($(this).attr('href') + ' #page-content', function()
-            {
-                $('.loading-indicator').remove();
-            });
-
-            return false;
-        });
-    }
-
-
-    /** Load content into modal box **/
-    if (ie8up())
-    {
-        $('.small-button.modal, .modal a, a.modal, .no-files a.small-button, .client-actions a, .add-item a, a.edit-icon, a.delete-icon, .project-actions a').live('click', function()
-        {
-            $('body').append(loading_indicator);
-            $('#modal-body').load($(this).attr('href') + ' .form', function()
-            {
-                $('.loading-indicator').remove();
-                $('#modal').jqmShow();
-
-                var modal_y = ($(window).height() - $('#modal').height())/2;
-                modal_y = (modal_y < 0)? 0 : modal_y;
-
-                var modal_x = ($(window).width() - $('#modal').width())/2;
-
-                $('#modal').css({'top':modal_y, 'left':modal_x});
-            });
-            return false;
-        });
-    }
-
-    function preloadImages(imageList, callback)
-    {
-        var i, total, loaded = 0;
-        if (typeof imageList != 'undefined')
-        {
-            if ($.isArray(imageList))
-            {
-                total = imageList.length; // used later
-                for (var i = 0; i < total; i++)
-                {
-                    images[imageList[i]] = new Image();
-                    images[imageList[i]].onload = function()
-                    {
-                        loaded++;
-                        if (loaded == total)
-                        {
-                            if ($.isFunction(callback))
-                            {
-                                callback();
-                            }
-                        }
-                    };
-                    images[imageList[i]].src = imageList[i];
-                }
-            }
-        }
-    }
-
-    var imageList = [];
-    var images = [];
-    var preload = [
-        'application/views/images/loading.gif',
-        'application/views/images/small-button.png'];
-
-    $('#modal').jqm();
-    preloadImages(preload);
-
-});
-
-
-/*
- * jqModal - Minimalist Modaling with jQuery
- *   (http://dev.iceburg.net/jquery/jqModal/)
- *
- * Copyright (c) 2007,2008 Brice Burgess <bhb@iceburg.net>
- * Dual licensed under the MIT and GPL licenses:
- *   http://www.opensource.org/licenses/mit-license.php
- *   http://www.gnu.org/licenses/gpl.html
- *
- * $Version: 03/01/2009 +r14
- */
-(function($)
-{
-    $.fn.jqm = function(o)
-    {
-        var p = {
-            overlay: 50,
-            overlayClass: 'jqmOverlay',
-            closeClass: 'jqmClose',
-            trigger: '.jqModal',
-            ajax: F,
-            ajaxText: '',
-            target: F,
-            modal: F,
-            toTop: F,
-            onShow: F,
-            onHide: F,
-            onLoad: F
-        };
-        return this.each(function()
-        {
-            if (this._jqm)return H[this._jqm].c = $.extend({}, H[this._jqm].c, o);
-            s++;
-            this._jqm = s;
-            H[s] = {c:$.extend(p, $.jqm.params, o),a:F,w:$(this).addClass('jqmID' + s),s:s};
-            if (p.trigger)$(this).jqmAddTrigger(p.trigger);
-        });
-    };
-
-    $.fn.jqmAddClose = function(e)
-    {
-        return hs(this, e, 'jqmHide');
-    };
-    $.fn.jqmAddTrigger = function(e)
-    {
-        return hs(this, e, 'jqmShow');
-    };
-    $.fn.jqmShow = function(t)
-    {
-        return this.each(function()
-        {
-            t = t || window.event;
-            $.jqm.open(this._jqm, t);
-        });
-    };
-    $.fn.jqmHide = function(t)
-    {
-        return this.each(function()
-        {
-            t = t || window.event;
-            $.jqm.close(this._jqm, t)
-        });
-    };
-
-    $.jqm = {
-        hash:{},
-        open:function(s, t)
-        {
-            var h = H[s],c = h.c,cc = '.' + c.closeClass,z = (parseInt(h.w.css('z-index'))),z = (z > 0) ? z : 3000,o = $('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z - 1,opacity:c.overlay / 100});
-            if (h.a)return F;
-            h.t = t;
-            h.a = true;
-            h.w.css('z-index', z);
-            if (c.modal)
-            {
-                if (!A[0])L('bind');
-                A.push(s);
-            }
-            else if (c.overlay > 0)h.w.jqmAddClose(o);
-            else o = F;
-
-            h.o = (o) ? o.addClass(c.overlayClass).prependTo('body') : F;
-            if (ie6)
-            {
-                $('html,body').css({height:'100%',width:'100%'});
-                if (o)
-                {
-                    o = o.css({position:'absolute'})[0];
-                    for (var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(), "(_=(document.documentElement.scroll" + y + " || document.body.scroll" + y + "))+'px'");
-                }
-            }
-
-            if (c.ajax)
-            {
-                var r = c.target || h.w,u = c.ajax,r = (typeof r == 'string') ? $(r, h.w) : $(r),u = (u.substr(0, 1) == '@') ? $(t).attr(u.substring(1)) : u;
-                r.html(c.ajaxText).load(u, function()
-                {
-                    if (c.onLoad)c.onLoad.call(this, h);
-                    if (cc)h.w.jqmAddClose($(cc, h.w));
-                    e(h);
-                });
-            }
-            else if (cc)h.w.jqmAddClose($(cc, h.w));
-
-            if (c.toTop && h.o)h.w.before('<span id="jqmP' + h.w[0]._jqm + '"></span>').insertAfter(h.o);
-            (c.onShow) ? c.onShow(h) : h.w.show();
-            e(h);
-            return F;
-        },
-        close:function(s)
-        {
-            var h = H[s];
-            if (!h.a)return F;
-            h.a = F;
-            if (A[0])
-            {
-                A.pop();
-                if (!A[0])L('unbind');
-            }
-            if (h.c.toTop && h.o)$('#jqmP' + h.w[0]._jqm).after(h.w).remove();
-            if (h.c.onHide)h.c.onHide(h); else
-            {
-                h.w.hide();
-                if (h.o)h.o.remove();
-            }
-            return F;
-        },
-        params:{}};
-    var s = 0,H = $.jqm.hash,A = [],ie6 = $.browser.msie && ($.browser.version == "6.0"),F = false,
-            i = $('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
-            e = function(h)
-            {
-                if (ie6)if (h.o)h.o.html('<p style="width:100%;height:100%"/>').prepend(i); else if (!$('iframe.jqm', h.w)[0])h.w.prepend(i);
-                f(h);
-            },
-            f = function(h)
-            {
-                try
-                {
-                    $(':input:visible', h.w)[0].focus();
-                } catch(_)
-                {
-                }
-            },
-            L = function(t)
-            {
-                $()[t]("keypress", m)[t]("keydown", m)[t]("mousedown", m);
-            },
-            m = function(e)
-            {
-                var h = H[A[A.length - 1]],r = (!$(e.target).parents('.jqmID' + h.s)[0]);
-                if (r)f(h);
-                return !r;
-            },
-            hs = function(w, t, c)
-            {
-                return w.each(function()
-                {
-                    var s = this._jqm;
-                    $(t).each(function()
-                    {
-                        if (!this[c])
-                        {
-                            this[c] = [];
-                            $(this).click(function()
-                            {
-                                for (var i in {jqmShow:1,jqmHide:1})for (var s in this[i])if (H[this[i][s]])H[this[i][s]].w[i](this);
-                                return F;
-                            });
-                        }
-                        this[c].push(s);
-                    });
-                });
-            };
+/**
+ * Created by 23rd and Walnut
+ * www.23andwalnut.com
+ * User: Saleem El-Amin
+ * Date: Jun 11, 2010
+ * Time: 7:55:26 PM
+ */
+
+$(document).ready(function()
+{
+
+    var loading_indicator = '<div class="loading-indicator">' +
+            '<div class="loading-overlay">&nbsp;</div>' +
+            '<img class="loading" src="application/views/images/loading.gif" />' +
+            '</div>';
+
+    function ie8up()
+    {
+        if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
+        { //test for MSIE x.x;
+            var ieversion = new Number(RegExp.$1) // capture x.x portion and store as a number
+            if (ieversion >= 8)
+                return true;
+            else if (ieversion >= 7)
+                return false;
+            else if (ieversion >= 6)
+                return false;
+            else if (ieversion >= 5)
+                return false;
+
+        } else return true;
+    }
+
+    if (ie8up())
+    {
+        $('.pagination a, .hide-messages a').live('click', function(e)
+        {
+            e.preventDefault();
+
+            $('#page-content').append(loading_indicator);
+
+            $('#page-content-outer').load($(this).attr('href') + ' #page-content', function()
+            {
+                $('.loading-indicator').remove();
+            });
+
+            return false;
+        });
+    }
+
+
+    /** Load content into modal box **/
+    if (ie8up())
+    {
+        $('.small-button.modal, .modal a, a.modal, .no-files a.small-button, .client-actions a, .add-item a, a.edit-icon, a.delete-icon, .project-actions a').live('click', function()
+        {
+            $('body').append(loading_indicator);
+            $('#modal-body').load($(this).attr('href') + ' .form', function()
+            {
+                $('.loading-indicator').remove();
+                $('#modal').jqmShow();
+
+                var modal_y = ($(window).height() - $('#modal').height())/2;
+                modal_y = (modal_y < 0)? 0 : modal_y;
+
+                var modal_x = ($(window).width() - $('#modal').width())/2;
+
+                $('#modal').css({'top':modal_y, 'left':modal_x});
+            });
+            return false;
+        });
+    }
+
+    function preloadImages(imageList, callback)
+    {
+        var i, total, loaded = 0;
+        if (typeof imageList != 'undefined')
+        {
+            if ($.isArray(imageList))
+            {
+                total = imageList.length; // used later
+                for (var i = 0; i < total; i++)
+                {
+                    images[imageList[i]] = new Image();
+                    images[imageList[i]].onload = function()
+                    {
+                        loaded++;
+                        if (loaded == total)
+                        {
+                            if ($.isFunction(callback))
+                            {
+                                callback();
+                            }
+                        }
+                    };
+                    images[imageList[i]].src = imageList[i];
+                }
+            }
+        }
+    }
+
+    var imageList = [];
+    var images = [];
+    var preload = [
+        'application/views/images/loading.gif',
+        'application/views/images/small-button.png'];
+
+    $('#modal').jqm();
+    preloadImages(preload);
+
+});
+
+
+/*
+ * jqModal - Minimalist Modaling with jQuery
+ *   (http://dev.iceburg.net/jquery/jqModal/)
+ *
+ * Copyright (c) 2007,2008 Brice Burgess <bhb@iceburg.net>
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * $Version: 03/01/2009 +r14
+ */
+(function($)
+{
+    $.fn.jqm = function(o)
+    {
+        var p = {
+            overlay: 50,
+            overlayClass: 'jqmOverlay',
+            closeClass: 'jqmClose',
+            trigger: '.jqModal',
+            ajax: F,
+            ajaxText: '',
+            target: F,
+            modal: F,
+            toTop: F,
+            onShow: F,
+            onHide: F,
+            onLoad: F
+        };
+        return this.each(function()
+        {
+            if (this._jqm)return H[this._jqm].c = $.extend({}, H[this._jqm].c, o);
+            s++;
+            this._jqm = s;
+            H[s] = {c:$.extend(p, $.jqm.params, o),a:F,w:$(this).addClass('jqmID' + s),s:s};
+            if (p.trigger)$(this).jqmAddTrigger(p.trigger);
+        });
+    };
+
+    $.fn.jqmAddClose = function(e)
+    {
+        return hs(this, e, 'jqmHide');
+    };
+    $.fn.jqmAddTrigger = function(e)
+    {
+        return hs(this, e, 'jqmShow');
+    };
+    $.fn.jqmShow = function(t)
+    {
+        return this.each(function()
+        {
+            t = t || window.event;
+            $.jqm.open(this._jqm, t);
+        });
+    };
+    $.fn.jqmHide = function(t)
+    {
+        return this.each(function()
+        {
+            t = t || window.event;
+            $.jqm.close(this._jqm, t)
+        });
+    };
+
+    $.jqm = {
+        hash:{},
+        open:function(s, t)
+        {
+            var h = H[s],c = h.c,cc = '.' + c.closeClass,z = (parseInt(h.w.css('z-index'))),z = (z > 0) ? z : 3000,o = $('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z - 1,opacity:c.overlay / 100});
+            if (h.a)return F;
+            h.t = t;
+            h.a = true;
+            h.w.css('z-index', z);
+            if (c.modal)
+            {
+                if (!A[0])L('bind');
+                A.push(s);
+            }
+            else if (c.overlay > 0)h.w.jqmAddClose(o);
+            else o = F;
+
+            h.o = (o) ? o.addClass(c.overlayClass).prependTo('body') : F;
+            if (ie6)
+            {
+                $('html,body').css({height:'100%',width:'100%'});
+                if (o)
+                {
+                    o = o.css({position:'absolute'})[0];
+                    for (var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(), "(_=(document.documentElement.scroll" + y + " || document.body.scroll" + y + "))+'px'");
+                }
+            }
+
+            if (c.ajax)
+            {
+                var r = c.target || h.w,u = c.ajax,r = (typeof r == 'string') ? $(r, h.w) : $(r),u = (u.substr(0, 1) == '@') ? $(t).attr(u.substring(1)) : u;
+                r.html(c.ajaxText).load(u, function()
+                {
+                    if (c.onLoad)c.onLoad.call(this, h);
+                    if (cc)h.w.jqmAddClose($(cc, h.w));
+                    e(h);
+                });
+            }
+            else if (cc)h.w.jqmAddClose($(cc, h.w));
+
+            if (c.toTop && h.o)h.w.before('<span id="jqmP' + h.w[0]._jqm + '"></span>').insertAfter(h.o);
+            (c.onShow) ? c.onShow(h) : h.w.show();
+            e(h);
+            return F;
+        },
+        close:function(s)
+        {
+            var h = H[s];
+            if (!h.a)return F;
+            h.a = F;
+            if (A[0])
+            {
+                A.pop();
+                if (!A[0])L('unbind');
+            }
+            if (h.c.toTop && h.o)$('#jqmP' + h.w[0]._jqm).after(h.w).remove();
+            if (h.c.onHide)h.c.onHide(h); else
+            {
+                h.w.hide();
+                if (h.o)h.o.remove();
+            }
+            return F;
+        },
+        params:{}};
+    var s = 0,H = $.jqm.hash,A = [],ie6 = $.browser.msie && ($.browser.version == "6.0"),F = false,
+            i = $('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
+            e = function(h)
+            {
+                if (ie6)if (h.o)h.o.html('<p style="width:100%;height:100%"/>').prepend(i); else if (!$('iframe.jqm', h.w)[0])h.w.prepend(i);
+                f(h);
+            },
+            f = function(h)
+            {
+                try
+                {
+                    $(':input:visible', h.w)[0].focus();
+                } catch(_)
+                {
+                }
+            },
+            L = function(t)
+            {
+                $()[t]("keypress", m)[t]("keydown", m)[t]("mousedown", m);
+            },
+            m = function(e)
+            {
+                var h = H[A[A.length - 1]],r = (!$(e.target).parents('.jqmID' + h.s)[0]);
+                if (r)f(h);
+                return !r;
+            },
+            hs = function(w, t, c)
+            {
+                return w.each(function()
+                {
+                    var s = this._jqm;
+                    $(t).each(function()
+                    {
+                        if (!this[c])
+                        {
+                            this[c] = [];
+                            $(this).click(function()
+                            {
+                                for (var i in {jqmShow:1,jqmHide:1})for (var s in this[i])if (H[this[i][s]])H[this[i][s]].w[i](this);
+                                return F;
+                            });
+                        }
+                        this[c].push(s);
+                    });
+                });
+            };
 })(jQuery);
\ No newline at end of file
diff --git a/views/layouts/index.php_files/style.css b/views/layouts/index.php_files/style.css
index 88e1b2d..8a42b94 100644
--- a/views/layouts/index.php_files/style.css
+++ b/views/layouts/index.php_files/style.css
@@ -1,1852 +1,1852 @@
-body {
-    color: #777777;
-    background: #d7dee4 url(light-bgs.png) no-repeat center top scroll;
-    overflow-x: hidden;
-    font-family: Helvetica, Arial, sans-serif;
-    font-size: 12px;
-    line-height: 18px;
-
-}
-
-.wrapper {
-    width: 960px;
-    margin: 0 auto;
-}
-
-/** Navigation **/
-
-.logo-container {
-    width: 300px;
-    display: inline;
-    float: left;
-    margin: 2px;
-    position: relative;
-}
-
-#logo {
-    margin: 0;
-}
-
-#logo a {
-    text-decoration: none;
-    color: #fff;
-    font-weight: normal;
-    font-size: 16px;
-
-}
-
-.nav-container {
-    width: 620px;
-    display: inline;
-    float: left;
-    margin-left: 10px;
-    margin-right: 10px;
-    position: relative;
-}
-
-#header {
-    background: #010018 url(nav.png) repeat-x 0 0 scroll;
-    height: 40px;
-    box-shadow: 0 0 6px #777777;
-    -moz-box-shadow: 0 0 6px #777777;
-    -webkit-box-shadow: 0 0 6px #777777;
-
-}
-
-.navigation {
-    height: 40px;
-}
-
-.main_nav {
-    float: right;
-    z-index: 2000;
-    margin: 12px 0px 0px 0px;
-}
-
-.main_nav li {
-    float: left;
-    margin: 0 0 0 0;
-    padding: 7px 15px 10px;
-    list-style: none;
-}
-
-.main_nav a {
-    font-size: 13px;
-    color: #ccc;
-    text-decoration: none;
-    padding: 12px 18px;
-}
-
-.main_nav li ul li {
-    background-color: #333 !important;
-    display: block;
-}
-
-.dropdown li {
-    float: left;
-    position: relative;
-}
-
-ul.dropdown li,
-ul.dropdown ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-ul.dropdown {
-    list-style: none;
-    position: relative;
-    z-index: 597;
-}
-
-ul.dropdown li {
-
-    float: left;
-    line-height: 1.3em;
-    vertical-align: middle;
-    zoom: 1;
-    background: url(nav_divider.png) no-repeat center right scroll;
-}
-
-ul.dropdown > li:last-child {
-    background: none;
-}
-
-ul.dropdown li ul li {
-    background-image: none;
-}
-
-ul.dropdown li.hover,
-ul.dropdown li:hover {
-    position: relative;
-    z-index: 599;
-    cursor: default;
-}
-
-ul.dropdown ul {
-    visibility: hidden;
-    position: absolute;
-    top: 27px;
-    left: 15px;
-    z-index: 598;
-    width: 168px;
-    border-top: 1px solid #484848;
-}
-
-*ul.dropdown ul {
-    top: 22px;
-}
-
-*ul.dropdown a {
-    display: block;
-    padding-top: 3px !important;
-    padding-bottom: 3px !important;
-}
-
-ul.dropdown ul li {
-
-    float: none;
-    border: 1px solid #484848;
-    border-style: none solid solid solid;
-    padding: 12px 9px;
-}
-
-ul.dropdown ul ul {
-    top: 0;
-    left: 158px;
-}
-
-ul.dropdown li:hover > ul {
-    visibility: visible;
-}
-
-.new-client-button {
-    padding: 12px 12px 12px 26px !important;
-    background: transparent url(new_client.png) no-repeat left center scroll;
-}
-
-.new-project-button {
-    padding: 12px 12px 12px 26px !important;
-    background: transparent url(new_project.png) no-repeat left center scroll;
-}
-
-.new-invoice-button {
-    padding: 12px 12px 12px 26px !important;
-    background: transparent url(new_invoice.png) no-repeat left center scroll;
-}
-
-.new-admin-button {
-    padding: 12px 12px 12px 26px !important;
-    background: transparent url(new_admin.png) no-repeat left center scroll;
-}
-
-.change-pass-button {
-    padding: 12px 12px 12px 26px !important;
-    background: transparent url(change_password.png) no-repeat left center scroll;
-}
-
-/** Page Layout **/
-
-#page-container {
-    float: left;
-    margin-left: 200px;
-
-}
-
-#page-content .footer {
-    height: 42px;
-    margin-top: 18px;
-    background-color: #eee;
-}
-
-#page-content-outer {
-    width: 960px;
-    margin: 60px auto 36px auto;
-    box-shadow: 0 0 6px #777;
-    -moz-box-shadow: 0 0 6px #777;
-    -webkit-box-shadow: 0 0 6px #777;
-    border: 1px solid #F6F6F6;
-    background-color: #fff;
-    position: relative;
-}
-
-.info-bar {
-    background: transparent url(info_bar_bg.png) repeat-x 0 0 scroll;
-    border-bottom: 1px solid #ccc;
-    height: 84px;
-    margin-top: -1px;
-    width: 100%;
-    position: relative;
-}
-
-.info-bar .title {
-    padding: 31px 0 0 24px;
-    color: #888;
-    text-shadow: #fff 1px 1px 0px;
-    float: left;
-}
-
-.breadcrumbs.secondary {
-    position: absolute;
-    left: 26px;
-    top: 15px;
-    color: #4183C4;
-
-}
-
-.breadcrumbs.primary a, .breadcrumbs.secondary a {
-    text-decoration: none;
-    color: #888;
-}
-
-.breadcrumbs.primary a:hover, .breadcrumbs.secondary a:hover, .breadcrumbs.tertiary a:hover {
-    color: #4183c4;
-}
-
-.breadcrumbs.tertiary {
-    display: inline-block;
-    margin: 46px 0 0 12px
-}
-
-.breadcrumbs.tertiary a {
-    color: #bbb;
-    text-decoration: none;
-}
-
-#invoice {
-    width: 835px;
-    margin: 20px auto 40px auto;
-    padding: 50px;
-    background-color: #ffffff;
-    border: 1px solid #CCCCCC;
-    min-height: 400px;
-    box-shadow: 0 0 6px #777;
-    -moz-box-shadow: 0 0 6px #777;
-    -webkit-box-shadow: 0 0 6px #777;
-}
-
-.invoice-addresses {
-    clear: both;
-    margin: 60px 0 0 0;
-    position: relative;
-}
-
-#invoice-right-box {
-    float: left;
-    margin-left: 10px;
-    width: 225px;
-}
-
-#invoice-right-box table {
-    border-collapse: collapse;
-    font-size: 90%;
-    font-weight: bold;
-    width: 100%;
-}
-
-#invoice-right-box td {
-    font-size: 12px;
-}
-
-#invoice-right-box .right-box-label {
-    color: #AAAAAA;
-    text-align: right;
-}
-
-#invoice-right-box table td {
-    padding: 4px 5px;
-}
-
-#invoice-right-box table td {
-    padding: 4px 5px;
-}
-
-#invoice-template .from-address {
-    margin-right: 25px;
-}
-
-#invoice-template .address {
-    float: left;
-    width: 220px;
-}
-
-.address {
-    font-size: 90%;
-}
-
-.address h4 {
-    color: #AAAAAA;
-    font-size: 120%;
-    margin-bottom: 5px;
-    padding-bottom: 0;
-}
-
-.address .attn {
-    font-size: 120%;
-    font-weight: bold;
-}
-
-.address p {
-    margin: 0 0 3px;
-    padding: 0;
-}
-
-.address {
-    float: left;
-    width: 220px;
-}
-
-.invoice-items {
-
-    margin: 40px auto;
-}
-
-#invoice .header th, .invoice-summary .header {
-    background: none repeat scroll 0 0 #f8f8f8;
-    border-bottom: 1px solid #e7f0f4;
-}
-
-#invoice .header, .invoice-summary .header {
-
-    font-size: 90%;
-    font-weight: normal;
-    text-align: center;
-    text-transform: uppercase;
-    height: 20px;
-    padding-top: 8px;
-}
-
-.invoice-items td {
-    font-size: 12px;
-    padding: 6px 12px;
-}
-
-.invoice-items .invoice-item {
-    background: none repeat scroll 0 0 #f4f8fa;
-    font-weight: bold;
-}
-
-.invoice-items tr.description {
-
-}
-
-.invoice-items .item-name {
-    width: 49%;
-}
-
-.invoice-items .quantity {
-    width: 17%;
-    text-align: center;
-}
-
-.invoice-items .rate {
-    width: 17%;
-    text-align: center;
-}
-
-.invoice-items .subtotal {
-    width: 17%;
-    text-align: center;
-
-}
-
-.invoice-items .description {
-    padding: 5px 5px 15px 5px;
-}
-
-.invoice-summary {
-    width: 50%;
-    float: right;
-    clear: left;
-    padding-left: 50%;
-}
-
-.invoice-summary h5 {
-    font-weight: normal;
-}
-
-.invoice-summary .total, .invoice-summary .payments,
-.invoice-summary .balance {
-    padding: 2px 0;
-    height: 24px;
-    border-bottom: 1px solid #eeeeee;
-}
-
-.invoice-summary .balance h4 {
-    font-weight: bold !important;
-}
-
-.invoice-summary span {
-    width: 30%;
-    float: right;
-    display: block;
-    text-align: right;
-    *margin-top: -18px;
-}
-
-#invoice .terms {
-    margin: 60px auto 40px auto;
-    width: 740px;
-}
-
-#page-title {
-    border-bottom: 1px solid #BCBCBC;
-    height: 90px;
-}
-
-#page-title h1 {
-    float: left;
-    font-size: 36px;
-    font-weight: bold;
-    letter-spacing: -0.03em;
-    line-height: 36px;
-    margin: 27px 0;
-}
-
-p, fieldset, pre {
-    margin-bottom: 18px;
-}
-
-h2 {
-    font-size: 24px;
-    line-height: 1.3em;
-    margin: 0 0 9px;
-}
-
-h3 {
-    font-size: 18px;
-    line-height: 1.3em;
-    margin: 0 0 2px;
-}
-
-.box-white {
-    -moz-border-radius: 4px 4px 4px 4px;
-    background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #D7D7D7;
-    margin: 0 0 18px;
-    padding: 18px;
-}
-
-/** Tabs **/
-.sub-tabs {
-    list-style: none;
-    margin: 25px 10px 0 0;
-    padding: 0;
-    border: 1px solid #ddd;
-    font-size: 11px;
-    line-height: 16px;
-    font-weight: bold;
-    zoom: 1;
-    float: right;
-    position: absolute;
-    bottom: 20px;
-    right: 6px;
-}
-
-.sub-tabs:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-}
-
-.sub-tabs li {
-    display: block;
-    float: left;
-}
-
-.sub-tabs a {
-    display: block;
-    float: left;
-    padding: 6px 15px;
-    border-left: 1px solid #ddd;
-    color: #666;
-    text-decoration: none;
-    background: #eee url(tabs_bg2.png) repeat-x 0 0 scroll;
-}
-
-.sub-tabs a:hover {
-    text-decoration: none;
-    background: #eee;
-    color: #777;
-}
-
-.sub-tabs .active a {
-    color: #777;
-    background: #eee;
-    background: #eee url(tabs_bg.png) repeat-x 0 0 scroll;
-}
-
-.sub-tabs li:first-child a {
-    border-left: none;
-
-}
-
-.sub-tabs li:last-child a {
-    border-right: none;
-
-}
-
-.sub-tabs a span {
-    width: 100%;
-    padding-left: 25px;
-}
-
-li.object-action a span {
-    background: transparent url(add_16.png) no-repeat left center scroll;
-}
-
-li.object-action.hide-messages a span {
-    background: transparent url(messages.png) no-repeat 0 -4px scroll;
-}
-
-/**Messages **/
-ul.messages {
-    padding-left: 0;
-}
-
-li.message {
-    list-style: none;
-}
-
-.message {
-    margin: 12px 0 12px 24px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    width: 274px;
-}
-
-.message-body {
-    border-radius: 4px 4px 0 0;
-    -moz-border-radius: 4px 4px 0 0;
-    -webkit-border-radius: 4px 4px 0 0;
-    overflow:hidden;
-    padding: 12px;
-    width: 250px;
-    background: #fff;
-}
-
-.message-body:hover {
-    color: #333;
-}
-
-.message-author {
-    padding: 3px 12px;
-    background: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF) repeat scroll 0 0 transparent;
-    border-top: 1px solid #eee;
-    width: 250px;
-    border-radius: 0 0 4px 4px;
-    -moz-border-radius: 0 0 4px 4px;
-    -webkit-border-radius: 0 0 4px 4px;
-    text-align: right;
-    color: #888;
-}
-
-.sidebar-content .new-message {
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 319px;
-    padding: 18px 0;
-    background: #fff url(new-message.png) no-repeat center bottom scroll;
-    border-left: 1px solid #efefef;
-}
-
-.sidebar-content .new-message form {
-    margin: 0 0 0 24px;
-    width: 274px;
-}
-
-.sidebar-content .new-message textarea {
-    *margin-left: -24px;
-}
-
-.sidebar-content .small-button {
-    float: right;
-    margin: 6px 0 0 0;
-}
-
-.sidebar-content h4 {
-    color: #666;
-    font-weight: bold;
-    margin: 0 0 6px 24px;
-}
-
-.sidebar-content textarea {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    width: 266px;
-    border: 1px solid #ccc;
-    height: 50px;
-    font-size: 12px;
-
-}
-
-/** Messages List **/
-
-table.messages td {
-    font-size: 12px;
-    color: #888;
-    max-width: 670px;
-    overflow: hidden;
-}
-
-.list-message {
-    width: 60%;
-}
-
-.list-message a {
-    color: #333 !important;
-}
-
-/** FORMS **/
-
-.form-header {
-    background: url("info_bar_bg.png") repeat-x scroll 0 0 transparent;
-    border-bottom: 1px solid #CCCCCC;
-    height: 36px;
-    padding: 12px;
-    margin-top: -1px;
-    position: relative;
-}
-
-.form-title {
-    color: #4183C4;
-    text-shadow: #fff 2px 1px 1px;
-    margin: 12px;
-}
-
-.form form {
-    padding: 36px;
-}
-
-.form {
-    width: 460px;
-
-    border: 1px solid #ccc;
-
-    background: #fff;
-    margin-top: 48px;
-    margin-right: auto;
-    margin-left: auto;
-    margin-bottom: 48px;
-    box-shadow: 0 1px 5px #BBBBBB;
-    -moz-box-shadow: 0 1px 5px #BBBBBB;
-    -webkit-box-shadow: 0 1px 5px #BBBBBB;
-
-}
-
-.form.full-width {
-    width: 852px;
-}
-
-label {
-    display: block;
-}
-
-input, textarea, select, .faux-field, .faux-file-field {
-    background: none repeat scroll 0 0 #FAFAFA;
-    border: 1px solid #EEEEEE;
-    font-size: 18px;
-    line-height: 20px;
-    margin: 1px;
-    padding: 3px;
-    display: block;
-    float: left;
-}
-
-.form .wide {
-    width: 376px;
-    float: left;
-    margin: 3px 0 24px 0;
-}
-
-.form .medium {
-    width: 204px;
-    float: left;
-    margin: 3px 0 24px 0;
-}
-
-.form .skinny {
-    width: 102px;
-    float: left;
-    margin: 3px 0 24px 0;
-}
-
-.form .wide input, .form .wide textarea, .form .wide select {
-    width: 348px; /** 6 in padding **/
-}
-
-.form .medium input, .form .medium textarea, .form .medium select {
-    width: 204px;
-}
-
-.form .skinny input, .form .skinny textarea, .form .skinny select {
-    width: 102px;
-}
-
-.faux-field {
-    padding: 4px 24px 4px 12px;
-    font-size: 16px;
-    color: #aaa;
-}
-
-textarea#terms {
-    font-size: 12px;
-}
-
-#submit {
-    border: none;
-    float: right;
-    display: block;
-}
-
-.form .button {
-    float: right;
-}
-
-#confirm-delete .cancel {
-    float: left;
-    margin-top: 12px;
-}
-
-.button.large {
-    height: 34px;
-    padding: 0;
-    position: relative;
-    top: 1px;
-    margin-left: 10px;
-    font-family: helvetica, arial, freesans, clean, sans-serif;
-    font-weight: bold;
-    font-size: 12px;
-    color: #333;
-    text-shadow: 1px 1px 0 #fff;
-    white-space: nowrap;
-    overflow: visible;
-    background: #fff url(large-button-bg.png) repeat-x 0 0 scroll;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    cursor: pointer;
-    -webkit-font-smoothing: subpixel-antialiased !important;
-}
-
-.button.large {
-    display: inline-block;
-}
-
-.button.large  span {
-    display: block;
-    height: 34px;
-    padding: 0 13px;
-    line-height: 36px;
-}
-
-.button:hover>input {
-    color: #4183c4;
-    text-shadow: #fff 2px 1px 1px;
-}
-
-.button input {
-    border: none;
-    background: transparent;
-    min-width: 75px;
-    padding: 7px;
-    font-weight: bold;
-    font-family: "Helvetica Neue", arial, sans-serif;
-    font-size: 14px;
-    line-height: 18px;
-    color: #666;
-    text-align: center;
-    cursor: pointer;
-
-}
-
-.button input:focus {
-    border: none;
-}
-
-/** tab-menu **/
-ul.tab_menu {
-    overflow: hidden;
-    padding: 0;
-    height: 36px;
-    background: #e0e0e0 url(unselected_tabs_bg.png) repeat-x 0 0 scroll;
-}
-
-ul.tab_menu li {
-    float: left;
-    background: transparent url(tabs_divider.png) no-repeat right top scroll;
-    height: 35px;
-    list-style: none;
-}
-
-ul.tab_menu li.no-div {
-    background: none;
-}
-
-ul.tab_menu .selected:after {
-    content: url(selected_side_highlight.png);
-    display: block;
-    float: right;
-}
-
-ul.tab_menu .selected:before {
-    content: url(selected_side_highlight.png);
-    display: block;
-    float: left;
-}
-
-ul.tab_menu li .total {
-    color: #919191;
-    font-size: 9px;
-}
-
-ul.tab_menu li a {
-    font-weight: bold;
-    text-decoration: none;
-    color: #888;
-    text-transform: uppercase;
-    text-shadow: #fff 2px 1px 1px;
-    height: 36px;
-
-}
-
-ul.tab_menu a span {
-    padding: 9px 26px 8px 26px;
-    display: inline-block;
-}
-
-ul.tab_menu li.selected {
-    background: transparent url('selected_bg.png') 0 0 repeat-x;
-    z-index: 500;
-    top: 0;
-    position: relative;
-}
-
-.tab_menu li.messages {
-    float: right;
-    background: transparent url(tabs_divider.png) no-repeat left top scroll;
-
-}
-
-.tab_menu li.messages span {
-    background: transparent url(email_32.png) no-repeat 50% 0px scroll;
-    display: block;
-    width: 20px;
-    opacity: .5;
-}
-
-.tab_menu li.messages span:hover {
-    opacity: 1;
-}
-
-input:focus, textarea:focus, select:focus {
-    background: none repeat scroll 0 0 #fff;
-    border: 1px solid #27BCEE;
-}
-
-/** Data List **/
-
-.list tr {
-    height: 40px;
-    border-top: 1px dotted #fff;
-    background: transparent url(list_row_bg.png) repeat-x 0 -1px scroll;
-}
-
-.list tr:hover {
-    background: transparent url(list_hover.png) repeat-x 0 -1px scroll;
-    border: 1px solid #c5cbfd;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-}
-
-.list .table-header, .list .table-header:hover {
-    background: #eee url(table-header-bg.png) repeat-x 0 0 scroll;
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-    border-right: 1px solid #fff;
-    border-left: 1px solid #fff;
-    color: #626a6f;
-    font-size: 13px;
-    height: 20px;
-    text-align: left;
-
-}
-
-.table-header th {
-    padding: 9px;
-}
-
-.list td {
-    padding: 0;
-    font-size: 13px;
-}
-
-.list th.action, .list td.action {
-    width: 30px;
-}
-
-.list th:last-child, .list td:last-child {
-    padding-right: 5px;
-}
-
-.list td a.cell-link {
-    padding: 10px;
-    text-decoration: none;
-    color: #666;
-    display: block;
-    width: 100%;
-    height: 20px;
-}
-
-.list tr .action .danger {
-    float: none;
-}
-
-.list tr .action .small-button {
-    visibility: hidden;
-}
-
-.list tr:hover .action>.small-button {
-    visibility: visible;
-}
-
-.grid {
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    clear: both;
-}
-
-.grid li {
-    list-style: none;
-    display: block;
-    float: left;
-    margin: 0 47px 48px 0px;
-    width: 142px;
-}
-
-.grid li.end-row {
-    margin-right: 0 !important;
-}
-
-.grid .icon {
-    padding: 5px;
-    background-position: center bottom;
-    background-repeat: no-repeat;
-}
-
-.grid .icon-link {
-    border-radius: 6px;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
-    position: relative;
-}
-
-.grid .icon a span {
-    width: 130px;
-    height: 130px;
-    display: block;
-}
-
-.icon img.padded {
-    width: 120px;
-    height: 120px;
-    padding: 5px;
-    border: 1px solid #efefef;
-    background: #fff url(blank_cell.png);
-}
-
-.icon .thumb {
-    background: #fff url(blank_cell.png);
-    padding: 5px;
-
-    border: 1px solid #e9e9e9;
-}
-
-.grid .icon:last-child {
-    margin-right: 0;
-}
-
-.grid .section-separator {
-    display: block;
-    width: 866px;
-    display: block;
-    clear: both;
-    background-color: #f4f9fc;
-    border-color: #eee;
-    border-style: solid;
-    border-width: 1px 0;
-    font-weight: bold;
-    margin-top: 10px;
-    padding: 11px 17px;
-    font-size: 14px;
-    margin: 20px auto;
-    color: #888;
-}
-
-.small.grid .section-separator {
-    width: 570px;
-    margin: 20px auto;
-}
-
-.cell .cell-info {
-    padding: 3px 0 3px 5px;
-    text-align: left;
-}
-
-.cell .name {
-    color: #3974C5;
-    display: block;
-    font-size: 12px;
-    font-weight: bold;
-    float: left;
-    line-height: 16px;
-    margin-bottom: 2px;
-    text-decoration: none;
-}
-
-.cell .uploaded-by, .top-actions .uploaded-by {
-    font-size: 11px;
-    height: 16px;
-    margin-bottom: 2px;
-    overflow: hidden;
-    white-space: nowrap;
-    color: #5B6064;
-}
-
-.cell .date-time, .top-actions .date-time {
-    color: #909397;
-    font-size: 11px;
-    line-height: 16px;
-}
-
-/** SMall buttons **/
-.small-button {
-    display: inline-block;
-    height: 23px;
-    padding: 0 0 0 3px;
-    font-size: 11px;
-    font-weight: bold;
-    color: #333;
-    text-shadow: 1px 1px 0 #fff;
-    background: url(small-button.png) 0 0 no-repeat;
-    white-space: nowrap;
-    border: none;
-    overflow: visible;
-    cursor: pointer;
-    text-decoration: none;
-}
-
-input[type=text]+.small-button {
-    margin-left: 5px;
-}
-
-.small-button::-moz-focus-inner {
-    margin: -1px -3px;
-}
-
-.small-button.danger {
-    color: #900;
-    float: right;
-}
-
-.small-button>span, .small-button>input {
-    display: block;
-    height: 23px;
-    padding: 0 10px 0 8px;
-    line-height: 23px;
-    background: url(small-button.png) 100% 0 no-repeat;
-}
-
-.small-button:hover, .small-button.active {
-    color: #fff;
-    text-decoration: none;
-    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
-    background-position: 0 -30px;
-}
-
-.small-button.danger:hover {
-    background-position: 0 -90px;
-}
-
-.small-button:hover>span, .small-button:hover>input, .small-button.active span {
-    background-position: 100% -30px;
-
-}
-
-.small-button:hover>input {
-    color: #fff;
-    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
-}
-
-.small-button.danger:hover>span {
-    background-position: 100% -90px;
-}
-
-.small-button.mousedown {
-    background-position: 0 -60px;
-}
-
-.small-button.danger.mousedown {
-    background-position: 0 -120px;
-}
-
-.small-button.mousedown>span {
-    background-position: 100% -60px;
-}
-
-.small-button.danger.mousedown>span {
-    background-position: 100% -120px;
-}
-
-.small-button input {
-    text-shadow: 1px 1px 0 #fff;
-    border: none;
-    font-size: 11px;
-    font-weight: bold;
-    color: #333;
-    margin: 0;
-}
-
-.small-button input:hover {
-    border: none;
-}
-
-/** Pagination **/
-.pagination {
-    background: none repeat scroll 0 0 #eee;
-    height: 42px;
-    position: relative;
-    z-index: 999;
-    width: 100%;
-}
-
-.pagination ul {
-    margin: 0;
-    padding-left: 0;
-}
-
-.pagination li {
-    border-right: 1px solid #CFCFCF;
-    float: left;
-    list-style: none;
-}
-
-.pagination li.current {
-    background: none repeat scroll 0 0 #FFFFFF;
-    height: 41px;
-    margin-top: -1px;
-    padding-top: 1px;
-}
-
-.pagination li.current a {
-    color: #333;
-}
-
-.pagination a, .pagination div {
-    color: #7F7F7F;
-    display: block;
-    float: left;
-    font-weight: bold;
-    padding: 12px 20px;
-    text-decoration: none;
-    text-transform: uppercase;
-}
-
-/** Invoice Form **/
-
-#date-of-issue, #due-date, #invoice-number {
-    clear: both;
-    position: relative;
-
-}
-
-#invoice {
-    width: 750px;
-}
-
-.due-date {
-    float: right;
-}
-
-.due-date .date {
-    width: 170px;
-    text-transform: uppercase;
-    background-color: #e0f3fb;
-    padding: 10px;
-    text-align: center;
-    -moz-border-radius: 2px;
-    -webkid-border-radius: 2px;
-    border-radius: 2px;
-}
-
-#invoice #header {
-    float: left;
-    width: 350px;
-    font-size: 14px;
-    clear: both;
-
-}
-
-.invoice-items th.edit-icon {
-    border-bottom: none !important;
-    background: #fff !important;
-
-}
-
-div.edit-icon {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    font-size: 10px;
-
-}
-
-div.edit-icon a {
-    width: 90px;
-    height: 18px;
-    display: block;
-    padding-right: 18px;
-    background: url(editable.png) no-repeat top right scroll;
-    text-decoration: none;
-    color: #1A526B;
-}
-
-.invoice-items td.edit-icon, .invoice-items td.delete-icon {
-    width: 10px;
-    background: #fff;
-    padding: 0;
-}
-
-td.edit-icon a, td.delete-icon a {
-    width: 18px;
-    height: 18px;
-    display: block;
-    text-decoration: none;
-    background: url(editable.png) no-repeat top center scroll; /*visibility:hidden;*/
-}
-
-td.delete-icon a {
-    width: 25px;
-}
-
-td a.delete-icon {
-    background: url(delete.png) no-repeat center right scroll;
-}
-
-#invoice tr:hover td.edit-icon a {
-/*visibility:visible;*/
-}
-
-#invoice-small {
-    width: 552px;
-    padding: 24px;
-    font-size: 11px !important;
-    /*
-border: 1px solid #f2f2f2;
-background:#fefefe;
--moz-box-shadow: 0 0 6px #EEEEEE;*/
-
-}
-
-#invoice-small .address p {
-    margin-bottom: 0;
-}
-
-#invoice-small #logo img {
-    max-width: 150px;
-}
-
-#invoice-small .invoice-items td {
-    font-size: 10px;
-    padding: 3px 6px;
-}
-
-#invoice-small .address, #invoice-small #invoice-right-box {
-    width: 180px;
-
-}
-
-#invoice-small h4 {
-    font-size: 90%;
-}
-
-#invoice-small .no-items {
-    text-align: center;
-    margin: 36px auto;
-    display: block;
-}
-
-/** Status Messages **/
-
-.error_list {
-    width: 450px;
-    margin: 20px auto 0 auto;
-}
-
-#alert {
-    position: absolute;
-    left: 50%;
-    margin-left: -217.5px;
-}
-
-.error, .success, .notice {
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    color: #333333;
-    margin: 6px 0px;
-    padding: 5px;
-    font-size: 12px;
-}
-
-.error_list  .success, #alert.success {
-    background: url(accept.png) no-repeat scroll 15px center #ECFFE2;
-    border-bottom: 1px solid #BFFFAC;
-    border-top: 1px solid #BFFFAC;
-    color: #638459;
-    margin-top: 10px;
-    padding: 5px 20px 5px 45px;
-    text-align: left;
-    width: 350px;
-}
-
-.error_list .error, #alert.error {
-    background: #FFF6BF url(exclamation.png) no-repeat 15px center;
-    background-position: 15px 50%;
-    border-bottom: 1px solid #FFD324;
-    border-top: 1px solid #FFD324;
-
-    color: #806A12;
-    margin-top: 10px;
-    padding: 5px 20px 5px 45px;
-    text-align: left;
-    width: 350px;
-}
-
-.error_list .error {
-    margin: 10px auto 0 auto;
-}
-
-.error_list  .info, #alert.notice {
-    background: url(information.png) no-repeat scroll 15px 50% #F8FAFC;
-    border-bottom: 1px solid #B5D4FE;
-    border-top: 1px solid #B5D4FE;
-    color: #4D5A6C;
-    float: left;
-    margin-top: 10px;
-    padding: 5px 20px 5px 45px;
-    text-align: left;
-    width: 350px;
-}
-
-div.load-cont {
-    width: 545px;
-    height: 60px;
-}
-
-.loading-overlay {
-    background: #fff;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 501;
-    opacity: .5;
-}
-
-img.loading {
-    margin: 0 auto;
-    display: block;
-    position: absolute;
-    top: 300px;
-    left: 50%;
-    margin-left: -24px;
-    z-index: 600;
-}
-
-/** General Layout **/
-
-#content {
-    margin-bottom: 30px;
-    text-align: left;
-}
-
-.inner {
-    padding: 30px;
-}
-
-.content .inner {
-    width: 900px;
-    min-height: 470px;
-    background: #fdfdfd url(list_top_bg.png) repeat-x 0 -1px scroll;
-}
-
-.inner-split {
-    background: #fff url(inner-split-bg.png) repeat-y 0 0 scroll;
-}
-
-.inner-split .main-content {
-
-    min-height: 500px;
-    width: 604px;
-    padding: 18px;
-    float: left; /*background:#fff;*/
-}
-
-.inner-split .sidebar-content {
-
-    width: 320px;
-    min-height: 500px;
-    float: left;
-    position: relative;
-}
-
-.sidebar-content .no-messages {
-    color: #4183C4;
-    text-align: center;
-
-    margin: 36px auto;
-}
-
-#av-player {
-    width: 592px;
-    height: 333px;
-    margin: 0 6px 30px 6px;
-
-}
-
-#av-player.audio {
-    height: 30px;
-}
-
-#image-file {
-    max-width: 584px;
-    padding: 10px;
-    border: 1px solid #cfcfcf;
-    box-shadow: 0 1px 2px #777;
-    -moz-box-shadow: 0 1px 2px #777;
-    -webkit-box-shadow: 0 1px 2px #777;
-    display: block;
-    margin: 0 auto;
-    clear: both;
-}
-
-#file-container {
-    width: 584px;
-    height: 170px;
-    padding: 10px;
-    margin: 0 auto;
-    border: 1px solid #cfcfcf;
-    position: relative;
-
-}
-
-#file-container .file-inner {
-    width: 584px;
-    height: 170px;
-    border: 1px solid #f8f8f8;
-    margin: 0 auto;
-    background: #fefefe;
-}
-
-#file-container img {
-    margin: 18px 0 35px -6px;
-    width: 120px;
-}
-
-#file-details {
-    position: absolute;
-    top: 24px;
-}
-
-#file-container p {
-    display: block;
-    width: 400px;
-    margin: 0 0 0 120px;
-    text-align: left;
-    color: #666;
-    float: left;
-}
-
-#file-container p span {
-    display: inline-block;
-    color: #999999;
-    float: left;
-    margin: 0;
-    width: 115px;
-}
-
-#file-container .file-description {
-    font-size: 30px;
-    font-weight: bold;
-    height: 54px;
-    line-height: 54px;
-    color: #495961;
-    padding: 0;
-    text-shadow: 0px 2px 3px #FFFFFF;
-    margin: 0 0 12px 120px;
-    border-bottom: 1px solid #DDDDDD;
-    width: 450px;
-}
-
-#file-container .file-description:hover {
-    color: #4183c4;
-}
-
-#file-container
-#image-container img {
-    width: 584px;
-}
-
-#file-actions {
-    border-top: 1px solid #ddd;
-    padding-top: 12px;
-    margin: 24px 0;
-    clear: both;
-}
-
-#file-actions .danger {
-    float: right;
-}
-
-.top-actions {
-    margin-top: 6px;
-}
-
-.top-actions .uploaded-by, .top-actions .date-time {
-    color: #999;
-}
-
-.top-actions .description {
-    width: 65%;
-    float: left;
-
-    color: #4183C4;
-}
-
-.top-actions .meta {
-    float: right;
-    text-align: right;
-    width: 35%;
-}
-
-.top-actions .date-time {
-    margin-bottom: 2px;
-}
-
-.page-title {
-    margin-bottom: 20px;
-    color: #aaaaaa;
-}
-
-.account-balance {
-    color: #3F7FA5;
-    font-weight: bold;
-    text-align: center;
-}
-
-.client-details {
-    width: 402px;
-    margin-right: 48px;
-    float: left;
-}
-
-.client-details-list {
-    margin: 0;
-    padding: 0;
-}
-
-.client-details-list span {
-    color: #999999;
-    width: 160px;
-    display: block;
-    float: left;
-}
-
-.client-details-list li {
-    list-style: none;
-    font-size: 14px;
-    line-height: 24px;
-    margin-bottom: 12px;
-    display: block;
-}
-
-.client-actions {
-    border-top: 1px solid #ddd;
-    padding-top: 12px;
-    margin: 18px 0;
-}
-
-.client-actions .danger {
-    float: right;
-}
-
-.client-projects {
-    float: left;
-    width: 450px;
-    margin-left: 0px;
-}
-
-.client-projects .project-list, .client-projects .invoice-list {
-    color: #333;
-    margin-bottom: 12px;
-    font-size: 12px;
-}
-
-.client-projects .list {
-    margin-bottom: 48px;
-}
-
-.client-projects th {
-    padding: 5px 12px 0 12px;
-    font-size: 12px;
-}
-
-.client-projects .table-header, .client-invoices .table-header {
-    font-size: 12px;
-}
-
-.client-projects .list tr {
-    height: 30px;
-}
-
-.client-projects .list td a.cell-link {
-    height: inherit;
-    padding: 6px 12px 5px;
-}
-
-.alert {
-    min-height: 33px;
-    max-height: 43px;
-    width: 352px;
-    margin: 12px auto;
-    padding: 12px 24px;
-    color: #666666;
-    border: 1px solid #e7e7ce;
-    border-radius: 6px;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
-    background: transparent url(alert-info-bg.png) repeat-x left bottom scroll;
-}
-
-.alert h3 {
-    color: #000;
-}
-
-.alert.notice {
-    background: transparent url(alert-notice-bg.png) repeat-x 0 0 scroll;
-
-}
-
-.alert.error {
-    background: transparent url(alert-error-bg.png) repeat-x 0 0 scroll;
-
-}
-
-.alert.success {
-    background: transparent url(alert-success-bg.png) repeat-x 0 0 scroll;
-
-}
-
-.alert.fluid {
-    width: 90%;
-    margin: 12px auto;
-    text-align: center;
-}
-
-.alert.large {
-    max-height: 72px;
-}
-
-.no-files h3 {
-    color: #666;
-}
-
-.no-files a {
-    text-decoration: none;
-    margin: 12px 24px 6px 24px;
-}
-
-.project-actions {
-    float: right;
-}
-
-.project-actions .small-button.extra-margin {
-    margin-bottom: 12px;
-}
-
-.no-items {
-    padding: 12px;
-    margin: 108px auto 36px auto !important;
-}
-
-.no-items h3 {
-    margin-bottom: 12px;
-    color: #666;
-}
-
-.add-item.alert {
-    margin-left: 30px;
-}
-
-.add-item.alert a {
-    margin-top: 6px;
-}
-
-.no-projects, .no-invoices {
-    text-align: center;
-
-    font-size: 16px;
-}
-
-.no-invoices {
-    margin-top: 36px;
-}
-
-.invoice-actions {
-    float: right;
-    height: 20px;
-    padding: 12px;
-    background-color: #ddd;
-    margin-right: 55px;
-    margin-top: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-}
-
-.invoice-actions .small-button {
-    margin: 0 3px;
-}
-
-.project-progress {
-    width: 300px;
-    margin: 0 auto;
-    text-align: center;
-    font-weight: bold;
-    clear: both;
-}
-
-.progressbar {
-    width: 300px;
-    background: url(progressbar.png) no-repeat 0 -40px;
-    margin: 10px auto 70px auto
-}
-
-.progressbar-completed {
-    height: 20px;
-    margin-left: -1px;
-    background: url(progressbar.png) no-repeat 1px 0;
-}
-
-.progressbar-completed div {
-    float: right;
-    width: 50%;
-    height: 20px;
-    margin-right: -1px;
-    background: url(progressbar.png) no-repeat 100% 0;
-    display: inline; /* IE 6 double float bug */
-}
-
-.button-container {
-    clear: both;
-}
-
-.tmp {
-    display: none;
-}
-
-/** AUTO CLEARFIX **/
-.form:after,
-.inner-split:after,
-.inner-split .main-content:after,
-.client-details-list li:after,
-.grid .icon:after,
-.invoice-addresses:after,
-.address:after,
-.terms:after,
-.invoice-summary:after,
-form div:after,
-form:after,
-.clearfix:after {
-    clear: both;
-    content: ' ';
-    display: block;
-    font-size: 0;
-    line-height: 0;
-    visibility: hidden;
-    width: 0;
-    height: 0;
-}
-
-#modal .form{
-    margin-top:0;
-}
-/* jqModal base Styling courtesy of;
-	Brice Burgess <bhb@iceburg.net> */
-
-/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
-	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
-
-.jqmWindow {
-    display: none;
-    position: absolute;
-    color: #333;
-}
-
-.jqmOverlay {
-    background-color: #ccc;
-}
-
-
+body {
+    color: #777777;
+    background: #d7dee4 url(light-bgs.png) no-repeat center top scroll;
+    overflow-x: hidden;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 12px;
+    line-height: 18px;
+
+}
+
+.wrapper {
+    width: 960px;
+    margin: 0 auto;
+}
+
+/** Navigation **/
+
+.logo-container {
+    width: 300px;
+    display: inline;
+    float: left;
+    margin: 2px;
+    position: relative;
+}
+
+#logo {
+    margin: 0;
+}
+
+#logo a {
+    text-decoration: none;
+    color: #fff;
+    font-weight: normal;
+    font-size: 16px;
+
+}
+
+.nav-container {
+    width: 620px;
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
+    position: relative;
+}
+
+#header {
+    background: #010018 url(nav.png) repeat-x 0 0 scroll;
+    height: 40px;
+    box-shadow: 0 0 6px #777777;
+    -moz-box-shadow: 0 0 6px #777777;
+    -webkit-box-shadow: 0 0 6px #777777;
+
+}
+
+.navigation {
+    height: 40px;
+}
+
+.main_nav {
+    float: right;
+    z-index: 2000;
+    margin: 12px 0px 0px 0px;
+}
+
+.main_nav li {
+    float: left;
+    margin: 0 0 0 0;
+    padding: 7px 15px 10px;
+    list-style: none;
+}
+
+.main_nav a {
+    font-size: 13px;
+    color: #ccc;
+    text-decoration: none;
+    padding: 12px 18px;
+}
+
+.main_nav li ul li {
+    background-color: #333 !important;
+    display: block;
+}
+
+.dropdown li {
+    float: left;
+    position: relative;
+}
+
+ul.dropdown li,
+ul.dropdown ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+ul.dropdown {
+    list-style: none;
+    position: relative;
+    z-index: 597;
+}
+
+ul.dropdown li {
+
+    float: left;
+    line-height: 1.3em;
+    vertical-align: middle;
+    zoom: 1;
+    background: url(nav_divider.png) no-repeat center right scroll;
+}
+
+ul.dropdown > li:last-child {
+    background: none;
+}
+
+ul.dropdown li ul li {
+    background-image: none;
+}
+
+ul.dropdown li.hover,
+ul.dropdown li:hover {
+    position: relative;
+    z-index: 599;
+    cursor: default;
+}
+
+ul.dropdown ul {
+    visibility: hidden;
+    position: absolute;
+    top: 27px;
+    left: 15px;
+    z-index: 598;
+    width: 168px;
+    border-top: 1px solid #484848;
+}
+
+*ul.dropdown ul {
+    top: 22px;
+}
+
+*ul.dropdown a {
+    display: block;
+    padding-top: 3px !important;
+    padding-bottom: 3px !important;
+}
+
+ul.dropdown ul li {
+
+    float: none;
+    border: 1px solid #484848;
+    border-style: none solid solid solid;
+    padding: 12px 9px;
+}
+
+ul.dropdown ul ul {
+    top: 0;
+    left: 158px;
+}
+
+ul.dropdown li:hover > ul {
+    visibility: visible;
+}
+
+.new-client-button {
+    padding: 12px 12px 12px 26px !important;
+    background: transparent url(new_client.png) no-repeat left center scroll;
+}
+
+.new-project-button {
+    padding: 12px 12px 12px 26px !important;
+    background: transparent url(new_project.png) no-repeat left center scroll;
+}
+
+.new-invoice-button {
+    padding: 12px 12px 12px 26px !important;
+    background: transparent url(new_invoice.png) no-repeat left center scroll;
+}
+
+.new-admin-button {
+    padding: 12px 12px 12px 26px !important;
+    background: transparent url(new_admin.png) no-repeat left center scroll;
+}
+
+.change-pass-button {
+    padding: 12px 12px 12px 26px !important;
+    background: transparent url(change_password.png) no-repeat left center scroll;
+}
+
+/** Page Layout **/
+
+#page-container {
+    float: left;
+    margin-left: 200px;
+
+}
+
+#page-content .footer {
+    height: 42px;
+    margin-top: 18px;
+    background-color: #eee;
+}
+
+#page-content-outer {
+    width: 960px;
+    margin: 60px auto 36px auto;
+    box-shadow: 0 0 6px #777;
+    -moz-box-shadow: 0 0 6px #777;
+    -webkit-box-shadow: 0 0 6px #777;
+    border: 1px solid #F6F6F6;
+    background-color: #fff;
+    position: relative;
+}
+
+.info-bar {
+    background: transparent url(info_bar_bg.png) repeat-x 0 0 scroll;
+    border-bottom: 1px solid #ccc;
+    height: 84px;
+    margin-top: -1px;
+    width: 100%;
+    position: relative;
+}
+
+.info-bar .title {
+    padding: 31px 0 0 24px;
+    color: #888;
+    text-shadow: #fff 1px 1px 0px;
+    float: left;
+}
+
+.breadcrumbs.secondary {
+    position: absolute;
+    left: 26px;
+    top: 15px;
+    color: #4183C4;
+
+}
+
+.breadcrumbs.primary a, .breadcrumbs.secondary a {
+    text-decoration: none;
+    color: #888;
+}
+
+.breadcrumbs.primary a:hover, .breadcrumbs.secondary a:hover, .breadcrumbs.tertiary a:hover {
+    color: #4183c4;
+}
+
+.breadcrumbs.tertiary {
+    display: inline-block;
+    margin: 46px 0 0 12px
+}
+
+.breadcrumbs.tertiary a {
+    color: #bbb;
+    text-decoration: none;
+}
+
+#invoice {
+    width: 835px;
+    margin: 20px auto 40px auto;
+    padding: 50px;
+    background-color: #ffffff;
+    border: 1px solid #CCCCCC;
+    min-height: 400px;
+    box-shadow: 0 0 6px #777;
+    -moz-box-shadow: 0 0 6px #777;
+    -webkit-box-shadow: 0 0 6px #777;
+}
+
+.invoice-addresses {
+    clear: both;
+    margin: 60px 0 0 0;
+    position: relative;
+}
+
+#invoice-right-box {
+    float: left;
+    margin-left: 10px;
+    width: 225px;
+}
+
+#invoice-right-box table {
+    border-collapse: collapse;
+    font-size: 90%;
+    font-weight: bold;
+    width: 100%;
+}
+
+#invoice-right-box td {
+    font-size: 12px;
+}
+
+#invoice-right-box .right-box-label {
+    color: #AAAAAA;
+    text-align: right;
+}
+
+#invoice-right-box table td {
+    padding: 4px 5px;
+}
+
+#invoice-right-box table td {
+    padding: 4px 5px;
+}
+
+#invoice-template .from-address {
+    margin-right: 25px;
+}
+
+#invoice-template .address {
+    float: left;
+    width: 220px;
+}
+
+.address {
+    font-size: 90%;
+}
+
+.address h4 {
+    color: #AAAAAA;
+    font-size: 120%;
+    margin-bottom: 5px;
+    padding-bottom: 0;
+}
+
+.address .attn {
+    font-size: 120%;
+    font-weight: bold;
+}
+
+.address p {
+    margin: 0 0 3px;
+    padding: 0;
+}
+
+.address {
+    float: left;
+    width: 220px;
+}
+
+.invoice-items {
+
+    margin: 40px auto;
+}
+
+#invoice .header th, .invoice-summary .header {
+    background: none repeat scroll 0 0 #f8f8f8;
+    border-bottom: 1px solid #e7f0f4;
+}
+
+#invoice .header, .invoice-summary .header {
+
+    font-size: 90%;
+    font-weight: normal;
+    text-align: center;
+    text-transform: uppercase;
+    height: 20px;
+    padding-top: 8px;
+}
+
+.invoice-items td {
+    font-size: 12px;
+    padding: 6px 12px;
+}
+
+.invoice-items .invoice-item {
+    background: none repeat scroll 0 0 #f4f8fa;
+    font-weight: bold;
+}
+
+.invoice-items tr.description {
+
+}
+
+.invoice-items .item-name {
+    width: 49%;
+}
+
+.invoice-items .quantity {
+    width: 17%;
+    text-align: center;
+}
+
+.invoice-items .rate {
+    width: 17%;
+    text-align: center;
+}
+
+.invoice-items .subtotal {
+    width: 17%;
+    text-align: center;
+
+}
+
+.invoice-items .description {
+    padding: 5px 5px 15px 5px;
+}
+
+.invoice-summary {
+    width: 50%;
+    float: right;
+    clear: left;
+    padding-left: 50%;
+}
+
+.invoice-summary h5 {
+    font-weight: normal;
+}
+
+.invoice-summary .total, .invoice-summary .payments,
+.invoice-summary .balance {
+    padding: 2px 0;
+    height: 24px;
+    border-bottom: 1px solid #eeeeee;
+}
+
+.invoice-summary .balance h4 {
+    font-weight: bold !important;
+}
+
+.invoice-summary span {
+    width: 30%;
+    float: right;
+    display: block;
+    text-align: right;
+    *margin-top: -18px;
+}
+
+#invoice .terms {
+    margin: 60px auto 40px auto;
+    width: 740px;
+}
+
+#page-title {
+    border-bottom: 1px solid #BCBCBC;
+    height: 90px;
+}
+
+#page-title h1 {
+    float: left;
+    font-size: 36px;
+    font-weight: bold;
+    letter-spacing: -0.03em;
+    line-height: 36px;
+    margin: 27px 0;
+}
+
+p, fieldset, pre {
+    margin-bottom: 18px;
+}
+
+h2 {
+    font-size: 24px;
+    line-height: 1.3em;
+    margin: 0 0 9px;
+}
+
+h3 {
+    font-size: 18px;
+    line-height: 1.3em;
+    margin: 0 0 2px;
+}
+
+.box-white {
+    -moz-border-radius: 4px 4px 4px 4px;
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #D7D7D7;
+    margin: 0 0 18px;
+    padding: 18px;
+}
+
+/** Tabs **/
+.sub-tabs {
+    list-style: none;
+    margin: 25px 10px 0 0;
+    padding: 0;
+    border: 1px solid #ddd;
+    font-size: 11px;
+    line-height: 16px;
+    font-weight: bold;
+    zoom: 1;
+    float: right;
+    position: absolute;
+    bottom: 20px;
+    right: 6px;
+}
+
+.sub-tabs:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+
+.sub-tabs li {
+    display: block;
+    float: left;
+}
+
+.sub-tabs a {
+    display: block;
+    float: left;
+    padding: 6px 15px;
+    border-left: 1px solid #ddd;
+    color: #666;
+    text-decoration: none;
+    background: #eee url(tabs_bg2.png) repeat-x 0 0 scroll;
+}
+
+.sub-tabs a:hover {
+    text-decoration: none;
+    background: #eee;
+    color: #777;
+}
+
+.sub-tabs .active a {
+    color: #777;
+    background: #eee;
+    background: #eee url(tabs_bg.png) repeat-x 0 0 scroll;
+}
+
+.sub-tabs li:first-child a {
+    border-left: none;
+
+}
+
+.sub-tabs li:last-child a {
+    border-right: none;
+
+}
+
+.sub-tabs a span {
+    width: 100%;
+    padding-left: 25px;
+}
+
+li.object-action a span {
+    background: transparent url(add_16.png) no-repeat left center scroll;
+}
+
+li.object-action.hide-messages a span {
+    background: transparent url(messages.png) no-repeat 0 -4px scroll;
+}
+
+/**Messages **/
+ul.messages {
+    padding-left: 0;
+}
+
+li.message {
+    list-style: none;
+}
+
+.message {
+    margin: 12px 0 12px 24px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    width: 274px;
+}
+
+.message-body {
+    border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    overflow:hidden;
+    padding: 12px;
+    width: 250px;
+    background: #fff;
+}
+
+.message-body:hover {
+    color: #333;
+}
+
+.message-author {
+    padding: 3px 12px;
+    background: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF) repeat scroll 0 0 transparent;
+    border-top: 1px solid #eee;
+    width: 250px;
+    border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    -webkit-border-radius: 0 0 4px 4px;
+    text-align: right;
+    color: #888;
+}
+
+.sidebar-content .new-message {
+    position: relative;
+    top: 0;
+    left: 0;
+    width: 319px;
+    padding: 18px 0;
+    background: #fff url(new-message.png) no-repeat center bottom scroll;
+    border-left: 1px solid #efefef;
+}
+
+.sidebar-content .new-message form {
+    margin: 0 0 0 24px;
+    width: 274px;
+}
+
+.sidebar-content .new-message textarea {
+    *margin-left: -24px;
+}
+
+.sidebar-content .small-button {
+    float: right;
+    margin: 6px 0 0 0;
+}
+
+.sidebar-content h4 {
+    color: #666;
+    font-weight: bold;
+    margin: 0 0 6px 24px;
+}
+
+.sidebar-content textarea {
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    width: 266px;
+    border: 1px solid #ccc;
+    height: 50px;
+    font-size: 12px;
+
+}
+
+/** Messages List **/
+
+table.messages td {
+    font-size: 12px;
+    color: #888;
+    max-width: 670px;
+    overflow: hidden;
+}
+
+.list-message {
+    width: 60%;
+}
+
+.list-message a {
+    color: #333 !important;
+}
+
+/** FORMS **/
+
+.form-header {
+    background: url("info_bar_bg.png") repeat-x scroll 0 0 transparent;
+    border-bottom: 1px solid #CCCCCC;
+    height: 36px;
+    padding: 12px;
+    margin-top: -1px;
+    position: relative;
+}
+
+.form-title {
+    color: #4183C4;
+    text-shadow: #fff 2px 1px 1px;
+    margin: 12px;
+}
+
+.form form {
+    padding: 36px;
+}
+
+.form {
+    width: 460px;
+
+    border: 1px solid #ccc;
+
+    background: #fff;
+    margin-top: 48px;
+    margin-right: auto;
+    margin-left: auto;
+    margin-bottom: 48px;
+    box-shadow: 0 1px 5px #BBBBBB;
+    -moz-box-shadow: 0 1px 5px #BBBBBB;
+    -webkit-box-shadow: 0 1px 5px #BBBBBB;
+
+}
+
+.form.full-width {
+    width: 852px;
+}
+
+label {
+    display: block;
+}
+
+input, textarea, select, .faux-field, .faux-file-field {
+    background: none repeat scroll 0 0 #FAFAFA;
+    border: 1px solid #EEEEEE;
+    font-size: 18px;
+    line-height: 20px;
+    margin: 1px;
+    padding: 3px;
+    display: block;
+    float: left;
+}
+
+.form .wide {
+    width: 376px;
+    float: left;
+    margin: 3px 0 24px 0;
+}
+
+.form .medium {
+    width: 204px;
+    float: left;
+    margin: 3px 0 24px 0;
+}
+
+.form .skinny {
+    width: 102px;
+    float: left;
+    margin: 3px 0 24px 0;
+}
+
+.form .wide input, .form .wide textarea, .form .wide select {
+    width: 348px; /** 6 in padding **/
+}
+
+.form .medium input, .form .medium textarea, .form .medium select {
+    width: 204px;
+}
+
+.form .skinny input, .form .skinny textarea, .form .skinny select {
+    width: 102px;
+}
+
+.faux-field {
+    padding: 4px 24px 4px 12px;
+    font-size: 16px;
+    color: #aaa;
+}
+
+textarea#terms {
+    font-size: 12px;
+}
+
+#submit {
+    border: none;
+    float: right;
+    display: block;
+}
+
+.form .button {
+    float: right;
+}
+
+#confirm-delete .cancel {
+    float: left;
+    margin-top: 12px;
+}
+
+.button.large {
+    height: 34px;
+    padding: 0;
+    position: relative;
+    top: 1px;
+    margin-left: 10px;
+    font-family: helvetica, arial, freesans, clean, sans-serif;
+    font-weight: bold;
+    font-size: 12px;
+    color: #333;
+    text-shadow: 1px 1px 0 #fff;
+    white-space: nowrap;
+    overflow: visible;
+    background: #fff url(large-button-bg.png) repeat-x 0 0 scroll;
+    border: 1px solid #ccc;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    cursor: pointer;
+    -webkit-font-smoothing: subpixel-antialiased !important;
+}
+
+.button.large {
+    display: inline-block;
+}
+
+.button.large  span {
+    display: block;
+    height: 34px;
+    padding: 0 13px;
+    line-height: 36px;
+}
+
+.button:hover>input {
+    color: #4183c4;
+    text-shadow: #fff 2px 1px 1px;
+}
+
+.button input {
+    border: none;
+    background: transparent;
+    min-width: 75px;
+    padding: 7px;
+    font-weight: bold;
+    font-family: "Helvetica Neue", arial, sans-serif;
+    font-size: 14px;
+    line-height: 18px;
+    color: #666;
+    text-align: center;
+    cursor: pointer;
+
+}
+
+.button input:focus {
+    border: none;
+}
+
+/** tab-menu **/
+ul.tab_menu {
+    overflow: hidden;
+    padding: 0;
+    height: 36px;
+    background: #e0e0e0 url(unselected_tabs_bg.png) repeat-x 0 0 scroll;
+}
+
+ul.tab_menu li {
+    float: left;
+    background: transparent url(tabs_divider.png) no-repeat right top scroll;
+    height: 35px;
+    list-style: none;
+}
+
+ul.tab_menu li.no-div {
+    background: none;
+}
+
+ul.tab_menu .selected:after {
+    content: url(selected_side_highlight.png);
+    display: block;
+    float: right;
+}
+
+ul.tab_menu .selected:before {
+    content: url(selected_side_highlight.png);
+    display: block;
+    float: left;
+}
+
+ul.tab_menu li .total {
+    color: #919191;
+    font-size: 9px;
+}
+
+ul.tab_menu li a {
+    font-weight: bold;
+    text-decoration: none;
+    color: #888;
+    text-transform: uppercase;
+    text-shadow: #fff 2px 1px 1px;
+    height: 36px;
+
+}
+
+ul.tab_menu a span {
+    padding: 9px 26px 8px 26px;
+    display: inline-block;
+}
+
+ul.tab_menu li.selected {
+    background: transparent url('selected_bg.png') 0 0 repeat-x;
+    z-index: 500;
+    top: 0;
+    position: relative;
+}
+
+.tab_menu li.messages {
+    float: right;
+    background: transparent url(tabs_divider.png) no-repeat left top scroll;
+
+}
+
+.tab_menu li.messages span {
+    background: transparent url(email_32.png) no-repeat 50% 0px scroll;
+    display: block;
+    width: 20px;
+    opacity: .5;
+}
+
+.tab_menu li.messages span:hover {
+    opacity: 1;
+}
+
+input:focus, textarea:focus, select:focus {
+    background: none repeat scroll 0 0 #fff;
+    border: 1px solid #27BCEE;
+}
+
+/** Data List **/
+
+.list tr {
+    height: 40px;
+    border-top: 1px dotted #fff;
+    background: transparent url(list_row_bg.png) repeat-x 0 -1px scroll;
+}
+
+.list tr:hover {
+    background: transparent url(list_hover.png) repeat-x 0 -1px scroll;
+    border: 1px solid #c5cbfd;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+}
+
+.list .table-header, .list .table-header:hover {
+    background: #eee url(table-header-bg.png) repeat-x 0 0 scroll;
+    border-top: 1px solid #eee;
+    border-bottom: 1px solid #eee;
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    color: #626a6f;
+    font-size: 13px;
+    height: 20px;
+    text-align: left;
+
+}
+
+.table-header th {
+    padding: 9px;
+}
+
+.list td {
+    padding: 0;
+    font-size: 13px;
+}
+
+.list th.action, .list td.action {
+    width: 30px;
+}
+
+.list th:last-child, .list td:last-child {
+    padding-right: 5px;
+}
+
+.list td a.cell-link {
+    padding: 10px;
+    text-decoration: none;
+    color: #666;
+    display: block;
+    width: 100%;
+    height: 20px;
+}
+
+.list tr .action .danger {
+    float: none;
+}
+
+.list tr .action .small-button {
+    visibility: hidden;
+}
+
+.list tr:hover .action>.small-button {
+    visibility: visible;
+}
+
+.grid {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    clear: both;
+}
+
+.grid li {
+    list-style: none;
+    display: block;
+    float: left;
+    margin: 0 47px 48px 0px;
+    width: 142px;
+}
+
+.grid li.end-row {
+    margin-right: 0 !important;
+}
+
+.grid .icon {
+    padding: 5px;
+    background-position: center bottom;
+    background-repeat: no-repeat;
+}
+
+.grid .icon-link {
+    border-radius: 6px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    position: relative;
+}
+
+.grid .icon a span {
+    width: 130px;
+    height: 130px;
+    display: block;
+}
+
+.icon img.padded {
+    width: 120px;
+    height: 120px;
+    padding: 5px;
+    border: 1px solid #efefef;
+    background: #fff url(blank_cell.png);
+}
+
+.icon .thumb {
+    background: #fff url(blank_cell.png);
+    padding: 5px;
+
+    border: 1px solid #e9e9e9;
+}
+
+.grid .icon:last-child {
+    margin-right: 0;
+}
+
+.grid .section-separator {
+    display: block;
+    width: 866px;
+    display: block;
+    clear: both;
+    background-color: #f4f9fc;
+    border-color: #eee;
+    border-style: solid;
+    border-width: 1px 0;
+    font-weight: bold;
+    margin-top: 10px;
+    padding: 11px 17px;
+    font-size: 14px;
+    margin: 20px auto;
+    color: #888;
+}
+
+.small.grid .section-separator {
+    width: 570px;
+    margin: 20px auto;
+}
+
+.cell .cell-info {
+    padding: 3px 0 3px 5px;
+    text-align: left;
+}
+
+.cell .name {
+    color: #3974C5;
+    display: block;
+    font-size: 12px;
+    font-weight: bold;
+    float: left;
+    line-height: 16px;
+    margin-bottom: 2px;
+    text-decoration: none;
+}
+
+.cell .uploaded-by, .top-actions .uploaded-by {
+    font-size: 11px;
+    height: 16px;
+    margin-bottom: 2px;
+    overflow: hidden;
+    white-space: nowrap;
+    color: #5B6064;
+}
+
+.cell .date-time, .top-actions .date-time {
+    color: #909397;
+    font-size: 11px;
+    line-height: 16px;
+}
+
+/** SMall buttons **/
+.small-button {
+    display: inline-block;
+    height: 23px;
+    padding: 0 0 0 3px;
+    font-size: 11px;
+    font-weight: bold;
+    color: #333;
+    text-shadow: 1px 1px 0 #fff;
+    background: url(small-button.png) 0 0 no-repeat;
+    white-space: nowrap;
+    border: none;
+    overflow: visible;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+input[type=text]+.small-button {
+    margin-left: 5px;
+}
+
+.small-button::-moz-focus-inner {
+    margin: -1px -3px;
+}
+
+.small-button.danger {
+    color: #900;
+    float: right;
+}
+
+.small-button>span, .small-button>input {
+    display: block;
+    height: 23px;
+    padding: 0 10px 0 8px;
+    line-height: 23px;
+    background: url(small-button.png) 100% 0 no-repeat;
+}
+
+.small-button:hover, .small-button.active {
+    color: #fff;
+    text-decoration: none;
+    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+    background-position: 0 -30px;
+}
+
+.small-button.danger:hover {
+    background-position: 0 -90px;
+}
+
+.small-button:hover>span, .small-button:hover>input, .small-button.active span {
+    background-position: 100% -30px;
+
+}
+
+.small-button:hover>input {
+    color: #fff;
+    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+.small-button.danger:hover>span {
+    background-position: 100% -90px;
+}
+
+.small-button.mousedown {
+    background-position: 0 -60px;
+}
+
+.small-button.danger.mousedown {
+    background-position: 0 -120px;
+}
+
+.small-button.mousedown>span {
+    background-position: 100% -60px;
+}
+
+.small-button.danger.mousedown>span {
+    background-position: 100% -120px;
+}
+
+.small-button input {
+    text-shadow: 1px 1px 0 #fff;
+    border: none;
+    font-size: 11px;
+    font-weight: bold;
+    color: #333;
+    margin: 0;
+}
+
+.small-button input:hover {
+    border: none;
+}
+
+/** Pagination **/
+.pagination {
+    background: none repeat scroll 0 0 #eee;
+    height: 42px;
+    position: relative;
+    z-index: 999;
+    width: 100%;
+}
+
+.pagination ul {
+    margin: 0;
+    padding-left: 0;
+}
+
+.pagination li {
+    border-right: 1px solid #CFCFCF;
+    float: left;
+    list-style: none;
+}
+
+.pagination li.current {
+    background: none repeat scroll 0 0 #FFFFFF;
+    height: 41px;
+    margin-top: -1px;
+    padding-top: 1px;
+}
+
+.pagination li.current a {
+    color: #333;
+}
+
+.pagination a, .pagination div {
+    color: #7F7F7F;
+    display: block;
+    float: left;
+    font-weight: bold;
+    padding: 12px 20px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+/** Invoice Form **/
+
+#date-of-issue, #due-date, #invoice-number {
+    clear: both;
+    position: relative;
+
+}
+
+#invoice {
+    width: 750px;
+}
+
+.due-date {
+    float: right;
+}
+
+.due-date .date {
+    width: 170px;
+    text-transform: uppercase;
+    background-color: #e0f3fb;
+    padding: 10px;
+    text-align: center;
+    -moz-border-radius: 2px;
+    -webkid-border-radius: 2px;
+    border-radius: 2px;
+}
+
+#invoice #header {
+    float: left;
+    width: 350px;
+    font-size: 14px;
+    clear: both;
+
+}
+
+.invoice-items th.edit-icon {
+    border-bottom: none !important;
+    background: #fff !important;
+
+}
+
+div.edit-icon {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 10px;
+
+}
+
+div.edit-icon a {
+    width: 90px;
+    height: 18px;
+    display: block;
+    padding-right: 18px;
+    background: url(editable.png) no-repeat top right scroll;
+    text-decoration: none;
+    color: #1A526B;
+}
+
+.invoice-items td.edit-icon, .invoice-items td.delete-icon {
+    width: 10px;
+    background: #fff;
+    padding: 0;
+}
+
+td.edit-icon a, td.delete-icon a {
+    width: 18px;
+    height: 18px;
+    display: block;
+    text-decoration: none;
+    background: url(editable.png) no-repeat top center scroll; /*visibility:hidden;*/
+}
+
+td.delete-icon a {
+    width: 25px;
+}
+
+td a.delete-icon {
+    background: url(delete.png) no-repeat center right scroll;
+}
+
+#invoice tr:hover td.edit-icon a {
+/*visibility:visible;*/
+}
+
+#invoice-small {
+    width: 552px;
+    padding: 24px;
+    font-size: 11px !important;
+    /*
+border: 1px solid #f2f2f2;
+background:#fefefe;
+-moz-box-shadow: 0 0 6px #EEEEEE;*/
+
+}
+
+#invoice-small .address p {
+    margin-bottom: 0;
+}
+
+#invoice-small #logo img {
+    max-width: 150px;
+}
+
+#invoice-small .invoice-items td {
+    font-size: 10px;
+    padding: 3px 6px;
+}
+
+#invoice-small .address, #invoice-small #invoice-right-box {
+    width: 180px;
+
+}
+
+#invoice-small h4 {
+    font-size: 90%;
+}
+
+#invoice-small .no-items {
+    text-align: center;
+    margin: 36px auto;
+    display: block;
+}
+
+/** Status Messages **/
+
+.error_list {
+    width: 450px;
+    margin: 20px auto 0 auto;
+}
+
+#alert {
+    position: absolute;
+    left: 50%;
+    margin-left: -217.5px;
+}
+
+.error, .success, .notice {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    color: #333333;
+    margin: 6px 0px;
+    padding: 5px;
+    font-size: 12px;
+}
+
+.error_list  .success, #alert.success {
+    background: url(accept.png) no-repeat scroll 15px center #ECFFE2;
+    border-bottom: 1px solid #BFFFAC;
+    border-top: 1px solid #BFFFAC;
+    color: #638459;
+    margin-top: 10px;
+    padding: 5px 20px 5px 45px;
+    text-align: left;
+    width: 350px;
+}
+
+.error_list .error, #alert.error {
+    background: #FFF6BF url(exclamation.png) no-repeat 15px center;
+    background-position: 15px 50%;
+    border-bottom: 1px solid #FFD324;
+    border-top: 1px solid #FFD324;
+
+    color: #806A12;
+    margin-top: 10px;
+    padding: 5px 20px 5px 45px;
+    text-align: left;
+    width: 350px;
+}
+
+.error_list .error {
+    margin: 10px auto 0 auto;
+}
+
+.error_list  .info, #alert.notice {
+    background: url(information.png) no-repeat scroll 15px 50% #F8FAFC;
+    border-bottom: 1px solid #B5D4FE;
+    border-top: 1px solid #B5D4FE;
+    color: #4D5A6C;
+    float: left;
+    margin-top: 10px;
+    padding: 5px 20px 5px 45px;
+    text-align: left;
+    width: 350px;
+}
+
+div.load-cont {
+    width: 545px;
+    height: 60px;
+}
+
+.loading-overlay {
+    background: #fff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 501;
+    opacity: .5;
+}
+
+img.loading {
+    margin: 0 auto;
+    display: block;
+    position: absolute;
+    top: 300px;
+    left: 50%;
+    margin-left: -24px;
+    z-index: 600;
+}
+
+/** General Layout **/
+
+#content {
+    margin-bottom: 30px;
+    text-align: left;
+}
+
+.inner {
+    padding: 30px;
+}
+
+.content .inner {
+    width: 900px;
+    min-height: 470px;
+    background: #fdfdfd url(list_top_bg.png) repeat-x 0 -1px scroll;
+}
+
+.inner-split {
+    background: #fff url(inner-split-bg.png) repeat-y 0 0 scroll;
+}
+
+.inner-split .main-content {
+
+    min-height: 500px;
+    width: 604px;
+    padding: 18px;
+    float: left; /*background:#fff;*/
+}
+
+.inner-split .sidebar-content {
+
+    width: 320px;
+    min-height: 500px;
+    float: left;
+    position: relative;
+}
+
+.sidebar-content .no-messages {
+    color: #4183C4;
+    text-align: center;
+
+    margin: 36px auto;
+}
+
+#av-player {
+    width: 592px;
+    height: 333px;
+    margin: 0 6px 30px 6px;
+
+}
+
+#av-player.audio {
+    height: 30px;
+}
+
+#image-file {
+    max-width: 584px;
+    padding: 10px;
+    border: 1px solid #cfcfcf;
+    box-shadow: 0 1px 2px #777;
+    -moz-box-shadow: 0 1px 2px #777;
+    -webkit-box-shadow: 0 1px 2px #777;
+    display: block;
+    margin: 0 auto;
+    clear: both;
+}
+
+#file-container {
+    width: 584px;
+    height: 170px;
+    padding: 10px;
+    margin: 0 auto;
+    border: 1px solid #cfcfcf;
+    position: relative;
+
+}
+
+#file-container .file-inner {
+    width: 584px;
+    height: 170px;
+    border: 1px solid #f8f8f8;
+    margin: 0 auto;
+    background: #fefefe;
+}
+
+#file-container img {
+    margin: 18px 0 35px -6px;
+    width: 120px;
+}
+
+#file-details {
+    position: absolute;
+    top: 24px;
+}
+
+#file-container p {
+    display: block;
+    width: 400px;
+    margin: 0 0 0 120px;
+    text-align: left;
+    color: #666;
+    float: left;
+}
+
+#file-container p span {
+    display: inline-block;
+    color: #999999;
+    float: left;
+    margin: 0;
+    width: 115px;
+}
+
+#file-container .file-description {
+    font-size: 30px;
+    font-weight: bold;
+    height: 54px;
+    line-height: 54px;
+    color: #495961;
+    padding: 0;
+    text-shadow: 0px 2px 3px #FFFFFF;
+    margin: 0 0 12px 120px;
+    border-bottom: 1px solid #DDDDDD;
+    width: 450px;
+}
+
+#file-container .file-description:hover {
+    color: #4183c4;
+}
+
+#file-container
+#image-container img {
+    width: 584px;
+}
+
+#file-actions {
+    border-top: 1px solid #ddd;
+    padding-top: 12px;
+    margin: 24px 0;
+    clear: both;
+}
+
+#file-actions .danger {
+    float: right;
+}
+
+.top-actions {
+    margin-top: 6px;
+}
+
+.top-actions .uploaded-by, .top-actions .date-time {
+    color: #999;
+}
+
+.top-actions .description {
+    width: 65%;
+    float: left;
+
+    color: #4183C4;
+}
+
+.top-actions .meta {
+    float: right;
+    text-align: right;
+    width: 35%;
+}
+
+.top-actions .date-time {
+    margin-bottom: 2px;
+}
+
+.page-title {
+    margin-bottom: 20px;
+    color: #aaaaaa;
+}
+
+.account-balance {
+    color: #3F7FA5;
+    font-weight: bold;
+    text-align: center;
+}
+
+.client-details {
+    width: 402px;
+    margin-right: 48px;
+    float: left;
+}
+
+.client-details-list {
+    margin: 0;
+    padding: 0;
+}
+
+.client-details-list span {
+    color: #999999;
+    width: 160px;
+    display: block;
+    float: left;
+}
+
+.client-details-list li {
+    list-style: none;
+    font-size: 14px;
+    line-height: 24px;
+    margin-bottom: 12px;
+    display: block;
+}
+
+.client-actions {
+    border-top: 1px solid #ddd;
+    padding-top: 12px;
+    margin: 18px 0;
+}
+
+.client-actions .danger {
+    float: right;
+}
+
+.client-projects {
+    float: left;
+    width: 450px;
+    margin-left: 0px;
+}
+
+.client-projects .project-list, .client-projects .invoice-list {
+    color: #333;
+    margin-bottom: 12px;
+    font-size: 12px;
+}
+
+.client-projects .list {
+    margin-bottom: 48px;
+}
+
+.client-projects th {
+    padding: 5px 12px 0 12px;
+    font-size: 12px;
+}
+
+.client-projects .table-header, .client-invoices .table-header {
+    font-size: 12px;
+}
+
+.client-projects .list tr {
+    height: 30px;
+}
+
+.client-projects .list td a.cell-link {
+    height: inherit;
+    padding: 6px 12px 5px;
+}
+
+.alert {
+    min-height: 33px;
+    max-height: 43px;
+    width: 352px;
+    margin: 12px auto;
+    padding: 12px 24px;
+    color: #666666;
+    border: 1px solid #e7e7ce;
+    border-radius: 6px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    background: transparent url(alert-info-bg.png) repeat-x left bottom scroll;
+}
+
+.alert h3 {
+    color: #000;
+}
+
+.alert.notice {
+    background: transparent url(alert-notice-bg.png) repeat-x 0 0 scroll;
+
+}
+
+.alert.error {
+    background: transparent url(alert-error-bg.png) repeat-x 0 0 scroll;
+
+}
+
+.alert.success {
+    background: transparent url(alert-success-bg.png) repeat-x 0 0 scroll;
+
+}
+
+.alert.fluid {
+    width: 90%;
+    margin: 12px auto;
+    text-align: center;
+}
+
+.alert.large {
+    max-height: 72px;
+}
+
+.no-files h3 {
+    color: #666;
+}
+
+.no-files a {
+    text-decoration: none;
+    margin: 12px 24px 6px 24px;
+}
+
+.project-actions {
+    float: right;
+}
+
+.project-actions .small-button.extra-margin {
+    margin-bottom: 12px;
+}
+
+.no-items {
+    padding: 12px;
+    margin: 108px auto 36px auto !important;
+}
+
+.no-items h3 {
+    margin-bottom: 12px;
+    color: #666;
+}
+
+.add-item.alert {
+    margin-left: 30px;
+}
+
+.add-item.alert a {
+    margin-top: 6px;
+}
+
+.no-projects, .no-invoices {
+    text-align: center;
+
+    font-size: 16px;
+}
+
+.no-invoices {
+    margin-top: 36px;
+}
+
+.invoice-actions {
+    float: right;
+    height: 20px;
+    padding: 12px;
+    background-color: #ddd;
+    margin-right: 55px;
+    margin-top: 4px;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+}
+
+.invoice-actions .small-button {
+    margin: 0 3px;
+}
+
+.project-progress {
+    width: 300px;
+    margin: 0 auto;
+    text-align: center;
+    font-weight: bold;
+    clear: both;
+}
+
+.progressbar {
+    width: 300px;
+    background: url(progressbar.png) no-repeat 0 -40px;
+    margin: 10px auto 70px auto
+}
+
+.progressbar-completed {
+    height: 20px;
+    margin-left: -1px;
+    background: url(progressbar.png) no-repeat 1px 0;
+}
+
+.progressbar-completed div {
+    float: right;
+    width: 50%;
+    height: 20px;
+    margin-right: -1px;
+    background: url(progressbar.png) no-repeat 100% 0;
+    display: inline; /* IE 6 double float bug */
+}
+
+.button-container {
+    clear: both;
+}
+
+.tmp {
+    display: none;
+}
+
+/** AUTO CLEARFIX **/
+.form:after,
+.inner-split:after,
+.inner-split .main-content:after,
+.client-details-list li:after,
+.grid .icon:after,
+.invoice-addresses:after,
+.address:after,
+.terms:after,
+.invoice-summary:after,
+form div:after,
+form:after,
+.clearfix:after {
+    clear: both;
+    content: ' ';
+    display: block;
+    font-size: 0;
+    line-height: 0;
+    visibility: hidden;
+    width: 0;
+    height: 0;
+}
+
+#modal .form{
+    margin-top:0;
+}
+/* jqModal base Styling courtesy of;
+	Brice Burgess <bhb@iceburg.net> */
+
+/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
+	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
+
+.jqmWindow {
+    display: none;
+    position: absolute;
+    color: #333;
+}
+
+.jqmOverlay {
+    background-color: #ccc;
+}
+
+
diff --git a/views/layouts/untitled.html.php b/views/layouts/untitled.html.php
index c83ccf2..e24a413 100644
--- a/views/layouts/untitled.html.php
+++ b/views/layouts/untitled.html.php
@@ -1,731 +1,731 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- Source is http://safe.tumblr.com/theme/preview/15452 -->
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="Description" content="Description" />
-	<title>Untitled</title>
-	
-	<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
-	<link rel="apple-touch-icon" href="http://assets.tumblr.com/images/default_avatar_128.gif"/>
-	<link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
-    
-	<!-- Default Colors -->
-	<meta name="color:Background" content="#eee" />
-	<meta name="color:Main Text" content="#555" />
-	<meta name="color:Sidebar Text" content="#555" />
-	<meta name="color:Link" content="#860000" />
-	<meta name="color:Navigation Link" content="#555" />
-
-	<!-- Options -->
-	<meta name="if:Show Tags" content="1" />
-	<meta name="if:Show Archive Link" content="1" />
-	<meta name="if:Show Home Link in Navigation" content="1" />
-	<meta name="if:Show RSS Link in Navigation" content="1" />
-	<meta name="if:Show Album Artwork on Audio Posts" content="1" />
-	<meta name="if:Force Uppercase" content="1" />
-	<meta name="if:Show date flag on new dates only" content="0" />
-	<meta name="if:Show People I Follow" content="0" />
-	<meta name="if:Enable Endless Scrolling" content="0" />
-
-	<meta name="text:Random Post Label" content="" />
-	<meta name="text:Disqus Shortname" content="" />
-    
-	<style type="text/css">
-	/* Simple Things v1.2.0 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com */
-
-	html,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%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;}
-		
-	* {outline:none; -moz-outline:none;}
-	
-	strong { font-style:inherit; font-weight: bold; }
-	em { font-style: italic; }
-	
-	.clear {clear:both; height:1px; margin-bottom:-1px;}
-	
-	/* Here we go */
-	body {
-		background: #eee;
-		color: #555;
-		font-family: Helvetica, Arial, sans-serif;
-		font-size: 12px;
-		text-align: center;
-		}
-	
-	#wrap {
-		background: url(/15452_files/simplethings-header-bg.png) repeat-x top left;
-		}
-	
-	#container {
-		margin: 0 auto;
-		text-align: left;
-		width: 800px;
-		}
-	
-	a { color: #860000; text-decoration: none; }
-	a:hover { color: #000; text-decoration: underline; }
-	
-	/***** Header *****/
-	#title {
-		color: #ddd;
-		float: left;
-		font-size: 30px;
-		font-weight: bold;
-		letter-spacing: -.1em;
-		line-height: 61px;
-		margin-bottom: 10px;
-		text-shadow: -1px -1px #000;
-		text-transform: uppercase;
-		}
-	
-	#title a {
-		color: #ddd;
-		text-decoration: none;
-		}
-	
-	#header-search-bar {
-		background: url(/15452_files/simplethings-search-full.png) no-repeat top left;
-		float: right;
-		height: 30px;
-		margin-top: 15px;
-		width: 279px;
-		}
-	
-	#search-input {
-		background: 0;
-		border: 0;
-		color: #666;
-		font-family: Helvetica, Arial, sans-serif;
-		font-size: 12px;
-		margin: 8px 0 0 27px;
-		width: 180px;
-		}
-	
-	#search-submit {
-		background: 0;
-		border: 0;
-		cursor: pointer;
-		font-size: 1px;
-		height: 27px;
-		text-indent: -9999em;
-		width: 68px;
-		}
-	
-	#header-rss {
-		background: #915909 url(/15452_files/simplethings-rss-btn.png) repeat-x top left;
-		border: 1px solid #000;
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-		-moz-box-shadow: 0 1px #5a636b;
-		-webkit-box-shadow: 0 1px #5a636b;
-		color: #4a2e06;
-		display: block;
-		font-weight: bold;
-		float: right;
-		height: 26px;
-		line-height: 28px;
-		margin: 15px 0 0 10px;
-		padding: 0 10px;
-		text-shadow: 1px 1px #c0965b;
-		}
-	
-	#header-rss:hover { text-decoration: none; }
-	
-	#header-rss span {
-		background: url(/15452_files/simplethings-rss-icon.png) no-repeat left center;
-		display: block;
-		padding-left: 15px;
-		}
-	
-	/***** Posts *****/
-	#left-column {
-		float: left;
-		margin: 40px 50px 0 0;
-		width: 500px;
-		}
-	
-	#left-column h2 {
-		font-size: 20px;
-		text-shadow: 1px 1px #fff;
-		text-transform: uppercase;
-		}
-	
-	.newpost { height: 40px; }
-	
-	#left-column .date {
-		background: url(/15452_files/simplethings-date-flag.png) no-repeat right center;
-		color: #fff;
-		float: left;
-		height: 40px;
-		margin: 20px 0 0 -75px;
-		width: 75px;
-		}
-	
-	.date .month,
-	.date .day {
-		display: block;
-		text-align: center;
-		text-transform: uppercase;
-		width: 75px;
-		}
-	
-	.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }
-	.date .day { font-size: 24px; line-height: .8em; margin: 0; }
-	
-	.month a,
-	.day a { color: #fff; display: block; }
-	.month a:hover,
-	.day a:hover { text-decoration: none;}
-	
-	#left-column .post {
-		background: #fff;
-		border: 1px solid #ccc;
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-		float: left;
-		padding-top: 20px;
-		width: 500px;
-		}
-	
-	.post h3 {
-		font-size: 18px;
-		padding: 0 20px 15px;
-		text-transform: uppercase;
-		}
-	
-	.post p { line-height: 1.5em; padding: 0 20px 15px; }
-	
-	.post img { max-width: 460px; }
-	
-	.post ol {
-		list-style: decimal;
-		margin: 0 50px 15px;
-		}
-	
-	.post ol li { padding: 3px 0; }
-
-	.post ul { list-style: disc; margin: 0 50px 15px; }
-	
-	.post ul li { padding: 3px 0; }
-	
-	.post blockquote {
-		border-left: 3px solid #ddd;
-		font-style: italic;
-		margin: 0 20px 20px;
-		padding-left: 10px;
-		}
-	
-	.postmeta {
-		background: #dee9f4;
-		color: #365c7f;
-		min-height: 25px;
-		overflow: hidden;
-		text-shadow: 1px 1px #fff;
-		}
-	
-	.postmeta a { color: #365c7f; }
-	
-	.postmeta p { padding: 5px 0; }
-	
-	.postmeta .posttime,
-	.postmeta .reblogged {
-		float: left;
-		margin-left: 20px;
-		padding-left: 16px;
-		}
-	
-	.postmeta .posttime { background: url(/15452_files/simplethings-clock.png) no-repeat left center; padding-left: 18px; }
-	.postmeta .reblogged { background: url(/15452_files/simplethings-reblogged.png) no-repeat left center; }
-	
-	.postmeta .tags {
-		background: url(/15452_files/simplethings-tags.png) no-repeat 0 7px;
-		clear: left;
-		float: left;
-		margin: -5px 20px 0;
-		padding-left: 16px;
-		}
-	
-	.postmeta .notes {
-		float: right;
-		margin-right: 10px;
-		}
-
-	.postmeta .disqus-count {
-		float: right;
-		margin-right: 20px;
-		}
-	
-	.postmeta .hiddentime { display: none !important; }
-	
-	/***** Post - Photo *****/
-	.post-photo img {
-		border: 5px solid #ddd;
-		margin: 0 20px 10px;
-		}
-	
-	.html_photoset { margin: 20px auto 0; text-align: center; }
-	
-	/***** Post - Quote *****/
-	.post-quote .quote {
-		background: url(/15452_files/simplethings-quote.png) no-repeat top left;
-		font-size: 18px;
-		margin: 0 20px;
-		padding-left: 45px;
-		}
-	
-	.post-quote .source { font-style: italic; }
-	
-	/***** Post - Chat *****/
-	.post-chat h3 { margin-bottom: 0; }
-	
-	ul.chat { margin: 0 20px 10px; }
-	
-	ul.chat li { list-style:none; padding-bottom: 10px; }
-	
-	ul.chat li span {
-		color: #777;
-		font-size: 11px;
-		padding-right: 15px;
-		text-transform: uppercase;
-		}
-	
-	/***** Post - Audio *****/
-	.album-art {
-		float: left;
-		margin: 0 10px 15px 20px;
-		}
-	
-	.audio_player { margin: 0 0 10px 20px; }
-
-	/***** Post - Video *****/
-	.video-container { margin: 0 20px 20px; text-align: center; }
-	
-	/***** Post - Answer *****/
-	.question-top {
-		background: #2d3d4b url(/15452_files/simplethings-question-top-blue.png) no-repeat top left;
-		height: 6px;
-		margin: 0 20px;
-		padding: 0;
-		width: 460px;
-		}
-	
-	.question {
-		background: #2d3d4b url(/15452_files/simplethings-question-bg-blue.png) repeat-y top left;
-		margin: 0 20px;
-		width: 460px;
-		}
-	
-	.question p {
-		color: #fff;
-		font-size: 14px;
-		padding: 15px 20px;
-		}
-	
-	.question-bottom {
-		background: url(/15452_files/simplethings-question-bottom-blue.png) no-repeat top left;
-		clear: both;
-		margin: 0 20px;
-		width: 460px
-		}
-	
-	.question-bottom .asker-info { padding: 16px 0; }
-	
-	.asker-avatar {
-		float: left;
-		margin: 0 10px 15px 9px;
-		}
-	
-	.asker-info .asker {
-		float: left;
-		font-weight: bold;
-		margin-top: 5px;
-		}
-	
-	.answer {
-		border-top: 1px solid #ddd;
-		clear: both;
-		margin: 0 20px;
-		padding: 15px 0 0;
-		}
-	
-	.answer p { padding: 0 0 15px; }
-	
-	/***** Pagination *****/
-	.tumblrAutoPager_page_separator,
-	.tumblrAutoPager_page_info {display:none}
-
-	#pagination {
-		clear: both;
-		overflow: hidden;
-		}
-	
-	#pagination a {
-		background: #cdcdcd url(/15452_files/simplethings-page-btn.png) repeat-x 0 0;
-		border: 1px solid #aaa;
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-		-moz-box-shadow: 0 1px #fff;
-		-webkit-box-shadow: 0 1px #fff;
-		color: #666;
-		display: block;
-		height: 24px;
-		line-height: 25px;
-		margin-bottom: 50px;
-		padding: 0 10px;
-		text-shadow: 1px 1px #f1f1f1;
-		}
-	
-	#pagination a:hover {
-		background-position: 0 -25px;
-		text-decoration: none;
-		}
-	
-	#pagination .next-page { float: right; }
-	#pagination .prev-page { float: left; }
-	
-	#pagination .next-page span {
-		background: url(/15452_files/simplethings-arrow-next.png) no-repeat right center;
-		padding-right: 20px;
-		}
-	
-	#pagination .prev-page span {
-		background: url(/15452_files/simplethings-arrow-prev.png) no-repeat left center;
-		padding-left: 22px;
-		}
-	
-	/***** Permalink *****/
-	#share-links {border-bottom:1px solid #ccc; margin:-30px 0 30px; padding-bottom:10px}
-
-	.disqus-credit { text-align: right; margin: 5px 0 40px; }
-	
-	#permalink-notes { margin-bottom: 40px; }
-	
-	#permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }
-	
-	#permalink-notes .notes li {
-		border-bottom: 1px solid #ddd;
-		border-top: 1px solid #fff;
-		padding: 9px 0 10px;
-		text-shadow: 1px 1px #fff;
-		}
-	
-	.notes li .avatar { margin-bottom: -3px; }
-	.notes li blockquote {
-		border-left: 3px solid #ccc;
-		font-style: italic;
-		margin: 5px 0 0 20px;
-		padding-left: 5px;
-		}
-	.notes li blockquote a { color: #777; }
-	
-	/***** Sidebar *****/
-	#right-column {
-		color: #555;
-		float: left;
-		margin-top: 40px;
-		width: 250px;
-		}
-	
-	.sidebar-box {
-		border-bottom: 1px solid #ccc;
-		border-top: 1px solid #fff;
-		padding: 20px 0;
-		}
-
-	.sidebar-box h3 {
-		font-size: 16px;
-		letter-spacing: -.05em;
-		text-shadow: 1px 1px #fff;
-		text-transform: uppercase;
-		}
-	
-	.last-sidebar { border-bottom: 0; }
-	
-	#right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }
-	
-	#avatar {
-		background: url(/15452_files/simplethings-user-pic.png) no-repeat top left;
-		float: left;
-		margin: 0 5px 10px -5px;
-		padding: 8px;
-		}
-		
-	.about-title {
-		color: #666;
-		float: left;
-		font-size: 14px;
-		overflow: hidden;
-		text-shadow: 1px 1px #fff;
-		text-transform: uppercase;
-		width: 180px;
-		}
-	
-	.about-title span {
-		display: block;
-		font-size: 18px;
-		margin-top: 5px;
-		}
-	
-	.blog-description {
-		clear: both;
-		line-height: 1.4em;
-		text-shadow: 1px 1px #fff;
-		}
-	
-	#sidebar-nav li a {
-		border: 1px solid transparent;
-		color: #555;
-		display: block;
-		font-size: 16px;
-		font-weight: bold;
-		letter-spacing: -.05em;
-		padding: 5px;
-		text-shadow: 1px 1px #fff;
-		text-transform: uppercase;
-		}
-	
-	#sidebar-nav li a:hover {
-		background: #ddd;
-		border-color: #ccc;
-		-moz-box-shadow: 0 1px #fff;
-		text-decoration: none;
-		}
-
-	/***** Following *****/
-	ul.people-following { margin-top: 10px; }
-	ul.people-following li {
-		float: left;
-		margin: 0 5px 5px 0;
-		}
-
-	/***** Likes *****/
-	ul#likes li .post_info_top {
-		background: #ddd;
-		display: block !important;
-		font-size: 10px;
-		margin: 20px 0 5px;
-		padding: 5px;
-		}
-
-	ul#likes img {max-width:250px !important;}
-	
-	/***** Footer *****/
-	#footer {
-		background: #aaa url(/15452_files/simplethings-footer-bg.png) repeat-x top left;
-		border-top: 1px solid #aaa;
-		margin-top: 40px;
-		min-height: 35px;
-		text-align: center;
-		}
-	
-	#footer-inner {
-		clear: both;
-		color: #666;
-		margin: 0 auto;
-		padding: 12px;
-		text-shadow: 1px 1px #d0d0d0;
-		width: 800px;
-		}
-	
-	#footer-inner a { color: #0f3455; }
-	</style>
-	
-	<style type="text/css"></style>
-
-	
-
-</head>
-<body>
-
-<div id="wrap">
-	<div id="container">
-		<h1 id="title"><a href="#" title="/">Untitled</a></h1>
-		
-		<a href="#" title="http://demo.tumblr.com/rss" id="header-rss"><span>RSS</span></a>
-		
-		<form action="/search" method="get" id="header-search-bar">
-			<input type="text" name="q" value="" id="search-input" />
-			<input type="submit" value="Search" id="search-submit" />
-		</form>
-		
-		<div class="clear"></div>
-		
-		<!-- Begin Posts -->
-		<div id="left-column">
-
-		
-
-		
-		
-		
-
-		<div class="autopagerize_page_element">
-		
-			<?= $this->content(); ?>
-
-		
-			
-			
-
-			
-		
-
-		
-		</div> <!-- .auto_pagerize_element -->
-			
-			
-		
-		
-			<div id="pagination">
-				
-				<a href="#" title="/page/2" class="next-page">Next Page &rarr;</a>
-			</div> <!-- #pagination -->
-		
-		</div> <!-- #left-column -->
-		
-		<!-- Sidebar -->
-		<div id="right-column">
-			<div class="sidebar-box" id="about-box">
-				<img src="/15452_files/default_avatar_48.gif" alt="Untitled" id="avatar" />
-				<p class="about-title"><span>About</span> Untitled</p>
-				<div class="blog-description">
-					Description
-				</div> <!-- .blog-description -->
-			</div> <!-- .sidebar-box -->
-			
-			<div class="sidebar-box">
-				<ul id="sidebar-nav">
-					<li><a href="#" title="/">Home</a></li>
-					
-					
-					
-					
-					<li><a href="#" title="/archive">Archive</a></li>
-					<li><a href="#" title="http://demo.tumblr.com/rss">RSS Feed</a></li>
-				</ul>
-			</div> <!-- .sidebar-box -->
-
-			
-			<div class="sidebar-box" id="likes">
-				<h3>Posts I Like</h3>
-				<ul id="likes">
-<li class="like_post like_quote_post">
-        
-            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-    
-            <div class="like_quote">
-            <span class="like_left_quote">&#8220;</span><span class="like_quote">It does not matter how slow you go so long as you do not stop.</span><span class="like_right_quote">&#8221;</span>
-        </div>
-
-                    <div class="like_source">
-                &mdash; Wisdom of <a href="#" title="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
-            </div>
-                
-        
-            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-        
-    </li>
-<li class="like_post like_photo_post">
-        
-            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-    
-            
-                    <a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">
-                    <img class="like_photo" alt=""
-                        src="/15452_files/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg"/>
-        </a>
-        <div class="like_below_photo"></div>
-
-                    <div class="like_caption">
-                <p>Passing through Times Square by <a href="#" title="http://www.mareenfischinger.com/">Mareen Fischinger</a></p>            </div>   
-                
-        
-            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-        
-    </li>
-<li class="like_post like_link_post">
-        
-            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-    
-            <div class="like_link">
-            <a href="#" title="http://">My favorite web site</a>
-        </div>
-
-                    <div class="like_caption">
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna...</p>            </div>
-                
-        
-            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-        
-    </li>
-<li class="like_post like_chat_post">
-        
-            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-    
-                                
-        <div class="like_chat">
-                                                <div class="like_line">
-                        <strong>Jack:</strong>
-                        Hey, you know what sucks?
-                    </div>
-                                                                                    <div class="like_line">
-                        <strong>Lindsey:</strong>
-                        vaccuums
-                    </div>
-                                                                                    <div class="like_line">
-                        <strong>Jack:</strong>
-                        Hey, you know what sucks in a metaphorical sense?
-                    </div>
-                                                                                    <div class="like_line">
-                        <strong>Lindsey:</strong>
-                        black holes
-                    </div>
-                                                                                    <div class="like_line">
-                        <strong>Jack:</strong>
-                        Hey, you know what just isn&#039;t cool?
-                    </div>
-                                                                                    <div class="like_line">... ...</div>
-                            </div>
-        
-        
-            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-        
-    </li>
-<li class="like_post like_audio_post">
-        
-            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-    
-            <div class="like_audio">
-                            <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/459260683/tumblr_ksc4i2SkVU1qz8ouq&color=FFFFFF" height="27" width="207" quality="best"></embed>                    </div>
-        
-                    <div style="margin-top:10px;" class="like_post_body">
-                <p><strong><a href="#" title="http://allisonweiss.tumblr.com/">Allison Weiss</a> —</strong> Fingers Crossed</p>            </div>
-                
-            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-        
-    </li></ul>
-			</div>
-			
-
-			
-			
-			<div class="sidebar-box last-sidebar"></div>
-		</div> <!-- #right-column -->
-		
-		<div class="clear"></div>
-	</div> <!-- #container -->
-	
-	<div id="footer">
-		<div id="footer-inner">
-			<p>Copyright &copy; 2007–2011 <a href="#" title="/">Untitled</a>. Powered by <a href="#" title="http://www.tumblr.com">Tumblr</a>.
-			<a href="#" title="http://simplethingstheme.tumblr.com/">Simple Things</a> theme by <a href="#" title="http://www.dan-hauk.com">Dan Hauk</a>.</p>
-		</div> <!-- #footer-inner -->
-	</div> <!-- #footer -->
-</div> <!-- #wrap -->
-
-    
-
-</body>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- Source is http://safe.tumblr.com/theme/preview/15452 -->
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="Description" content="Description" />
+	<title>Untitled</title>
+	
+	<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
+	<link rel="apple-touch-icon" href="http://assets.tumblr.com/images/default_avatar_128.gif"/>
+	<link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
+    
+	<!-- Default Colors -->
+	<meta name="color:Background" content="#eee" />
+	<meta name="color:Main Text" content="#555" />
+	<meta name="color:Sidebar Text" content="#555" />
+	<meta name="color:Link" content="#860000" />
+	<meta name="color:Navigation Link" content="#555" />
+
+	<!-- Options -->
+	<meta name="if:Show Tags" content="1" />
+	<meta name="if:Show Archive Link" content="1" />
+	<meta name="if:Show Home Link in Navigation" content="1" />
+	<meta name="if:Show RSS Link in Navigation" content="1" />
+	<meta name="if:Show Album Artwork on Audio Posts" content="1" />
+	<meta name="if:Force Uppercase" content="1" />
+	<meta name="if:Show date flag on new dates only" content="0" />
+	<meta name="if:Show People I Follow" content="0" />
+	<meta name="if:Enable Endless Scrolling" content="0" />
+
+	<meta name="text:Random Post Label" content="" />
+	<meta name="text:Disqus Shortname" content="" />
+    
+	<style type="text/css">
+	/* Simple Things v1.2.0 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com */
+
+	html,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%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;}
+		
+	* {outline:none; -moz-outline:none;}
+	
+	strong { font-style:inherit; font-weight: bold; }
+	em { font-style: italic; }
+	
+	.clear {clear:both; height:1px; margin-bottom:-1px;}
+	
+	/* Here we go */
+	body {
+		background: #eee;
+		color: #555;
+		font-family: Helvetica, Arial, sans-serif;
+		font-size: 12px;
+		text-align: center;
+		}
+	
+	#wrap {
+		background: url(/15452_files/simplethings-header-bg.png) repeat-x top left;
+		}
+	
+	#container {
+		margin: 0 auto;
+		text-align: left;
+		width: 800px;
+		}
+	
+	a { color: #860000; text-decoration: none; }
+	a:hover { color: #000; text-decoration: underline; }
+	
+	/***** Header *****/
+	#title {
+		color: #ddd;
+		float: left;
+		font-size: 30px;
+		font-weight: bold;
+		letter-spacing: -.1em;
+		line-height: 61px;
+		margin-bottom: 10px;
+		text-shadow: -1px -1px #000;
+		text-transform: uppercase;
+		}
+	
+	#title a {
+		color: #ddd;
+		text-decoration: none;
+		}
+	
+	#header-search-bar {
+		background: url(/15452_files/simplethings-search-full.png) no-repeat top left;
+		float: right;
+		height: 30px;
+		margin-top: 15px;
+		width: 279px;
+		}
+	
+	#search-input {
+		background: 0;
+		border: 0;
+		color: #666;
+		font-family: Helvetica, Arial, sans-serif;
+		font-size: 12px;
+		margin: 8px 0 0 27px;
+		width: 180px;
+		}
+	
+	#search-submit {
+		background: 0;
+		border: 0;
+		cursor: pointer;
+		font-size: 1px;
+		height: 27px;
+		text-indent: -9999em;
+		width: 68px;
+		}
+	
+	#header-rss {
+		background: #915909 url(/15452_files/simplethings-rss-btn.png) repeat-x top left;
+		border: 1px solid #000;
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+		-moz-box-shadow: 0 1px #5a636b;
+		-webkit-box-shadow: 0 1px #5a636b;
+		color: #4a2e06;
+		display: block;
+		font-weight: bold;
+		float: right;
+		height: 26px;
+		line-height: 28px;
+		margin: 15px 0 0 10px;
+		padding: 0 10px;
+		text-shadow: 1px 1px #c0965b;
+		}
+	
+	#header-rss:hover { text-decoration: none; }
+	
+	#header-rss span {
+		background: url(/15452_files/simplethings-rss-icon.png) no-repeat left center;
+		display: block;
+		padding-left: 15px;
+		}
+	
+	/***** Posts *****/
+	#left-column {
+		float: left;
+		margin: 40px 50px 0 0;
+		width: 500px;
+		}
+	
+	#left-column h2 {
+		font-size: 20px;
+		text-shadow: 1px 1px #fff;
+		text-transform: uppercase;
+		}
+	
+	.newpost { height: 40px; }
+	
+	#left-column .date {
+		background: url(/15452_files/simplethings-date-flag.png) no-repeat right center;
+		color: #fff;
+		float: left;
+		height: 40px;
+		margin: 20px 0 0 -75px;
+		width: 75px;
+		}
+	
+	.date .month,
+	.date .day {
+		display: block;
+		text-align: center;
+		text-transform: uppercase;
+		width: 75px;
+		}
+	
+	.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }
+	.date .day { font-size: 24px; line-height: .8em; margin: 0; }
+	
+	.month a,
+	.day a { color: #fff; display: block; }
+	.month a:hover,
+	.day a:hover { text-decoration: none;}
+	
+	#left-column .post {
+		background: #fff;
+		border: 1px solid #ccc;
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+		float: left;
+		padding-top: 20px;
+		width: 500px;
+		}
+	
+	.post h3 {
+		font-size: 18px;
+		padding: 0 20px 15px;
+		text-transform: uppercase;
+		}
+	
+	.post p { line-height: 1.5em; padding: 0 20px 15px; }
+	
+	.post img { max-width: 460px; }
+	
+	.post ol {
+		list-style: decimal;
+		margin: 0 50px 15px;
+		}
+	
+	.post ol li { padding: 3px 0; }
+
+	.post ul { list-style: disc; margin: 0 50px 15px; }
+	
+	.post ul li { padding: 3px 0; }
+	
+	.post blockquote {
+		border-left: 3px solid #ddd;
+		font-style: italic;
+		margin: 0 20px 20px;
+		padding-left: 10px;
+		}
+	
+	.postmeta {
+		background: #dee9f4;
+		color: #365c7f;
+		min-height: 25px;
+		overflow: hidden;
+		text-shadow: 1px 1px #fff;
+		}
+	
+	.postmeta a { color: #365c7f; }
+	
+	.postmeta p { padding: 5px 0; }
+	
+	.postmeta .posttime,
+	.postmeta .reblogged {
+		float: left;
+		margin-left: 20px;
+		padding-left: 16px;
+		}
+	
+	.postmeta .posttime { background: url(/15452_files/simplethings-clock.png) no-repeat left center; padding-left: 18px; }
+	.postmeta .reblogged { background: url(/15452_files/simplethings-reblogged.png) no-repeat left center; }
+	
+	.postmeta .tags {
+		background: url(/15452_files/simplethings-tags.png) no-repeat 0 7px;
+		clear: left;
+		float: left;
+		margin: -5px 20px 0;
+		padding-left: 16px;
+		}
+	
+	.postmeta .notes {
+		float: right;
+		margin-right: 10px;
+		}
+
+	.postmeta .disqus-count {
+		float: right;
+		margin-right: 20px;
+		}
+	
+	.postmeta .hiddentime { display: none !important; }
+	
+	/***** Post - Photo *****/
+	.post-photo img {
+		border: 5px solid #ddd;
+		margin: 0 20px 10px;
+		}
+	
+	.html_photoset { margin: 20px auto 0; text-align: center; }
+	
+	/***** Post - Quote *****/
+	.post-quote .quote {
+		background: url(/15452_files/simplethings-quote.png) no-repeat top left;
+		font-size: 18px;
+		margin: 0 20px;
+		padding-left: 45px;
+		}
+	
+	.post-quote .source { font-style: italic; }
+	
+	/***** Post - Chat *****/
+	.post-chat h3 { margin-bottom: 0; }
+	
+	ul.chat { margin: 0 20px 10px; }
+	
+	ul.chat li { list-style:none; padding-bottom: 10px; }
+	
+	ul.chat li span {
+		color: #777;
+		font-size: 11px;
+		padding-right: 15px;
+		text-transform: uppercase;
+		}
+	
+	/***** Post - Audio *****/
+	.album-art {
+		float: left;
+		margin: 0 10px 15px 20px;
+		}
+	
+	.audio_player { margin: 0 0 10px 20px; }
+
+	/***** Post - Video *****/
+	.video-container { margin: 0 20px 20px; text-align: center; }
+	
+	/***** Post - Answer *****/
+	.question-top {
+		background: #2d3d4b url(/15452_files/simplethings-question-top-blue.png) no-repeat top left;
+		height: 6px;
+		margin: 0 20px;
+		padding: 0;
+		width: 460px;
+		}
+	
+	.question {
+		background: #2d3d4b url(/15452_files/simplethings-question-bg-blue.png) repeat-y top left;
+		margin: 0 20px;
+		width: 460px;
+		}
+	
+	.question p {
+		color: #fff;
+		font-size: 14px;
+		padding: 15px 20px;
+		}
+	
+	.question-bottom {
+		background: url(/15452_files/simplethings-question-bottom-blue.png) no-repeat top left;
+		clear: both;
+		margin: 0 20px;
+		width: 460px
+		}
+	
+	.question-bottom .asker-info { padding: 16px 0; }
+	
+	.asker-avatar {
+		float: left;
+		margin: 0 10px 15px 9px;
+		}
+	
+	.asker-info .asker {
+		float: left;
+		font-weight: bold;
+		margin-top: 5px;
+		}
+	
+	.answer {
+		border-top: 1px solid #ddd;
+		clear: both;
+		margin: 0 20px;
+		padding: 15px 0 0;
+		}
+	
+	.answer p { padding: 0 0 15px; }
+	
+	/***** Pagination *****/
+	.tumblrAutoPager_page_separator,
+	.tumblrAutoPager_page_info {display:none}
+
+	#pagination {
+		clear: both;
+		overflow: hidden;
+		}
+	
+	#pagination a {
+		background: #cdcdcd url(/15452_files/simplethings-page-btn.png) repeat-x 0 0;
+		border: 1px solid #aaa;
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+		-moz-box-shadow: 0 1px #fff;
+		-webkit-box-shadow: 0 1px #fff;
+		color: #666;
+		display: block;
+		height: 24px;
+		line-height: 25px;
+		margin-bottom: 50px;
+		padding: 0 10px;
+		text-shadow: 1px 1px #f1f1f1;
+		}
+	
+	#pagination a:hover {
+		background-position: 0 -25px;
+		text-decoration: none;
+		}
+	
+	#pagination .next-page { float: right; }
+	#pagination .prev-page { float: left; }
+	
+	#pagination .next-page span {
+		background: url(/15452_files/simplethings-arrow-next.png) no-repeat right center;
+		padding-right: 20px;
+		}
+	
+	#pagination .prev-page span {
+		background: url(/15452_files/simplethings-arrow-prev.png) no-repeat left center;
+		padding-left: 22px;
+		}
+	
+	/***** Permalink *****/
+	#share-links {border-bottom:1px solid #ccc; margin:-30px 0 30px; padding-bottom:10px}
+
+	.disqus-credit { text-align: right; margin: 5px 0 40px; }
+	
+	#permalink-notes { margin-bottom: 40px; }
+	
+	#permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }
+	
+	#permalink-notes .notes li {
+		border-bottom: 1px solid #ddd;
+		border-top: 1px solid #fff;
+		padding: 9px 0 10px;
+		text-shadow: 1px 1px #fff;
+		}
+	
+	.notes li .avatar { margin-bottom: -3px; }
+	.notes li blockquote {
+		border-left: 3px solid #ccc;
+		font-style: italic;
+		margin: 5px 0 0 20px;
+		padding-left: 5px;
+		}
+	.notes li blockquote a { color: #777; }
+	
+	/***** Sidebar *****/
+	#right-column {
+		color: #555;
+		float: left;
+		margin-top: 40px;
+		width: 250px;
+		}
+	
+	.sidebar-box {
+		border-bottom: 1px solid #ccc;
+		border-top: 1px solid #fff;
+		padding: 20px 0;
+		}
+
+	.sidebar-box h3 {
+		font-size: 16px;
+		letter-spacing: -.05em;
+		text-shadow: 1px 1px #fff;
+		text-transform: uppercase;
+		}
+	
+	.last-sidebar { border-bottom: 0; }
+	
+	#right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }
+	
+	#avatar {
+		background: url(/15452_files/simplethings-user-pic.png) no-repeat top left;
+		float: left;
+		margin: 0 5px 10px -5px;
+		padding: 8px;
+		}
+		
+	.about-title {
+		color: #666;
+		float: left;
+		font-size: 14px;
+		overflow: hidden;
+		text-shadow: 1px 1px #fff;
+		text-transform: uppercase;
+		width: 180px;
+		}
+	
+	.about-title span {
+		display: block;
+		font-size: 18px;
+		margin-top: 5px;
+		}
+	
+	.blog-description {
+		clear: both;
+		line-height: 1.4em;
+		text-shadow: 1px 1px #fff;
+		}
+	
+	#sidebar-nav li a {
+		border: 1px solid transparent;
+		color: #555;
+		display: block;
+		font-size: 16px;
+		font-weight: bold;
+		letter-spacing: -.05em;
+		padding: 5px;
+		text-shadow: 1px 1px #fff;
+		text-transform: uppercase;
+		}
+	
+	#sidebar-nav li a:hover {
+		background: #ddd;
+		border-color: #ccc;
+		-moz-box-shadow: 0 1px #fff;
+		text-decoration: none;
+		}
+
+	/***** Following *****/
+	ul.people-following { margin-top: 10px; }
+	ul.people-following li {
+		float: left;
+		margin: 0 5px 5px 0;
+		}
+
+	/***** Likes *****/
+	ul#likes li .post_info_top {
+		background: #ddd;
+		display: block !important;
+		font-size: 10px;
+		margin: 20px 0 5px;
+		padding: 5px;
+		}
+
+	ul#likes img {max-width:250px !important;}
+	
+	/***** Footer *****/
+	#footer {
+		background: #aaa url(/15452_files/simplethings-footer-bg.png) repeat-x top left;
+		border-top: 1px solid #aaa;
+		margin-top: 40px;
+		min-height: 35px;
+		text-align: center;
+		}
+	
+	#footer-inner {
+		clear: both;
+		color: #666;
+		margin: 0 auto;
+		padding: 12px;
+		text-shadow: 1px 1px #d0d0d0;
+		width: 800px;
+		}
+	
+	#footer-inner a { color: #0f3455; }
+	</style>
+	
+	<style type="text/css"></style>
+
+	
+
+</head>
+<body>
+
+<div id="wrap">
+	<div id="container">
+		<h1 id="title"><a href="#" title="/">Untitled</a></h1>
+		
+		<a href="#" title="http://demo.tumblr.com/rss" id="header-rss"><span>RSS</span></a>
+		
+		<form action="/search" method="get" id="header-search-bar">
+			<input type="text" name="q" value="" id="search-input" />
+			<input type="submit" value="Search" id="search-submit" />
+		</form>
+		
+		<div class="clear"></div>
+		
+		<!-- Begin Posts -->
+		<div id="left-column">
+
+		
+
+		
+		
+		
+
+		<div class="autopagerize_page_element">
+		
+			<?= $this->content(); ?>
+
+		
+			
+			
+
+			
+		
+
+		
+		</div> <!-- .auto_pagerize_element -->
+			
+			
+		
+		
+			<div id="pagination">
+				
+				<a href="#" title="/page/2" class="next-page">Next Page &rarr;</a>
+			</div> <!-- #pagination -->
+		
+		</div> <!-- #left-column -->
+		
+		<!-- Sidebar -->
+		<div id="right-column">
+			<div class="sidebar-box" id="about-box">
+				<img src="/15452_files/default_avatar_48.gif" alt="Untitled" id="avatar" />
+				<p class="about-title"><span>About</span> Untitled</p>
+				<div class="blog-description">
+					Description
+				</div> <!-- .blog-description -->
+			</div> <!-- .sidebar-box -->
+			
+			<div class="sidebar-box">
+				<ul id="sidebar-nav">
+					<li><a href="#" title="/">Home</a></li>
+					
+					
+					
+					
+					<li><a href="#" title="/archive">Archive</a></li>
+					<li><a href="#" title="http://demo.tumblr.com/rss">RSS Feed</a></li>
+				</ul>
+			</div> <!-- .sidebar-box -->
+
+			
+			<div class="sidebar-box" id="likes">
+				<h3>Posts I Like</h3>
+				<ul id="likes">
+<li class="like_post like_quote_post">
+        
+            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+    
+            <div class="like_quote">
+            <span class="like_left_quote">&#8220;</span><span class="like_quote">It does not matter how slow you go so long as you do not stop.</span><span class="like_right_quote">&#8221;</span>
+        </div>
+
+                    <div class="like_source">
+                &mdash; Wisdom of <a href="#" title="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
+            </div>
+                
+        
+            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+        
+    </li>
+<li class="like_post like_photo_post">
+        
+            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+    
+            
+                    <a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">
+                    <img class="like_photo" alt=""
+                        src="/15452_files/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg"/>
+        </a>
+        <div class="like_below_photo"></div>
+
+                    <div class="like_caption">
+                <p>Passing through Times Square by <a href="#" title="http://www.mareenfischinger.com/">Mareen Fischinger</a></p>            </div>   
+                
+        
+            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+        
+    </li>
+<li class="like_post like_link_post">
+        
+            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+    
+            <div class="like_link">
+            <a href="#" title="http://">My favorite web site</a>
+        </div>
+
+                    <div class="like_caption">
+                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna...</p>            </div>
+                
+        
+            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+        
+    </li>
+<li class="like_post like_chat_post">
+        
+            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+    
+                                
+        <div class="like_chat">
+                                                <div class="like_line">
+                        <strong>Jack:</strong>
+                        Hey, you know what sucks?
+                    </div>
+                                                                                    <div class="like_line">
+                        <strong>Lindsey:</strong>
+                        vaccuums
+                    </div>
+                                                                                    <div class="like_line">
+                        <strong>Jack:</strong>
+                        Hey, you know what sucks in a metaphorical sense?
+                    </div>
+                                                                                    <div class="like_line">
+                        <strong>Lindsey:</strong>
+                        black holes
+                    </div>
+                                                                                    <div class="like_line">
+                        <strong>Jack:</strong>
+                        Hey, you know what just isn&#039;t cool?
+                    </div>
+                                                                                    <div class="like_line">... ...</div>
+                            </div>
+        
+        
+            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+        
+    </li>
+<li class="like_post like_audio_post">
+        
+            <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+    
+            <div class="like_audio">
+                            <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/459260683/tumblr_ksc4i2SkVU1qz8ouq&color=FFFFFF" height="27" width="207" quality="best"></embed>                    </div>
+        
+                    <div style="margin-top:10px;" class="like_post_body">
+                <p><strong><a href="#" title="http://allisonweiss.tumblr.com/">Allison Weiss</a> —</strong> Fingers Crossed</p>            </div>
+                
+            <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
+        
+    </li></ul>
+			</div>
+			
+
+			
+			
+			<div class="sidebar-box last-sidebar"></div>
+		</div> <!-- #right-column -->
+		
+		<div class="clear"></div>
+	</div> <!-- #container -->
+	
+	<div id="footer">
+		<div id="footer-inner">
+			<p>Copyright &copy; 2007–2011 <a href="#" title="/">Untitled</a>. Powered by <a href="#" title="http://www.tumblr.com">Tumblr</a>.
+			<a href="#" title="http://simplethingstheme.tumblr.com/">Simple Things</a> theme by <a href="#" title="http://www.dan-hauk.com">Dan Hauk</a>.</p>
+		</div> <!-- #footer-inner -->
+	</div> <!-- #footer -->
+</div> <!-- #wrap -->
+
+    
+
+</body>
 </html>
\ No newline at end of file
-- 
cgit v1.2.3