run fromdos on all the php, css, and js files

5 files changed, 3139 insertions, 3139 deletions

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