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

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;
 }

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;
 }

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);

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;
+}
+
+

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>

webroot/css/base.css

@@ -1,1170 +1,1170 @@
-a:hover {
-	text-decoration:none;
-}
-h1 {
-	font-weight:bold;
-	font-size:220%;
-	float:left;
-	margin-top:5px;
-}
-h2 {
-	font-size:200%;
-	margin-bottom:10px;
-	letter-spacing:-1px;
-}
-h2.ribbon {
-	padding:15px 30px;
-	position:relative;
-	left:-55px;
-	float:left;
-	margin-bottom:20px;
-	border-radius:3px 3px 3px 0px;
-	-moz-border-radius:3px 3px 3px 0px;
-	-webkit-border-radius:3px 3px 3px 0px;
-}
-.triangle-ribbon {
-	border-style:solid;
-	border-width:13px;
-	height:0;
-	position:relative;
-	width:0;
-	float:left;
-	clear:left;
-	left:-67px;
-	top:-33px;
-	z-index:-1;
-}
-h2.full {
-	width:890px;
-}
-h2 span {
-	position:absolute;
-	right:25px;
-	font-size:80%;
-	margin:3px 0 0;
-}
-h3 {
-	font-size:180%;
-	font-weight: bold;
-	margin-bottom:15px;
-}
-aside h3 {
-	font-size:138.5%;
-	font-weight:bold;
-	margin-bottom:15px;
-	color:#333333;
-	padding-bottom:10px;
-	border-bottom:1px solid #D9D9D9;
-}
-h4 {
-	font-size:128%;
-	font-weight: bold;
-	margin-bottom:20px;
-	color:#333333;
-}
-h5 {
-	font-size:100%;
-}
-h5.inline {
-	float:left;
-	margin-right:10px;
-}
-h6 {
-	font-size:93%;
-}
-h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
-	margin-right:5px;
-	vertical-align:-2px;
-}
-/*////   - Misc -   ////*/
-.fl {
-	float:left;
-}
-img.fl {
-	margin:0 25px 25px 0;
-}
-.fr {
-	float:right;
-}
-img.fr {
-	margin:0 0 25px 25px;
-}
-.fn {
-	float:none!important;
-}
-.cl {
-	background: none;
-	border: 0;
-	clear: both;
-	display: block;
-	float: none;
-	font-size: 0;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-.tl {
-	text-align:left;
-}
-.tr {
-	text-align:right;
-}
-.tc {
-	text-align:center;
-}
-.hd {
-	display: none;
-}
-.strong {
-	font-weight: 700!important;
-}
-.no-margin {
-	margin:0!important;
-}
-.no-padding {
-	padding:0!important;
-}
-.margin-left {
-	margin-left:20px;
-}
-.margin-right {
-	margin-right:20px;
-}
-.margin-top {
-	margin-top:20px;
-}
-.margin-bottom {
-	margin-bottom:20px;
-}
-.border-top {
-	border-top:1px solid #D9D9D9;
-	padding-top:10px;
-	margin-top:20px;
-}
-.border-left {
-	border-left:1px solid #D9D9D9;
-	padding-left:10px;
-	margin-left:20px;
-}
-.border-bottom {
-	border-bottom:1px solid #D9D9D9;
-	padding-bottom:10px;
-	margin-bottom:20px;
-}
-.border-right {
-	border-top:1px solid #D9D9D9;
-	padding-top:10px;
-	margin-top:20px;
-}
-.txt-smaller {
-	font-size:85%
-}
-.txt-small {
-	font-size:93%
-}
-.txt-light {
-	color:#4d4d4d;
-}
-.txt-lighter {
-	color:#666;
-}
-
-nav {
-	float: left;
-}
-#nav {
-	line-height: 100%;
-	margin: 0 auto;
-	padding: 10px;
-	width: 100%;
-}
-#nav li {
-	display: inline-block;
-	list-style: none;
-	z-index: 100;
-	margin-left: 15px;
-}
-/* main level link */
-#nav a {
-	font-weight: bold;
-	text-decoration: none;
-	display: block;
-	padding:  8px 12px;
-	font-size:113%;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-}
-#nav a:hover {
-	background: #000;
-	color: #000;
-}
-/* main level link hover */
-#nav .current a, #nav li:hover > a {
-	background: #e5e5e5;
-	color: #444;
-	border-top: solid 1px #cccccc;
-	border-left: solid 1px #cccccc;
-	border-right:1px solid #e0e0e0;
-	border-bottom:1px solid #e0e0e0;
-	padding:7px 11px 8px;
-	text-shadow:0 1px 0 #FFFFFF;
-}
-/* rounded corners of first and last link */
-#nav ul li:first-child > a {
-	-webkit-border-top-left-radius: 3px;
-	-moz-border-radius-topleft: 3px;
-	-webkit-border-top-right-radius: 3px;
-	-moz-border-radius-topright: 3px;
-}
-#nav ul li:last-child > a {
-	-webkit-border-bottom-left-radius: 3px;
-	-moz-border-radius-bottomleft: 3px;
-	-webkit-border-bottom-right-radius: 3px;
-	-moz-border-radius-bottomright: 3px;
-}
-
-header {
-	width: 980px;
-	margin: 25px auto 20px;
-}
-footer {
-	padding: 10px 0;
-	width: 980px;
-	margin: 25px auto 20px;
-}
-#page {
-	background: #fff;
-	color: #191919;
-	border: 1px solid #d9d9d9;
-	padding: 40px;
-	position: relative;
-	width: 898px;
-	margin: 0 auto;
-	z-index: 1;
-	border-radius: 3px;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-}
-#page-content.two-col {
-	float:left;
-	padding-right:35px;
-	width:600px;
-	display:inline;
-}
-.breadcrumbs {
-	margin:0 0 20px;
-	list-style:none;	
-	padding:10px 15px;
-	background:#f2f2f2;
-	border:1px solid #D9D9D9;
-	font-size:93%;
-	color:#333333;
-	
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-.breadcrumbs li {
-	display:inline;	
-}
-aside {
-	float:left;
-	width:260px;
-	color:#333333;
-	display:inline;
-}
-section {
-	margin-bottom:20px;
-	padding-bottom:20px;
-	border-bottom:1px solid #d9d9d9;
-}
-.inlinepic {
-	background:#fafafa;
-	border:1px solid #ccc;
-	padding:5px;
-	box-shadow:0 0 5px #D9D9D9;
-	-moz-box-shadow:0 0 5px #D9D9D9;
-	-webkit-box-shadow:0 0 5px #D9D9D9;
-}
-blockquote {
-	background:url("../img/quote.gif") no-repeat 0 5px;
-	color:#444444;
-	line-height:1.6;
-	padding:5px 20px 10px 45px;
-	margin-bottom:20px;
-}
-blockquote cite {
-	color:#666666;
-	font-size:12px;
-	font-style:italic;
-}
-/*//   About Page   //*/
-#teamlist {
-	margin:0;
-	list-style:none;
-}
-#teamlist li {
-	margin-bottom:20px;
-	padding-bottom:10px;
-	border-bottom:1px solid #D9D9D9;
-}
-#teamlist li.last {
-	border-bottom:0;
-	margin-bottom:0;
-	padding-bottom:0;
-}
-/*//   Services Page   //*/
-
-.services-list {
-	margin:0;
-	list-style:none;
-}
-.services-list li {
-	float:left;
-	width:270px;
-	margin-right:30px;
-	margin-bottom:20px;
-	font-size:93%;
-}
-.services-list li p {
-	margin-bottom:5px;
-}
-.services-list li a {
-	float:right;
-}
-.services-list li img {
-	float:left;
-	margin:5px 20px 30px 0;
-}
-.services-list li.last {
-	margin-right:0;
-}
-.process {
-	height:31px;
-	width:31px;
-	background: url(../img/process.gif);
-	color:#fff;
-	display:block;
-	font-size:138%;
-	font-weight:bold;
-	line-height:28px;
-	text-align:center;
-	margin:5px 20px 30px 0;
-	float:left;
-}
-/*//   Portfolio Page   //*/
-.portfolio-small {
-	list-style:none outside none;
-	margin:0 -35px 0;
-}
-.portfolio-small li a {
-	display:block;
-}
-.portfolio-small li {
-	float:left;
-	margin-bottom:20px;
-	margin-left:35px;
-	width:275px;
-}
-.portfolio-small li img {
-	margin-bottom:10px;
-}
-.portfolio-small li h4 {
-	margin-bottom:10px;
-}
-.portfolio-small li p {
-	margin-bottom:10px;
-}
-.portfolio-list {
-	list-style:none outside none;
-	margin:0;
-}
-.portfolio-list li {
-	margin-bottom:20px;
-	padding-bottom:20px;
-}
-.portfolio-list li img {
-	float:left;
-}
-.portfolio-list li.last {
-	padding-bottom:0;
-}
-.portfolio-list li div {
-	margin-left: 390px;
-}
-.portfolio-list li p {
-	margin-bottom:15px;
-}
-
-p {
-	line-height:1.6;
-	margin-bottom:20px;
-}
-.list {
-	margin-bottom:15px;
-}
-.list li {
-	margin-bottom:5px;
-	padding:0;
-}
-.list ul {
-	margin-bottom:15px;
-}
-dl.definition {
-	margin-bottom:20px;
-}
-dl.definition dt {
-	font-weight:bold;
-	margin-bottom:5px;
-	padding-left:20px;
-}
-dl.definition dd {
-	color:#666666;
-	margin-bottom:15px;
-	padding-left:20px;
-}
-.tags {
-	margin:0 0 15px;
-	list-style:none;
-}
-.tags li {
-	display:inline;
-	background:#D9D9D9;
-	margin-right:10px;
-	font-size:85%;
-	padding:3px 6px;
-	border-radius:20px;
-	-moz-border-radius:20px;
-	-webkit-border-radius:20px;
-}
-.social {
-	margin:0 0 15px;
-	list-style:none;
-}
-.social li {
-	display:inline;
-	margin-right:10px;
-}
-#feature {
-	margin-bottom:20px;
-}
-.feature-img {
-	float:left;
-	margin-top:10px;
-}
-.feature-text {
-	margin-left:545px;
-}
-h2#tagline {
-	font-size:240%;
-}
-h3#tagline-mini {
-	font-weight:normal;
-	font-size:100%;
-	color:#4d4d4d;
-	line-height:1.6;
-	margin-bottom:25px;
-}
-.feature-screenshots {
-	margin:0;
-	list-style:none;
-}
-.feature-screenshots li {
-	float:left;
-	margin:	0 20px 10px 0;
-}
-
-
-/* Homepage */
-.feature img {
-	float:left;
-}
-.feature p {
-	margin-left:70px;
-}
-.scrollable {
-	height:110px;
-	overflow:hidden;
-	position:relative;
-	width:100%;
-}
-.scrollable .items {
-	clear:both;
-	position:absolute;
-	width:20000em;
-}
-.items div {
-	float:left;
-	width:740pxpx;
-}
-.scrollable img {
-	-moz-border-radius:4px 4px 4px 4px;
-	background-color:#FFFFFF;
-	border:1px solid #CCCCCC;
-	float:left;
-	height:100px;
-	margin:0 4px 0 35px;
-	padding:2px;
-	width:100px;
-}
-.scrollable .active {
-	border:2px solid #000000;
-	cursor:default;
-	position:relative;
-}
-/* this makes it possible to add next button beside scrollable */
-.scrollable {
-	float:left;
-}
-/* prev, next, prevPage and nextPage buttons */
-a.browse {
-	background:url(../img/scrollable.png) no-repeat;
-	display:block;
-	width:30px;
-	height:30px;
-	margin:40px 10px;
-	cursor:pointer;
-	font-size:1px;
-	position:absolute;
-}
-/* right */
-a.right {
-	background-position: 0 -30px;
-	clear:right;
-	margin-right: 0px;
-	right:25px;
-}
-a.right:hover {
-	background-position:-30px -30px;
-}
-a.right:active {
-	background-position:-60px -30px;
-}
-/* left */
-a.left {
-	margin-left: 0px;
-	left:25px;
-}
-a.left:hover {
-	background-position:-30px 0;
-}
-a.left:active {
-	background-position:-60px 0;
-}
-/* up and down */
-a.up, a.down {
-	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
-	float: none;
-	margin: 10px 50px;
-}
-/* up */
-a.up:hover {
-	background-position:-30px 0;
-}
-a.up:active {
-	background-position:-60px 0;
-}
-/* down */
-a.down {
-	background-position: 0 -30px;
-}
-a.down:hover {
-	background-position:-30px -30px;
-}
-a.down:active {
-	background-position:-60px -30px;
-}
-/* disabled navigational button */
-a.disabled {
-	visibility:hidden !important;
-}
-
-.search {
-	float: right;
-	margin-top: 5px;
-}
-button.search {
-	background:#fff url(../img/grad-grey.gif) repeat-x top;
-	border:1px solid #d9d9d9;
-	color:#404040;
-	height:38px;
-	line-height:12px;
-	font-size:108%;
-	font-weight:bold;
-	padding:8px 8px 10px;
-	margin: 0 0 0 5px;
-	text-shadow:0 1px 0 #FFFFFF;
-	border-radius:5px;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-}
-.pricing-table h4 {
-	color:#FFFFFF;
-	font-size:240%;
-	margin-bottom:5px;
-}
-.pricing-table h5 {
-	color:#FFFFFF;
-	font-size:140%;
-	margin-bottom:5px;
-}
-.pricing-table .header {
-	background:url(../img/grad-blue.gif) repeat-x scroll center top #166890;
-	border:1px solid #11506F;
-	color:#FFFFFF;
-	text-align:center;
-	width:28%;
-	padding:5px;
-}
-.pricing-table .blank {
-	background:#fff;
-	border:none;
-}
-.pricing-table .feature {
-	border-left:1px solid #58bbec;
-}
-.pricing-table .feature.first {
-	border-top:1px solid #58bbec;
-}
-.pricing-table {
-	border-right:1px solid #58bbec;
-	border-bottom:1px solid #58bbec;
-	width:100%;
-	margin-bottom:20px;
-}
-.pricing-table thead th, .pricing-table thead td {
-	padding:6px 10px;
-	font-weight: 700;
-	color: #333;
-	background: #EAEBFA;
-	border-bottom: 1px solid #D9D9D9;
-	border-right:1px solid #D9D9D9;
-}
-.pricing-table thead th.last, .pricing-table thead td.last {
-	border-right:0;
-}
-.pricing-table tbody th, .pricing-table tbody td {
-	background:#EAEBFA;
-	border-right:1px dotted #D9D9D9;
-	vertical-align:middle;
-	padding:12px;
-	font-size:93%;
-	text-align:center;
-}
-.pricing-table tbody tr.alt td {
-	background:#e4e6fa;
-}
-.pricing-table tbody th.last, .pricing-table tbody td.last {
-	border-right:0 none;
-}
-.pricing-table tbody tr.last td {
-	border-bottom:0 none;
-}
-/*////   - Forms -   ////*/
-body.ie7 form, body.ie8 {
-	margin-bottom:40px;
-}
-form p {
-	margin-bottom:15px;
-}
-form label {
-	float:left;
-	width:140px;
-	margin-top:5px;
-}
-form input, form textarea {
-	padding:10px 5px;
-	background:#fff url(../img/bg-input.gif) repeat-x top;
-	border:1px solid #D9D9D9;
-	width:448px;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-form input.small {
-	width:35px;
-}
-#message {
-	margin-bottom:20px;
-}
-.error-message {
-	background:url("../img/error.png") no-repeat 10px center #FECDC6;
-	padding:10px 35px;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-.success-message {
-	background:url(../img/success.png) no-repeat 10px center #F1FFBF;
-	padding:10px 35px;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-/* Buttons */
-
-button, .button {
-	cursor:pointer;
-	display:inline-block;
-	font-size:108%;
-	font-weight:700;
-	margin:0 5px 15px 0;
-	outline:none;
-	padding:10px 15px;
-	width:auto;
-	text-align:center;
-	text-decoration:none !important;
-	vertical-align:middle;
-	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;
-	color:#444444;
-	border:1px solid #c3c3c3;
-	text-shadow:0 -1px 0 #FFFFFF;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
-	zoom:1;
-	display:inline;
-}
-button:hover, .button:hover {
-	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
-	text-decoration:none;
-	outline:none;
-}
-button:active, .button:active {
-	position:relative;
-	top:1px;
-	outline:none;
-	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
-}
-/* Blue Button */
-button.blue, .button.blue {
-	background:url("../img/grad-blue.gif") repeat-x center top #166890;
-	border:1px solid #11506F;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #11506F;
-}
-button.blue:hover, .button.blue:hover {
-	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;
-}
-button.blue:active, .button.blue:active {
-	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;
-}
-/* Green Button */
-button.green, .button.green {
-	background:url("../img/grad-green.gif") repeat-x center top #518f14;
-	border:1px solid #406f11;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #406f11;
-}
-button.green:hover, .button.green:hover {
-	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;
-}
-button.green:active, .button.green:active {
-	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;
-}
-/* Red Button */
-button.red, .button.red {
-	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;
-	border:1px solid #6f1811;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1811;
-}
-button.red:hover, .button.red:hover {
-	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;
-}
-button.red:active, .button.red:active {
-	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;
-}
-/* Purple Button */
-button.purple, .button.purple {
-	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;
-	border:1px solid #6f1156;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1156;
-}
-button.purple:hover, .button.purple:hover {
-	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;
-}
-button.purple:active, .button.blue:active {
-	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;
-}
-/* Black Button */
-button.black, .button.black {
-	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;
-	border:1px solid #3b3b3b;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #3b3b3b;
-}
-button.black:hover, .button.black:hover {
-	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;
-}
-button.black:active, .button.black:active {
-	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;
-}
-button.large, .button.large {
-	font-size:138.5%;
-	padding:10px 30px;
-}
-button.small, .button.small {
-	font-size:93%;
-	padding:4px 10px 5px;
-}
-button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
-	background-color:#ccc !important;
-	color:#666 !important;
-	text-shadow:0 1px 0 #CCCCCC;
-	cursor:default;
-}
-body.ie7 button.disabled, body.ie8 button.disabled {
-	border-color:#a3a3a3;
-}
-button.disabled:active, .button.disabled:active {
-	position:relative;
-	top:0;
-	background-image: url('../img/grad.png');
-}
-fieldset button, .button {
-	margin:0 5px 10px 0;
-}
-button img, .button img {
-	display:inline;
-	height:16px;
-	margin-right:10px;
-	vertical-align:-3px;
-	width:16px;
-}
-/* notifications */
-.notification.success {
-	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;
-	border-color:#a6d50f;
-}
-.notification.success span.strong {
-	color:#283304;
-}
-.notification.error {
-	background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px;
-	border-color:#f45d43;
-}
-.notification.error span.strong {
-	color:#33130e;
-}
-.notification.warning {
-	background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px;
-	border-color:#ffbc2a;
-}
-.notification.warning span.strong {
-	color:#332508;
-}
-.notification.info {
-	background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px;
-	border-color:#589ad7;
-}
-.notification.info span.strong {
-	color:#152433;
-}
-.notification.tip {
-	background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px;
-	border-color:#dd9854;
-}
-.notification.tip span.strong {
-	color:#332313;
-}
-.notification {
-	padding:10px 10px 10px 35px;
-	border:1px solid #fff;
-	margin-bottom:10px;
-	position:relative;
-	font-size:100%;
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-.notification p {
-	margin-bottom:0;
-}
-.notification .close {
-	background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent;
-	cursor:pointer;
-	display:block;
-	height:16px;
-	position:absolute;
-	right:10px;
-	top:10px;
-	width:16px;
-}
-.notification .close:hover {
-	opacity:1;
-}
-.notification.nopic {
-	background-image:none;
-	padding:10px;
-}
-.notification span.strong {
-	margin-right:10px;
-}
-/* Bullet List */
-
-.bullet-list {
-	list-style:none;
-	margin-bottom:15px;
-	margin-left:0;
-}
-.bullet-list li {
-	background:url("../img/bullet_arrow_right.png") no-repeat left center transparent;
-	margin-bottom:5px;
-	padding:6px 6px 6px 20px;
-}
-.bullet-list li a {
-	-webkit-border-radius:3px;
-	-moz-border-radius:3px;
-	border-radius:3px;
-	color:#181818;
-	display:block;
-	margin:-6px;
-	padding:6px;
-	text-decoration:none;
-}
-.bullet-list li a:hover {
-	background-color:#E2E2E2;
-	margin:-6px -6px -6px -20px;
-	padding:6px 6px 6px 20px;
-}
-.bullet-list.grey li {
-	-webkit-border-radius:3px;
-	-moz-border-radius:3px;
-	border-radius:3px;
-	background-color:#f2f2f2;
-	width:50%;
-}
-/* Definition List */
-dl.definition {
-	margin-bottom:20px;
-}
-dl.definition dt {
-	background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center;
-	font-weight: 700;
-	margin-bottom:5px;
-	padding-left:20px;
-}
-dl.definition dd {
-	color:#666666;
-	margin-bottom:15px;
-	padding-left:20px;
-}
-/* Pagination */
-.pagination {
-	display: inline-block;
-	font-size: 77%;
-	text-decoration: none;
-}
-.pagination a, .pagination .dots {
-	background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3;
-	border:1px solid #C3C3C3;
-	display: inline-block;
-	color:#444444 !important;
-	margin-right: 2px;
-	padding: 6px 8px;
-	text-decoration:none;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-}
-.pagination a:hover {
-	background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3;
-	color: #444444;
-}
-.pagination a.current {
-	background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3;
-	color: #444444;
-}
-.pagination a.number.current {
-	color: #444;
-}
-/* Small Pagination */
-.pagination.small a, .pagination.small .dots {
-	margin-right: 1px;
-	padding: 1px 4px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-}
-/* Table Styles */
-.table {
-	border:1px solid #CCCCCC;
-	width:100%;
-	margin-bottom:20px;
-}
-.table.no-border {
-	border:none
-}
-.table thead th, .table thead td {
-	padding:6px 10px;
-	font-weight: 700;
-	color: #333;
-	background: #E2E2E2;
-	border-bottom: 1px solid #cccccc;
-	border-right:1px solid #CCCCCC;
-}
-.table thead th.last, .table thead td.last {
-	border-right:0;
-}
-.table thead th.checkbox, .table thead td.checkbox {
-	width:25px;
-}
-.table tbody th, .table tbody td {
-	background:#fff;
-	border-right:1px dotted #CCCCCC;
-	vertical-align:middle;
-	padding:10px;
-	font-size:93%;
-}
-.table tbody tr.alt td {
-	background:#F2F2F2;
-}
-.table tbody th.last, .table tbody td.last {
-	border-right:0 none;
-}
-.table tbody tr.last td {
-	border-bottom:0 none;
-}
-.table tbody tr:hover th, .table tbody tr:hover td {
-	background:#d3ecf9;
-}
-/* Tispy Tooltips */
-.tipsy {
-	padding: 5px;
-	font-size: 93%;
-	opacity: 0.8;
-	filter: alpha(opacity=80);
-	background-repeat: no-repeat;
-	background-image: url(../img/tipsy.gif);
-}
-.tipsy-inner {
-	padding: 5px 8px 4px 8px;
-	background-color: black;
-	color: white;
-	max-width: 200px;
-	text-align: center;
-}
-.tipsy-inner {
-	border-radius:3px;
-	-moz-border-radius:3px;
-	-webkit-border-radius:3px;
-}
-.tipsy-north {
-	background-position: top center;
-}
-.tipsy-south {
-	background-position: bottom center;
-}
-.tipsy-east {
-	background-position: right center;
-}
-.tipsy-west {
-	background-position: left center;
-}
-/*////   - jQuery Lightbox -   ////*/
-#jquery-overlay {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	width: 100%;
-	height: 500px;
-}
-#jquery-lightbox {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	z-index: 9999;
-	text-align: center;
-	line-height: 0;
-}
-#jquery-lightbox a img {
-	border: none;
-}
-#lightbox-container-image-box {
-	position: relative;
-	background-color: #fff;
-	width: 250px;
-	height: 250px;
-	margin: 0 auto;
-}
-#lightbox-container-image {
-	padding: 10px;
-}
-#lightbox-loading {
-	position: absolute;
-	top: 40%;
-	left: 0%;
-	height: 25%;
-	width: 100%;
-	text-align: center;
-	line-height: 0;
-}
-#lightbox-nav {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 100%;
-	width: 100%;
-	z-index: 10;
-}
-#lightbox-container-image-box > #lightbox-nav {
-	left: 0;
-}
-#lightbox-nav a {
-	outline: none;
-}
-#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
-	width: 49%;
-	height: 100%;
-	zoom: 1;
-	display: block;
-}
-#lightbox-nav-btnPrev {
-	left: 0;
-	float: left;
-}
-#lightbox-nav-btnNext {
-	right: 0;
-	float: right;
-}
-#lightbox-container-image-data-box {
-	font: 10px Verdana, Helvetica, sans-serif;
-	background-color: #fff;
-	margin: 0 auto;
-	line-height: 1.4em;
-	overflow: auto;
-	width: 100%;
-	padding: 0 10px 0;
-}
-#lightbox-container-image-data {
-	padding: 0 10px;
-	color: #666;
-}
-#lightbox-container-image-data #lightbox-image-details {
-	width: 70%;
-	float: left;
-	text-align: left;
-}
-#lightbox-image-details-caption {
-	font-weight: bold;
-}
-#lightbox-image-details-currentNumber {
-	display: block;
-	clear: left;
-	padding-bottom: 1.0em;
-}
-#lightbox-secNav-btnClose {
-	width: 66px;
-	float: right;
-	padding-bottom: 0.7em;
-}
+a:hover {
+	text-decoration:none;
+}
+h1 {
+	font-weight:bold;
+	font-size:220%;
+	float:left;
+	margin-top:5px;
+}
+h2 {
+	font-size:200%;
+	margin-bottom:10px;
+	letter-spacing:-1px;
+}
+h2.ribbon {
+	padding:15px 30px;
+	position:relative;
+	left:-55px;
+	float:left;
+	margin-bottom:20px;
+	border-radius:3px 3px 3px 0px;
+	-moz-border-radius:3px 3px 3px 0px;
+	-webkit-border-radius:3px 3px 3px 0px;
+}
+.triangle-ribbon {
+	border-style:solid;
+	border-width:13px;
+	height:0;
+	position:relative;
+	width:0;
+	float:left;
+	clear:left;
+	left:-67px;
+	top:-33px;
+	z-index:-1;
+}
+h2.full {
+	width:890px;
+}
+h2 span {
+	position:absolute;
+	right:25px;
+	font-size:80%;
+	margin:3px 0 0;
+}
+h3 {
+	font-size:180%;
+	font-weight: bold;
+	margin-bottom:15px;
+}
+aside h3 {
+	font-size:138.5%;
+	font-weight:bold;
+	margin-bottom:15px;
+	color:#333333;
+	padding-bottom:10px;
+	border-bottom:1px solid #D9D9D9;
+}
+h4 {
+	font-size:128%;
+	font-weight: bold;
+	margin-bottom:20px;
+	color:#333333;
+}
+h5 {
+	font-size:100%;
+}
+h5.inline {
+	float:left;
+	margin-right:10px;
+}
+h6 {
+	font-size:93%;
+}
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
+	margin-right:5px;
+	vertical-align:-2px;
+}
+/*////   - Misc -   ////*/
+.fl {
+	float:left;
+}
+img.fl {
+	margin:0 25px 25px 0;
+}
+.fr {
+	float:right;
+}
+img.fr {
+	margin:0 0 25px 25px;
+}
+.fn {
+	float:none!important;
+}
+.cl {
+	background: none;
+	border: 0;
+	clear: both;
+	display: block;
+	float: none;
+	font-size: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+.tl {
+	text-align:left;
+}
+.tr {
+	text-align:right;
+}
+.tc {
+	text-align:center;
+}
+.hd {
+	display: none;
+}
+.strong {
+	font-weight: 700!important;
+}
+.no-margin {
+	margin:0!important;
+}
+.no-padding {
+	padding:0!important;
+}
+.margin-left {
+	margin-left:20px;
+}
+.margin-right {
+	margin-right:20px;
+}
+.margin-top {
+	margin-top:20px;
+}
+.margin-bottom {
+	margin-bottom:20px;
+}
+.border-top {
+	border-top:1px solid #D9D9D9;
+	padding-top:10px;
+	margin-top:20px;
+}
+.border-left {
+	border-left:1px solid #D9D9D9;
+	padding-left:10px;
+	margin-left:20px;
+}
+.border-bottom {
+	border-bottom:1px solid #D9D9D9;
+	padding-bottom:10px;
+	margin-bottom:20px;
+}
+.border-right {
+	border-top:1px solid #D9D9D9;
+	padding-top:10px;
+	margin-top:20px;
+}
+.txt-smaller {
+	font-size:85%
+}
+.txt-small {
+	font-size:93%
+}
+.txt-light {
+	color:#4d4d4d;
+}
+.txt-lighter {
+	color:#666;
+}
+
+nav {
+	float: left;
+}
+#nav {
+	line-height: 100%;
+	margin: 0 auto;
+	padding: 10px;
+	width: 100%;
+}
+#nav li {
+	display: inline-block;
+	list-style: none;
+	z-index: 100;
+	margin-left: 15px;
+}
+/* main level link */
+#nav a {
+	font-weight: bold;
+	text-decoration: none;
+	display: block;
+	padding:  8px 12px;
+	font-size:113%;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+}
+#nav a:hover {
+	background: #000;
+	color: #000;
+}
+/* main level link hover */
+#nav .current a, #nav li:hover > a {
+	background: #e5e5e5;
+	color: #444;
+	border-top: solid 1px #cccccc;
+	border-left: solid 1px #cccccc;
+	border-right:1px solid #e0e0e0;
+	border-bottom:1px solid #e0e0e0;
+	padding:7px 11px 8px;
+	text-shadow:0 1px 0 #FFFFFF;
+}
+/* rounded corners of first and last link */
+#nav ul li:first-child > a {
+	-webkit-border-top-left-radius: 3px;
+	-moz-border-radius-topleft: 3px;
+	-webkit-border-top-right-radius: 3px;
+	-moz-border-radius-topright: 3px;
+}
+#nav ul li:last-child > a {
+	-webkit-border-bottom-left-radius: 3px;
+	-moz-border-radius-bottomleft: 3px;
+	-webkit-border-bottom-right-radius: 3px;
+	-moz-border-radius-bottomright: 3px;
+}
+
+header {
+	width: 980px;
+	margin: 25px auto 20px;
+}
+footer {
+	padding: 10px 0;
+	width: 980px;
+	margin: 25px auto 20px;
+}
+#page {
+	background: #fff;
+	color: #191919;
+	border: 1px solid #d9d9d9;
+	padding: 40px;
+	position: relative;
+	width: 898px;
+	margin: 0 auto;
+	z-index: 1;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+#page-content.two-col {
+	float:left;
+	padding-right:35px;
+	width:600px;
+	display:inline;
+}
+.breadcrumbs {
+	margin:0 0 20px;
+	list-style:none;	
+	padding:10px 15px;
+	background:#f2f2f2;
+	border:1px solid #D9D9D9;
+	font-size:93%;
+	color:#333333;
+	
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.breadcrumbs li {
+	display:inline;	
+}
+aside {
+	float:left;
+	width:260px;
+	color:#333333;
+	display:inline;
+}
+section {
+	margin-bottom:20px;
+	padding-bottom:20px;
+	border-bottom:1px solid #d9d9d9;
+}
+.inlinepic {
+	background:#fafafa;
+	border:1px solid #ccc;
+	padding:5px;
+	box-shadow:0 0 5px #D9D9D9;
+	-moz-box-shadow:0 0 5px #D9D9D9;
+	-webkit-box-shadow:0 0 5px #D9D9D9;
+}
+blockquote {
+	background:url("../img/quote.gif") no-repeat 0 5px;
+	color:#444444;
+	line-height:1.6;
+	padding:5px 20px 10px 45px;
+	margin-bottom:20px;
+}
+blockquote cite {
+	color:#666666;
+	font-size:12px;
+	font-style:italic;
+}
+/*//   About Page   //*/
+#teamlist {
+	margin:0;
+	list-style:none;
+}
+#teamlist li {
+	margin-bottom:20px;
+	padding-bottom:10px;
+	border-bottom:1px solid #D9D9D9;
+}
+#teamlist li.last {
+	border-bottom:0;
+	margin-bottom:0;
+	padding-bottom:0;
+}
+/*//   Services Page   //*/
+
+.services-list {
+	margin:0;
+	list-style:none;
+}
+.services-list li {
+	float:left;
+	width:270px;
+	margin-right:30px;
+	margin-bottom:20px;
+	font-size:93%;
+}
+.services-list li p {
+	margin-bottom:5px;
+}
+.services-list li a {
+	float:right;
+}
+.services-list li img {
+	float:left;
+	margin:5px 20px 30px 0;
+}
+.services-list li.last {
+	margin-right:0;
+}
+.process {
+	height:31px;
+	width:31px;
+	background: url(../img/process.gif);
+	color:#fff;
+	display:block;
+	font-size:138%;
+	font-weight:bold;
+	line-height:28px;
+	text-align:center;
+	margin:5px 20px 30px 0;
+	float:left;
+}
+/*//   Portfolio Page   //*/
+.portfolio-small {
+	list-style:none outside none;
+	margin:0 -35px 0;
+}
+.portfolio-small li a {
+	display:block;
+}
+.portfolio-small li {
+	float:left;
+	margin-bottom:20px;
+	margin-left:35px;
+	width:275px;
+}
+.portfolio-small li img {
+	margin-bottom:10px;
+}
+.portfolio-small li h4 {
+	margin-bottom:10px;
+}
+.portfolio-small li p {
+	margin-bottom:10px;
+}
+.portfolio-list {
+	list-style:none outside none;
+	margin:0;
+}
+.portfolio-list li {
+	margin-bottom:20px;
+	padding-bottom:20px;
+}
+.portfolio-list li img {
+	float:left;
+}
+.portfolio-list li.last {
+	padding-bottom:0;
+}
+.portfolio-list li div {
+	margin-left: 390px;
+}
+.portfolio-list li p {
+	margin-bottom:15px;
+}
+
+p {
+	line-height:1.6;
+	margin-bottom:20px;
+}
+.list {
+	margin-bottom:15px;
+}
+.list li {
+	margin-bottom:5px;
+	padding:0;
+}
+.list ul {
+	margin-bottom:15px;
+}
+dl.definition {
+	margin-bottom:20px;
+}
+dl.definition dt {
+	font-weight:bold;
+	margin-bottom:5px;
+	padding-left:20px;
+}
+dl.definition dd {
+	color:#666666;
+	margin-bottom:15px;
+	padding-left:20px;
+}
+.tags {
+	margin:0 0 15px;
+	list-style:none;
+}
+.tags li {
+	display:inline;
+	background:#D9D9D9;
+	margin-right:10px;
+	font-size:85%;
+	padding:3px 6px;
+	border-radius:20px;
+	-moz-border-radius:20px;
+	-webkit-border-radius:20px;
+}
+.social {
+	margin:0 0 15px;
+	list-style:none;
+}
+.social li {
+	display:inline;
+	margin-right:10px;
+}
+#feature {
+	margin-bottom:20px;
+}
+.feature-img {
+	float:left;
+	margin-top:10px;
+}
+.feature-text {
+	margin-left:545px;
+}
+h2#tagline {
+	font-size:240%;
+}
+h3#tagline-mini {
+	font-weight:normal;
+	font-size:100%;
+	color:#4d4d4d;
+	line-height:1.6;
+	margin-bottom:25px;
+}
+.feature-screenshots {
+	margin:0;
+	list-style:none;
+}
+.feature-screenshots li {
+	float:left;
+	margin:	0 20px 10px 0;
+}
+
+
+/* Homepage */
+.feature img {
+	float:left;
+}
+.feature p {
+	margin-left:70px;
+}
+.scrollable {
+	height:110px;
+	overflow:hidden;
+	position:relative;
+	width:100%;
+}
+.scrollable .items {
+	clear:both;
+	position:absolute;
+	width:20000em;
+}
+.items div {
+	float:left;
+	width:740pxpx;
+}
+.scrollable img {
+	-moz-border-radius:4px 4px 4px 4px;
+	background-color:#FFFFFF;
+	border:1px solid #CCCCCC;
+	float:left;
+	height:100px;
+	margin:0 4px 0 35px;
+	padding:2px;
+	width:100px;
+}
+.scrollable .active {
+	border:2px solid #000000;
+	cursor:default;
+	position:relative;
+}
+/* this makes it possible to add next button beside scrollable */
+.scrollable {
+	float:left;
+}
+/* prev, next, prevPage and nextPage buttons */
+a.browse {
+	background:url(../img/scrollable.png) no-repeat;
+	display:block;
+	width:30px;
+	height:30px;
+	margin:40px 10px;
+	cursor:pointer;
+	font-size:1px;
+	position:absolute;
+}
+/* right */
+a.right {
+	background-position: 0 -30px;
+	clear:right;
+	margin-right: 0px;
+	right:25px;
+}
+a.right:hover {
+	background-position:-30px -30px;
+}
+a.right:active {
+	background-position:-60px -30px;
+}
+/* left */
+a.left {
+	margin-left: 0px;
+	left:25px;
+}
+a.left:hover {
+	background-position:-30px 0;
+}
+a.left:active {
+	background-position:-60px 0;
+}
+/* up and down */
+a.up, a.down {
+	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
+	float: none;
+	margin: 10px 50px;
+}
+/* up */
+a.up:hover {
+	background-position:-30px 0;
+}
+a.up:active {
+	background-position:-60px 0;
+}
+/* down */
+a.down {
+	background-position: 0 -30px;
+}
+a.down:hover {
+	background-position:-30px -30px;
+}
+a.down:active {
+	background-position:-60px -30px;
+}
+/* disabled navigational button */
+a.disabled {
+	visibility:hidden !important;
+}
+
+.search {
+	float: right;
+	margin-top: 5px;
+}
+button.search {
+	background:#fff url(../img/grad-grey.gif) repeat-x top;
+	border:1px solid #d9d9d9;
+	color:#404040;
+	height:38px;
+	line-height:12px;
+	font-size:108%;
+	font-weight:bold;
+	padding:8px 8px 10px;
+	margin: 0 0 0 5px;
+	text-shadow:0 1px 0 #FFFFFF;
+	border-radius:5px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+}
+.pricing-table h4 {
+	color:#FFFFFF;
+	font-size:240%;
+	margin-bottom:5px;
+}
+.pricing-table h5 {
+	color:#FFFFFF;
+	font-size:140%;
+	margin-bottom:5px;
+}
+.pricing-table .header {
+	background:url(../img/grad-blue.gif) repeat-x scroll center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-align:center;
+	width:28%;
+	padding:5px;
+}
+.pricing-table .blank {
+	background:#fff;
+	border:none;
+}
+.pricing-table .feature {
+	border-left:1px solid #58bbec;
+}
+.pricing-table .feature.first {
+	border-top:1px solid #58bbec;
+}
+.pricing-table {
+	border-right:1px solid #58bbec;
+	border-bottom:1px solid #58bbec;
+	width:100%;
+	margin-bottom:20px;
+}
+.pricing-table thead th, .pricing-table thead td {
+	padding:6px 10px;
+	font-weight: 700;
+	color: #333;
+	background: #EAEBFA;
+	border-bottom: 1px solid #D9D9D9;
+	border-right:1px solid #D9D9D9;
+}
+.pricing-table thead th.last, .pricing-table thead td.last {
+	border-right:0;
+}
+.pricing-table tbody th, .pricing-table tbody td {
+	background:#EAEBFA;
+	border-right:1px dotted #D9D9D9;
+	vertical-align:middle;
+	padding:12px;
+	font-size:93%;
+	text-align:center;
+}
+.pricing-table tbody tr.alt td {
+	background:#e4e6fa;
+}
+.pricing-table tbody th.last, .pricing-table tbody td.last {
+	border-right:0 none;
+}
+.pricing-table tbody tr.last td {
+	border-bottom:0 none;
+}
+/*////   - Forms -   ////*/
+body.ie7 form, body.ie8 {
+	margin-bottom:40px;
+}
+form p {
+	margin-bottom:15px;
+}
+form label {
+	float:left;
+	width:140px;
+	margin-top:5px;
+}
+form input, form textarea {
+	padding:10px 5px;
+	background:#fff url(../img/bg-input.gif) repeat-x top;
+	border:1px solid #D9D9D9;
+	width:448px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+form input.small {
+	width:35px;
+}
+#message {
+	margin-bottom:20px;
+}
+.error-message {
+	background:url("../img/error.png") no-repeat 10px center #FECDC6;
+	padding:10px 35px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.success-message {
+	background:url(../img/success.png) no-repeat 10px center #F1FFBF;
+	padding:10px 35px;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+/* Buttons */
+
+button, .button {
+	cursor:pointer;
+	display:inline-block;
+	font-size:108%;
+	font-weight:700;
+	margin:0 5px 15px 0;
+	outline:none;
+	padding:10px 15px;
+	width:auto;
+	text-align:center;
+	text-decoration:none !important;
+	vertical-align:middle;
+	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;
+	color:#444444;
+	border:1px solid #c3c3c3;
+	text-shadow:0 -1px 0 #FFFFFF;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
+	zoom:1;
+	display:inline;
+}
+button:hover, .button:hover {
+	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
+	text-decoration:none;
+	outline:none;
+}
+button:active, .button:active {
+	position:relative;
+	top:1px;
+	outline:none;
+	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
+}
+/* Blue Button */
+button.blue, .button.blue {
+	background:url("../img/grad-blue.gif") repeat-x center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #11506F;
+}
+button.blue:hover, .button.blue:hover {
+	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;
+}
+button.blue:active, .button.blue:active {
+	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;
+}
+/* Green Button */
+button.green, .button.green {
+	background:url("../img/grad-green.gif") repeat-x center top #518f14;
+	border:1px solid #406f11;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #406f11;
+}
+button.green:hover, .button.green:hover {
+	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;
+}
+button.green:active, .button.green:active {
+	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;
+}
+/* Red Button */
+button.red, .button.red {
+	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;
+	border:1px solid #6f1811;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1811;
+}
+button.red:hover, .button.red:hover {
+	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;
+}
+button.red:active, .button.red:active {
+	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;
+}
+/* Purple Button */
+button.purple, .button.purple {
+	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;
+	border:1px solid #6f1156;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1156;
+}
+button.purple:hover, .button.purple:hover {
+	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;
+}
+button.purple:active, .button.blue:active {
+	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;
+}
+/* Black Button */
+button.black, .button.black {
+	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;
+	border:1px solid #3b3b3b;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #3b3b3b;
+}
+button.black:hover, .button.black:hover {
+	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;
+}
+button.black:active, .button.black:active {
+	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;
+}
+button.large, .button.large {
+	font-size:138.5%;
+	padding:10px 30px;
+}
+button.small, .button.small {
+	font-size:93%;
+	padding:4px 10px 5px;
+}
+button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
+	background-color:#ccc !important;
+	color:#666 !important;
+	text-shadow:0 1px 0 #CCCCCC;
+	cursor:default;
+}
+body.ie7 button.disabled, body.ie8 button.disabled {
+	border-color:#a3a3a3;
+}
+button.disabled:active, .button.disabled:active {
+	position:relative;
+	top:0;
+	background-image: url('../img/grad.png');
+}
+fieldset button, .button {
+	margin:0 5px 10px 0;
+}
+button img, .button img {
+	display:inline;
+	height:16px;
+	margin-right:10px;
+	vertical-align:-3px;
+	width:16px;
+}
+/* notifications */
+.notification.success {
+	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;
+	border-color:#a6d50f;
+}
+.notification.success span.strong {
+	color:#283304;
+}
+.notification.error {
+	background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px;
+	border-color:#f45d43;
+}
+.notification.error span.strong {
+	color:#33130e;
+}
+.notification.warning {
+	background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px;
+	border-color:#ffbc2a;
+}
+.notification.warning span.strong {
+	color:#332508;
+}
+.notification.info {
+	background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px;
+	border-color:#589ad7;
+}
+.notification.info span.strong {
+	color:#152433;
+}
+.notification.tip {
+	background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px;
+	border-color:#dd9854;
+}
+.notification.tip span.strong {
+	color:#332313;
+}
+.notification {
+	padding:10px 10px 10px 35px;
+	border:1px solid #fff;
+	margin-bottom:10px;
+	position:relative;
+	font-size:100%;
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.notification p {
+	margin-bottom:0;
+}
+.notification .close {
+	background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent;
+	cursor:pointer;
+	display:block;
+	height:16px;
+	position:absolute;
+	right:10px;
+	top:10px;
+	width:16px;
+}
+.notification .close:hover {
+	opacity:1;
+}
+.notification.nopic {
+	background-image:none;
+	padding:10px;
+}
+.notification span.strong {
+	margin-right:10px;
+}
+/* Bullet List */
+
+.bullet-list {
+	list-style:none;
+	margin-bottom:15px;
+	margin-left:0;
+}
+.bullet-list li {
+	background:url("../img/bullet_arrow_right.png") no-repeat left center transparent;
+	margin-bottom:5px;
+	padding:6px 6px 6px 20px;
+}
+.bullet-list li a {
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	border-radius:3px;
+	color:#181818;
+	display:block;
+	margin:-6px;
+	padding:6px;
+	text-decoration:none;
+}
+.bullet-list li a:hover {
+	background-color:#E2E2E2;
+	margin:-6px -6px -6px -20px;
+	padding:6px 6px 6px 20px;
+}
+.bullet-list.grey li {
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	border-radius:3px;
+	background-color:#f2f2f2;
+	width:50%;
+}
+/* Definition List */
+dl.definition {
+	margin-bottom:20px;
+}
+dl.definition dt {
+	background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center;
+	font-weight: 700;
+	margin-bottom:5px;
+	padding-left:20px;
+}
+dl.definition dd {
+	color:#666666;
+	margin-bottom:15px;
+	padding-left:20px;
+}
+/* Pagination */
+.pagination {
+	display: inline-block;
+	font-size: 77%;
+	text-decoration: none;
+}
+.pagination a, .pagination .dots {
+	background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3;
+	border:1px solid #C3C3C3;
+	display: inline-block;
+	color:#444444 !important;
+	margin-right: 2px;
+	padding: 6px 8px;
+	text-decoration:none;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+.pagination a:hover {
+	background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3;
+	color: #444444;
+}
+.pagination a.current {
+	background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3;
+	color: #444444;
+}
+.pagination a.number.current {
+	color: #444;
+}
+/* Small Pagination */
+.pagination.small a, .pagination.small .dots {
+	margin-right: 1px;
+	padding: 1px 4px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	border-radius: 6px;
+}
+/* Table Styles */
+.table {
+	border:1px solid #CCCCCC;
+	width:100%;
+	margin-bottom:20px;
+}
+.table.no-border {
+	border:none
+}
+.table thead th, .table thead td {
+	padding:6px 10px;
+	font-weight: 700;
+	color: #333;
+	background: #E2E2E2;
+	border-bottom: 1px solid #cccccc;
+	border-right:1px solid #CCCCCC;
+}
+.table thead th.last, .table thead td.last {
+	border-right:0;
+}
+.table thead th.checkbox, .table thead td.checkbox {
+	width:25px;
+}
+.table tbody th, .table tbody td {
+	background:#fff;
+	border-right:1px dotted #CCCCCC;
+	vertical-align:middle;
+	padding:10px;
+	font-size:93%;
+}
+.table tbody tr.alt td {
+	background:#F2F2F2;
+}
+.table tbody th.last, .table tbody td.last {
+	border-right:0 none;
+}
+.table tbody tr.last td {
+	border-bottom:0 none;
+}
+.table tbody tr:hover th, .table tbody tr:hover td {
+	background:#d3ecf9;
+}
+/* Tispy Tooltips */
+.tipsy {
+	padding: 5px;
+	font-size: 93%;
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+	background-repeat: no-repeat;
+	background-image: url(../img/tipsy.gif);
+}
+.tipsy-inner {
+	padding: 5px 8px 4px 8px;
+	background-color: black;
+	color: white;
+	max-width: 200px;
+	text-align: center;
+}
+.tipsy-inner {
+	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+.tipsy-north {
+	background-position: top center;
+}
+.tipsy-south {
+	background-position: bottom center;
+}
+.tipsy-east {
+	background-position: right center;
+}
+.tipsy-west {
+	background-position: left center;
+}
+/*////   - jQuery Lightbox -   ////*/
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 9999;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img {
+	border: none;
+}
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image {
+	padding: 10px;
+}
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav {
+	left: 0;
+}
+#lightbox-nav a {
+	outline: none;
+}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev {
+	left: 0;
+	float: left;
+}
+#lightbox-nav-btnNext {
+	right: 0;
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px;
+	color: #666;
+}
+#lightbox-container-image-data #lightbox-image-details {
+	width: 70%;
+	float: left;
+	text-align: left;
+}
+#lightbox-image-details-caption {
+	font-weight: bold;
+}
+#lightbox-image-details-currentNumber {
+	display: block;
+	clear: left;
+	padding-bottom: 1.0em;
+}
+#lightbox-secNav-btnClose {
+	width: 66px;
+	float: right;
+	padding-bottom: 0.7em;
+}

webroot/css/grid.css

@@ -1,484 +1,484 @@
-/*
-	960 Grid System ~ Core CSS.
-	Learn more ~ http://960.gs/
-
-	Licensed under GPL and MIT.
-*/
-
-/* =Containers
---------------------------------------------------------------------------------*/
-
-/* =Grid >> Global
---------------------------------------------------------------------------------*/
-
-.grid_1,
-.grid_2,
-.grid_3,
-.grid_4,
-.grid_5,
-.grid_6,
-.grid_7,
-.grid_8,
-.grid_9,
-.grid_10,
-.grid_11,
-.grid_12,
-.grid_13,
-.grid_14,
-.grid_15,
-.grid_16
-{
-	display: inline;
-	float: left;
-	margin-left: 1%;
-	margin-right: 1%;
-}
-
-.container_12 .grid_3,
-.container_16 .grid_4
-{
-	width: 23%;
-}
-
-.container_12 .grid_6,
-.container_16 .grid_8
-{
-	width: 48%;
-}
-
-.container_12 .grid_9,
-.container_16 .grid_12
-{
-	width: 73%;
-}
-
-.container_12 .grid_12,
-.container_16 .grid_16
-{
-	width: 98%;
-}
-
-/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
---------------------------------------------------------------------------------*/
-
-.alpha
-{
-	margin-left: 0;
-}
-
-.omega
-{
-	margin-right: 0;
-}
-
-/* =Grid >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .grid_1
-{
-	width: 6.333%;
-}
-
-.container_12 .grid_2
-{
-	width: 14.666%;
-}
-
-.container_12 .grid_4
-{
-	width: 31.333%;
-}
-
-.container_12 .grid_5
-{
-	width: 39.666%;
-}
-
-.container_12 .grid_7
-{
-	width: 56.333%;
-}
-
-.container_12 .grid_8
-{
-	width: 64.666%;
-}
-
-.container_12 .grid_10
-{
-	width: 81.333%;
-}
-
-.container_12 .grid_11
-{
-	width: 89.666%;
-}
-
-/* =Grid >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .grid_1
-{
-	width: 4.25%;
-}
-
-.container_16 .grid_2
-{
-	width: 10.5%;
-}
-
-.container_16 .grid_3
-{
-	width: 16.75%;
-}
-
-.container_16 .grid_5
-{
-	width: 29.25%;
-}
-
-.container_16 .grid_6
-{
-	width: 35.5%;
-}
-
-.container_16 .grid_7
-{
-	width: 41.75%;
-}
-
-.container_16 .grid_9
-{
-	width: 54.25%;
-}
-
-.container_16 .grid_10
-{
-	width: 60.5%;
-}
-
-.container_16 .grid_11
-{
-	width: 66.75%;
-}
-
-.container_16 .grid_13
-{
-	width: 79.25%;
-}
-
-.container_16 .grid_14
-{
-	width: 85.5%;
-}
-
-.container_16 .grid_15
-{
-	width: 91.75%;
-}
-
-/* =Prefix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_3,
-.container_16 .prefix_4
-{
-	padding-left: 25%;
-}
-
-.container_12 .prefix_6,
-.container_16 .prefix_8
-{
-	padding-left: 50%;
-}
-
-.container_12 .prefix_9,
-.container_16 .prefix_12
-{
-	padding-left: 75%;
-}
-
-/* =Prefix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_1
-{
-	padding-left: 8.333%;
-}
-
-.container_12 .prefix_2
-{
-	padding-left: 16.666%;
-}
-
-.container_12 .prefix_4
-{
-	padding-left: 33.333%;
-}
-
-.container_12 .prefix_5
-{
-	padding-left: 41.666%;
-}
-
-.container_12 .prefix_7
-{
-	padding-left: 58.333%;
-}
-
-.container_12 .prefix_8
-{
-	padding-left: 66.666%;
-}
-
-.container_12 .prefix_10
-{
-	padding-left: 83.333%;
-}
-
-.container_12 .prefix_11
-{
-	padding-left: 91.666%;
-}
-
-/* =Prefix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .prefix_1
-{
-	padding-left: 6.25%;
-}
-
-.container_16 .prefix_2
-{
-	padding-left: 12.5%;
-}
-
-.container_16 .prefix_3
-{
-	padding-left: 18.75%;
-}
-
-.container_16 .prefix_5
-{
-	padding-left: 31.25%;
-}
-
-.container_16 .prefix_6
-{
-	padding-left: 37.5%;
-}
-
-.container_16 .prefix_7
-{
-	padding-left: 43.75%;
-}
-
-.container_16 .prefix_9
-{
-	padding-left: 56.25%;
-}
-
-.container_16 .prefix_10
-{
-	padding-left: 62.5%;
-}
-
-.container_16 .prefix_11
-{
-	padding-left: 68.75%;
-}
-
-.container_16 .prefix_13
-{
-	padding-left: 81.25%;
-}
-
-.container_16 .prefix_14
-{
-	padding-left: 87.5%;
-}
-
-.container_16 .prefix_15
-{
-	padding-left: 93.75%;
-}
-
-/* =Suffix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_3,
-.container_16 .suffix_4
-{
-	padding-right: 25%;
-}
-
-.container_12 .suffix_6,
-.container_16 .suffix_8
-{
-	padding-right: 50%;
-}
-
-.container_12 .suffix_9,
-.container_16 .suffix_12
-{
-	padding-right: 75%;
-}
-
-/* =Suffix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_1
-{
-	padding-right: 8.333%;
-}
-
-.container_12 .suffix_2
-{
-	padding-right: 16.666%;
-}
-
-.container_12 .suffix_4
-{
-	padding-right: 33.333%;
-}
-
-.container_12 .suffix_5
-{
-	padding-right: 41.666%;
-}
-
-.container_12 .suffix_7
-{
-	padding-right: 58.333%;
-}
-
-.container_12 .suffix_8
-{
-	padding-right: 66.666%;
-}
-
-.container_12 .suffix_10
-{
-	padding-right: 83.333%;
-}
-
-.container_12 .suffix_11
-{
-	padding-right: 91.666%;
-}
-
-/* =Suffix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .suffix_1
-{
-	padding-right: 6.25%;
-}
-
-.container_16 .suffix_2
-{
-	padding-right: 16.5%;
-}
-
-.container_16 .suffix_3
-{
-	padding-right: 18.75%;
-}
-
-.container_16 .suffix_5
-{
-	padding-right: 31.25%;
-}
-
-.container_16 .suffix_6
-{
-	padding-right: 37.5%;
-}
-
-.container_16 .suffix_7
-{
-	padding-right: 43.75%;
-}
-
-.container_16 .suffix_9
-{
-	padding-right: 56.25%;
-}
-
-.container_16 .suffix_10
-{
-	padding-right: 62.5%;
-}
-
-.container_16 .suffix_11
-{
-	padding-right: 68.75%;
-}
-
-.container_16 .suffix_13
-{
-	padding-right: 81.25%;
-}
-
-.container_16 .suffix_14
-{
-	padding-right: 87.5%;
-}
-
-.container_16 .suffix_15
-{
-	padding-right: 93.75%;
-}
-
-/* =Clear Floated Elements
---------------------------------------------------------------------------------*/
-
-/* http://sonspring.com/journal/clearing-floats */
-
-html body * span.cl,
-html body * div.cl,
-html body * li.cl,
-html body * dd.cl,
-.cl
-{
-	background: none;
-	border: 0;
-	clear: both;
-	display: block;
-	float: none;
-	font-size: 0;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-/* http://www.positioniseverything.net/easyclearing.html */
-
-.cl:after
-{
-	clear: both;
-	content: '.';
-	display: block;
-	visibility: hidden;
-	height: 0;
-}
-
-.cl
-{
-	display: inline-block;
-}
-
-* html .cl
-{
-	height: 1%;
-}
-
-.cl
-{
-	display: block;
+/*
+	960 Grid System ~ Core CSS.
+	Learn more ~ http://960.gs/
+
+	Licensed under GPL and MIT.
+*/
+
+/* =Containers
+--------------------------------------------------------------------------------*/
+
+/* =Grid >> Global
+--------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16
+{
+	display: inline;
+	float: left;
+	margin-left: 1%;
+	margin-right: 1%;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4
+{
+	width: 23%;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8
+{
+	width: 48%;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12
+{
+	width: 73%;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16
+{
+	width: 98%;
+}
+
+/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
+--------------------------------------------------------------------------------*/
+
+.alpha
+{
+	margin-left: 0;
+}
+
+.omega
+{
+	margin-right: 0;
+}
+
+/* =Grid >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .grid_1
+{
+	width: 6.333%;
+}
+
+.container_12 .grid_2
+{
+	width: 14.666%;
+}
+
+.container_12 .grid_4
+{
+	width: 31.333%;
+}
+
+.container_12 .grid_5
+{
+	width: 39.666%;
+}
+
+.container_12 .grid_7
+{
+	width: 56.333%;
+}
+
+.container_12 .grid_8
+{
+	width: 64.666%;
+}
+
+.container_12 .grid_10
+{
+	width: 81.333%;
+}
+
+.container_12 .grid_11
+{
+	width: 89.666%;
+}
+
+/* =Grid >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .grid_1
+{
+	width: 4.25%;
+}
+
+.container_16 .grid_2
+{
+	width: 10.5%;
+}
+
+.container_16 .grid_3
+{
+	width: 16.75%;
+}
+
+.container_16 .grid_5
+{
+	width: 29.25%;
+}
+
+.container_16 .grid_6
+{
+	width: 35.5%;
+}
+
+.container_16 .grid_7
+{
+	width: 41.75%;
+}
+
+.container_16 .grid_9
+{
+	width: 54.25%;
+}
+
+.container_16 .grid_10
+{
+	width: 60.5%;
+}
+
+.container_16 .grid_11
+{
+	width: 66.75%;
+}
+
+.container_16 .grid_13
+{
+	width: 79.25%;
+}
+
+.container_16 .grid_14
+{
+	width: 85.5%;
+}
+
+.container_16 .grid_15
+{
+	width: 91.75%;
+}
+
+/* =Prefix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4
+{
+	padding-left: 25%;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8
+{
+	padding-left: 50%;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12
+{
+	padding-left: 75%;
+}
+
+/* =Prefix Extra Space >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1
+{
+	padding-left: 8.333%;
+}
+
+.container_12 .prefix_2
+{
+	padding-left: 16.666%;
+}
+
+.container_12 .prefix_4
+{
+	padding-left: 33.333%;
+}
+
+.container_12 .prefix_5
+{
+	padding-left: 41.666%;
+}
+
+.container_12 .prefix_7
+{
+	padding-left: 58.333%;
+}
+
+.container_12 .prefix_8
+{
+	padding-left: 66.666%;
+}
+
+.container_12 .prefix_10
+{
+	padding-left: 83.333%;
+}
+
+.container_12 .prefix_11
+{
+	padding-left: 91.666%;
+}
+
+/* =Prefix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1
+{
+	padding-left: 6.25%;
+}
+
+.container_16 .prefix_2
+{
+	padding-left: 12.5%;
+}
+
+.container_16 .prefix_3
+{
+	padding-left: 18.75%;
+}
+
+.container_16 .prefix_5
+{
+	padding-left: 31.25%;
+}
+
+.container_16 .prefix_6
+{
+	padding-left: 37.5%;
+}
+
+.container_16 .prefix_7
+{
+	padding-left: 43.75%;
+}
+
+.container_16 .prefix_9
+{
+	padding-left: 56.25%;
+}
+
+.container_16 .prefix_10
+{
+	padding-left: 62.5%;
+}
+
+.container_16 .prefix_11
+{
+	padding-left: 68.75%;
+}
+
+.container_16 .prefix_13
+{
+	padding-left: 81.25%;
+}
+
+.container_16 .prefix_14
+{
+	padding-left: 87.5%;
+}
+
+.container_16 .prefix_15
+{
+	padding-left: 93.75%;
+}
+
+/* =Suffix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4
+{
+	padding-right: 25%;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8
+{
+	padding-right: 50%;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12
+{
+	padding-right: 75%;
+}
+
+/* =Suffix Extra Space >> 12 Columns
+--------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1
+{
+	padding-right: 8.333%;
+}
+
+.container_12 .suffix_2
+{
+	padding-right: 16.666%;
+}
+
+.container_12 .suffix_4
+{
+	padding-right: 33.333%;
+}
+
+.container_12 .suffix_5
+{
+	padding-right: 41.666%;
+}
+
+.container_12 .suffix_7
+{
+	padding-right: 58.333%;
+}
+
+.container_12 .suffix_8
+{
+	padding-right: 66.666%;
+}
+
+.container_12 .suffix_10
+{
+	padding-right: 83.333%;
+}
+
+.container_12 .suffix_11
+{
+	padding-right: 91.666%;
+}
+
+/* =Suffix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1
+{
+	padding-right: 6.25%;
+}
+
+.container_16 .suffix_2
+{
+	padding-right: 16.5%;
+}
+
+.container_16 .suffix_3
+{
+	padding-right: 18.75%;
+}
+
+.container_16 .suffix_5
+{
+	padding-right: 31.25%;
+}
+
+.container_16 .suffix_6
+{
+	padding-right: 37.5%;
+}
+
+.container_16 .suffix_7
+{
+	padding-right: 43.75%;
+}
+
+.container_16 .suffix_9
+{
+	padding-right: 56.25%;
+}
+
+.container_16 .suffix_10
+{
+	padding-right: 62.5%;
+}
+
+.container_16 .suffix_11
+{
+	padding-right: 68.75%;
+}
+
+.container_16 .suffix_13
+{
+	padding-right: 81.25%;
+}
+
+.container_16 .suffix_14
+{
+	padding-right: 87.5%;
+}
+
+.container_16 .suffix_15
+{
+	padding-right: 93.75%;
+}
+
+/* =Clear Floated Elements
+--------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+html body * span.cl,
+html body * div.cl,
+html body * li.cl,
+html body * dd.cl,
+.cl
+{
+	background: none;
+	border: 0;
+	clear: both;
+	display: block;
+	float: none;
+	font-size: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://www.positioniseverything.net/easyclearing.html */
+
+.cl:after
+{
+	clear: both;
+	content: '.';
+	display: block;
+	visibility: hidden;
+	height: 0;
+}
+
+.cl
+{
+	display: inline-block;
+}
+
+* html .cl
+{
+	height: 1%;
+}
+
+.cl
+{
+	display: block;
 }

webroot/css/style.css

@@ -1,170 +1,170 @@
-/* 
-  style.css contains a reset, font normalization and some base styles.
-  
-  credit is left where credit is due.
-  additionally, much inspiration was taken from these projects:
-    yui.yahooapis.com/2.8.1/build/base/base.css
-    camendesign.com/design/
-    praegnanz.de/weblog/htmlcssjs-kickstart
-*/
-
-/* 
-  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
-  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
-  html5doctor.com/html-5-reset-stylesheet/
-*/
-
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, figure, footer, header, 
-hgroup, menu, nav, section, menu,
-time, mark, audio, video {
-  margin:0;
-  padding:0;
-  border:0;
-  outline:0;
-  font-size:100%;
-  vertical-align:baseline;
-  background:transparent;
-}                  
-
-article, aside, figure, footer, header, 
-hgroup, nav, section { display:block; }
-
-nav ul { list-style:none; }
-
-blockquote, q { quotes:none; }
-
-blockquote:before, blockquote:after,
-q:before, q:after { content:''; content:none; }
-
-a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
-
-ins { background-color:#ff9; color:#000; text-decoration:none; }
-
-mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
-
-del { text-decoration: line-through; }
-
-abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
-
-/* tables still need cellspacing="0" in the markup */
-table { border-collapse:collapse; border-spacing:0; }
-
-hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
-
-input, select { vertical-align:middle; }
-/* END RESET CSS */
-
-/* 
- * Fix overflow in IE 
- */
-html {
-	*overflow-x:hidden;	
-}
-
-/*
-fonts.css from the YUI Library: developer.yahoo.com/yui/
-          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
-
-There are three custom edits:
- * remove arial, helvetica from explicit font stack
- * make the line-height relative and unit-less
- * remove the pre, code styles
-*/
-body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
-
-table { font-size:inherit; font:100%; }
-
-select, input, textarea { font:99% sans-serif; }
-
-
-/* normalize monospace sizing 
- * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
- */
-pre, code, kbd, samp { font-family: monospace, sans-serif; }
- 
-
-
-/* 
- * minimal base styles 
- */
-
-
-/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
-body, select, input, textarea { color:#444; }
-
-/* Headers (h1,h2,etc) have no default font-size or margin,
-   you'll want to define those yourself. */ 
- 
-/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
-h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
-
-/* maxvoltar.com/archive/-webkit-font-smoothing */
-html { -webkit-font-smoothing: antialiased; }
-
- 
-/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
-a:hover, a:active { outline: none; }
-
-a, a:active, a:visited { color:#607890; }
-a:hover { color:#036; }
-
-
-ul { margin-left:30px; }
-ol { margin-left:30px; list-style-type: decimal; }
-
-small { font-size:85%; }
-strong, th { font-weight: bold; }
-
-td, td img { vertical-align:top; } 
-
-sub { vertical-align: sub; font-size: smaller; }
-sup { vertical-align: super; font-size: smaller; }
-
-pre { 
-  padding: 15px; 
-  
-  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
-  white-space: pre; /* CSS2 */
-  white-space: pre-wrap; /* CSS 2.1 */
-  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
-  word-wrap: break-word; /* IE */
-}
-
-/* align checkboxes, radios, text inputs with their label
-   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
-input[type="radio"] { vertical-align: text-bottom; }
-input[type="checkbox"] { margin:0; vertical-align:-2px; }
-.ie6 input { vertical-align: text-bottom; }
-
-/* hand cursor on clickable input elements */
-label, input[type=button], input[type=submit], button { cursor: pointer; }
-
-
-/* These selection declarations have to be separate.
-   No text-shadow: twitter.com/miketaylr/status/12228805301 
-   Also: hot pink. */
-::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
-::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
-
-/*  j.mp/webkit-tap-highlight-color */
-a:link { -webkit-tap-highlight-color: #FF5E99; } 
-
-
-/* make buttons play nice in IE:    
-   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
-button {  width: auto; overflow: visible; }
- 
-/* bicubic resizing for non-native sized IMG: 
-   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
-.ie7 img { -ms-interpolation-mode: bicubic; }
-
-
+/* 
+  style.css contains a reset, font normalization and some base styles.
+  
+  credit is left where credit is due.
+  additionally, much inspiration was taken from these projects:
+    yui.yahooapis.com/2.8.1/build/base/base.css
+    camendesign.com/design/
+    praegnanz.de/weblog/htmlcssjs-kickstart
+*/
+
+/* 
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+  html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, figure, footer, header, 
+hgroup, menu, nav, section, menu,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}                  
+
+article, aside, figure, footer, header, 
+hgroup, nav, section { display:block; }
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
+
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
+
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
+/* END RESET CSS */
+
+/* 
+ * Fix overflow in IE 
+ */
+html {
+	*overflow-x:hidden;	
+}
+
+/*
+fonts.css from the YUI Library: developer.yahoo.com/yui/
+          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
+
+There are three custom edits:
+ * remove arial, helvetica from explicit font stack
+ * make the line-height relative and unit-less
+ * remove the pre, code styles
+*/
+body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
+
+table { font-size:inherit; font:100%; }
+
+select, input, textarea { font:99% sans-serif; }
+
+
+/* normalize monospace sizing 
+ * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+ */
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+ 
+
+
+/* 
+ * minimal base styles 
+ */
+
+
+/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
+body, select, input, textarea { color:#444; }
+
+/* Headers (h1,h2,etc) have no default font-size or margin,
+   you'll want to define those yourself. */ 
+ 
+/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
+h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
+
+/* maxvoltar.com/archive/-webkit-font-smoothing */
+html { -webkit-font-smoothing: antialiased; }
+
+ 
+/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active { outline: none; }
+
+a, a:active, a:visited { color:#607890; }
+a:hover { color:#036; }
+
+
+ul { margin-left:30px; }
+ol { margin-left:30px; list-style-type: decimal; }
+
+small { font-size:85%; }
+strong, th { font-weight: bold; }
+
+td, td img { vertical-align:top; } 
+
+sub { vertical-align: sub; font-size: smaller; }
+sup { vertical-align: super; font-size: smaller; }
+
+pre { 
+  padding: 15px; 
+  
+  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
+}
+
+/* align checkboxes, radios, text inputs with their label
+   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { margin:0; vertical-align:-2px; }
+.ie6 input { vertical-align: text-bottom; }
+
+/* hand cursor on clickable input elements */
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+
+/* These selection declarations have to be separate.
+   No text-shadow: twitter.com/miketaylr/status/12228805301 
+   Also: hot pink. */
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
+
+/*  j.mp/webkit-tap-highlight-color */
+a:link { -webkit-tap-highlight-color: #FF5E99; } 
+
+
+/* make buttons play nice in IE:    
+   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+button {  width: auto; overflow: visible; }
+ 
+/* bicubic resizing for non-native sized IMG: 
+   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+

webroot/css/themes/black.css

@@ -1,28 +1,28 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1a1a1a;
-}
-a:hover {
-color:#1a1a1a;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
-	border:1px solid #3b3b3b;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #3b3b3b;
-}
-.triangle-ribbon {
-border-color:transparent #080808 transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
-border:1px solid #3b3b3b;
-}
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1a1a1a;
+}
+a:hover {
+color:#1a1a1a;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
+	border:1px solid #3b3b3b;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #3b3b3b;
+}
+.triangle-ribbon {
+border-color:transparent #080808 transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;
+border:1px solid #3b3b3b;
+}

webroot/css/themes/blue.css

@@ -1,29 +1,29 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1d94c3;	
-}
-a:hover{
-color:#1d94c3;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-blue.gif) repeat-x center top #166890;
-	border:1px solid #11506F;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #11506F;
-}
-.triangle-ribbon {
-border-color:transparent #0e425c transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-blue.gif) repeat-x center top #166890;
-border:1px solid #11506F;
-}
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1d94c3;	
+}
+a:hover{
+color:#1d94c3;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-blue.gif) repeat-x center top #166890;
+	border:1px solid #11506F;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #11506F;
+}
+.triangle-ribbon {
+border-color:transparent #0e425c transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-blue.gif) repeat-x center top #166890;
+border:1px solid #11506F;
+}

webroot/css/themes/dark.css

@@ -1,32 +1,32 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-body {
-	color:#f2f2f2;
-	background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top;
-}
-h1#logo {
-	background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent;
-}
-nav a, nav a:visited {
-	color:#f2f2f2;
-	text-shadow:0 1px 0 #000000;
-}
-nav a:hover  {
-	color:#d9d9d9;
-}
-#nav ul a {
-text-shadow:0 1px 0 #FFFFFF;	
-}
-
-footer {
-	color:#f2f2f2;
-}
-footer li a, footer li a:visited  {
-color:#f2f2f2;
-}
-footer li a:hover {
-	color:#d9d9d9;
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+body {
+	color:#f2f2f2;
+	background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top;
+}
+h1#logo {
+	background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent;
+}
+nav a, nav a:visited {
+	color:#f2f2f2;
+	text-shadow:0 1px 0 #000000;
+}
+nav a:hover  {
+	color:#d9d9d9;
+}
+#nav ul a {
+text-shadow:0 1px 0 #FFFFFF;	
+}
+
+footer {
+	color:#f2f2f2;
+}
+footer li a, footer li a:visited  {
+color:#f2f2f2;
+}
+footer li a:hover {
+	color:#d9d9d9;
 }

webroot/css/themes/green.css

@@ -1,29 +1,29 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#406f11;	
-}
-a:hover {
-color:#406f11;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-green.gif) repeat-x center top #518f14;
-	border:1px solid #406f11;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #406f11;
-}
-.triangle-ribbon {
-border-color:transparent #345c0d transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-green.gif) repeat-x center top #518f14;
-border:1px solid #406f11;
-}
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#406f11;	
+}
+a:hover {
+color:#406f11;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-green.gif) repeat-x center top #518f14;
+	border:1px solid #406f11;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #406f11;
+}
+.triangle-ribbon {
+border-color:transparent #345c0d transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-green.gif) repeat-x center top #518f14;
+border:1px solid #406f11;
+}

webroot/css/themes/grey.css

@@ -1,32 +1,32 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#1a1a1a;	
-}
-a:hover {
-color:#1a1a1a;	
-}
-
-
-h2.ribbon {
-	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
-	color:#444444;
-	border:1px solid #c3c3c3;
-	text-shadow:0 -1px 0 #FFFFFF;
-}
-.triangle-ribbon {
-border-color:transparent #8f8f8f transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
-border:1px solid #c3c3c3;
-color:#444444 !important;
-}
-.sidebar-nav li a:hover, .sidebar-nav li.current a {
-	color:#444444 !important;
-}
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#1a1a1a;	
+}
+a:hover {
+color:#1a1a1a;	
+}
+
+
+h2.ribbon {
+	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
+	color:#444444;
+	border:1px solid #c3c3c3;
+	text-shadow:0 -1px 0 #FFFFFF;
+}
+.triangle-ribbon {
+border-color:transparent #8f8f8f transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;
+border:1px solid #c3c3c3;
+color:#444444 !important;
+}
+.sidebar-nav li a:hover, .sidebar-nav li.current a {
+	color:#444444 !important;
+}

webroot/css/themes/light.css

@@ -1,31 +1,31 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-body {
-	color:#191919;
-	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;
-}
-h1#logo {
-	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;
-}
-nav a, nav a:visited {
-	color: #1a1a1a;	
-text-shadow:0 1px 0 #FFFFFF;
-}
-nav a:hover {
-	color:#666666;
-}
-
-
-
-footer {
-color:#666666;
-}
-footer li a, footer li a:visited  {
-color:#191919;
-}
-footer li a:hover {
-	color:#666666;
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+body {
+	color:#191919;
+	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;
+}
+h1#logo {
+	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;
+}
+nav a, nav a:visited {
+	color: #1a1a1a;	
+text-shadow:0 1px 0 #FFFFFF;
+}
+nav a:hover {
+	color:#666666;
+}
+
+
+
+footer {
+color:#666666;
+}
+footer li a, footer li a:visited  {
+color:#191919;
+}
+footer li a:hover {
+	color:#666666;
 }

webroot/css/themes/purple.css

@@ -1,28 +1,28 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#6f1156;	
-}
-a:hover {
-color:#6f1156;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
-	border:1px solid #6f1156;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1156;
-}
-.triangle-ribbon {
-border-color:transparent #5c0d47 transparent transparent;
-}
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
-border:1px solid #6f1156;
-}
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#6f1156;	
+}
+a:hover {
+color:#6f1156;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
+	border:1px solid #6f1156;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1156;
+}
+.triangle-ribbon {
+border-color:transparent #5c0d47 transparent transparent;
+}
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;
+border:1px solid #6f1156;
+}

webroot/css/themes/red.css

@@ -1,30 +1,30 @@
-/* 
-Kameleon Template
-Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-*/
-
-a, a:active, a:visited {
-color:#c31d25;	
-}
-a:hover {
-color:#c31d25;	
-}
-
-
-.ribbon {
-	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
-	border:1px solid #6f1811;
-	color:#FFFFFF;
-	text-shadow:0 -1px 0 #6f1811;
-}
-.triangle-ribbon {
-border-color:transparent #5c130d transparent transparent;
-}
-
-
-
-.sidebar-nav li.current {
-background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
-border:1px solid #6f1811;
-}
-
+/* 
+Kameleon Template
+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+*/
+
+a, a:active, a:visited {
+color:#c31d25;	
+}
+a:hover {
+color:#c31d25;	
+}
+
+
+.ribbon {
+	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
+	border:1px solid #6f1811;
+	color:#FFFFFF;
+	text-shadow:0 -1px 0 #6f1811;
+}
+.triangle-ribbon {
+border-color:transparent #5c130d transparent transparent;
+}
+
+
+
+.sidebar-nav li.current {
+background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;
+border:1px solid #6f1811;
+}
+

webroot/js/dd_belatedpng.js

@@ -1,328 +1,328 @@
-/**
-* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
-* Author: Drew Diller
-* Email: drew.diller@gmail.com
-* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
-* Version: 0.0.8a
-* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
-*
-* Example usage:
-* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
-* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
-**/
-
-/*
-PLEASE READ:
-Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
-*/
-
-var DD_belatedPNG = {
-	ns: 'DD_belatedPNG',
-	imgSize: {},
-	delay: 10,
-	nodesFixed: 0,
-	createVmlNameSpace: function () { /* enable VML */
-		if (document.namespaces && !document.namespaces[this.ns]) {
-			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
-		}
-	},
-	createVmlStyleSheet: function () { /* style VML, enable behaviors */
-		/*
-			Just in case lots of other developers have added
-			lots of other stylesheets using document.createStyleSheet
-			and hit the 31-limit mark, let's not use that method!
-			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
-		*/
-		var screenStyleSheet, printStyleSheet;
-		screenStyleSheet = document.createElement('style');
-		screenStyleSheet.setAttribute('media', 'screen');
-		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
-		if (screenStyleSheet.styleSheet) {
-			screenStyleSheet = screenStyleSheet.styleSheet;
-			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
-			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
-			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
-			this.screenStyleSheet = screenStyleSheet;
-			
-			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
-			/* Thanks to Rémi Prévost for automating this! */
-			printStyleSheet = document.createElement('style');
-			printStyleSheet.setAttribute('media', 'print');
-			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
-			printStyleSheet = printStyleSheet.styleSheet;
-			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
-			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
-		}
-	},
-	readPropertyChange: function () {
-		var el, display, v;
-		el = event.srcElement;
-		if (!el.vmlInitiated) {
-			return;
-		}
-		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
-			DD_belatedPNG.applyVML(el);
-		}
-		if (event.propertyName == 'style.display') {
-			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
-			for (v in el.vml) {
-				if (el.vml.hasOwnProperty(v)) {
-					el.vml[v].shape.style.display = display;
-				}
-			}
-		}
-		if (event.propertyName.search('filter') != -1) {
-			DD_belatedPNG.vmlOpacity(el);
-		}
-	},
-	vmlOpacity: function (el) {
-		if (el.currentStyle.filter.search('lpha') != -1) {
-			var trans = el.currentStyle.filter;
-			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
-			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
-			el.vml.image.fill.opacity = trans; /* complete guesswork */
-		}
-	},
-	handlePseudoHover: function (el) {
-		setTimeout(function () { /* wouldn't work as intended without setTimeout */
-			DD_belatedPNG.applyVML(el);
-		}, 1);
-	},
-	/**
-	* This is the method to use in a document.
-	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
-	**/
-	fix: function (selector) {
-		if (this.screenStyleSheet) {
-			var selectors, i;
-			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
-			for (i=0; i<selectors.length; i++) {
-				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
-			}
-		}
-	},
-	applyVML: function (el) {
-		el.runtimeStyle.cssText = '';
-		this.vmlFill(el);
-		this.vmlOffsets(el);
-		this.vmlOpacity(el);
-		if (el.isImg) {
-			this.copyImageBorders(el);
-		}
-	},
-	attachHandlers: function (el) {
-		var self, handlers, handler, moreForAs, a, h;
-		self = this;
-		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
-		if (el.nodeName == 'A') {
-			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
-			for (a in moreForAs) {			
-				if (moreForAs.hasOwnProperty(a)) {
-					handlers[a] = moreForAs[a];
-				}
-			}
-		}
-		for (h in handlers) {
-			if (handlers.hasOwnProperty(h)) {
-				handler = function () {
-					self[handlers[h]](el);
-				};
-				el.attachEvent('on' + h, handler);
-			}
-		}
-		el.attachEvent('onpropertychange', this.readPropertyChange);
-	},
-	giveLayout: function (el) {
-		el.style.zoom = 1;
-		if (el.currentStyle.position == 'static') {
-			el.style.position = 'relative';
-		}
-	},
-	copyImageBorders: function (el) {
-		var styles, s;
-		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
-		for (s in styles) {
-			if (styles.hasOwnProperty(s)) {
-				el.vml.color.shape.style[s] = el.currentStyle[s];
-			}
-		}
-	},
-	vmlFill: function (el) {
-		if (!el.currentStyle) {
-			return;
-		} else {
-			var elStyle, noImg, lib, v, img, imgLoaded;
-			elStyle = el.currentStyle;
-		}
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				el.vml[v].shape.style.zIndex = elStyle.zIndex;
-			}
-		}
-		el.runtimeStyle.backgroundColor = '';
-		el.runtimeStyle.backgroundImage = '';
-		noImg = true;
-		if (elStyle.backgroundImage != 'none' || el.isImg) {
-			if (!el.isImg) {
-				el.vmlBg = elStyle.backgroundImage;
-				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
-			}
-			else {
-				el.vmlBg = el.src;
-			}
-			lib = this;
-			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
-				img = document.createElement('img');
-				lib.imgSize[el.vmlBg] = img;
-				img.className = lib.ns + '_sizeFinder';
-				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
-				imgLoaded = function () {
-					this.width = this.offsetWidth; /* weird cache-busting requirement! */
-					this.height = this.offsetHeight;
-					lib.vmlOffsets(el);
-				};
-				img.attachEvent('onload', imgLoaded);
-				img.src = el.vmlBg;
-				img.removeAttribute('width');
-				img.removeAttribute('height');
-				document.body.insertBefore(img, document.body.firstChild);
-			}
-			el.vml.image.fill.src = el.vmlBg;
-			noImg = false;
-		}
-		el.vml.image.fill.on = !noImg;
-		el.vml.image.fill.color = 'none';
-		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
-		el.runtimeStyle.backgroundImage = 'none';
-		el.runtimeStyle.backgroundColor = 'transparent';
-	},
-	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
-	vmlOffsets: function (el) {
-		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
-		thisStyle = el.currentStyle;
-		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
-		fudge = (size.L + size.bLW == 1) ? 1 : 0;
-		/* vml shape, left, top, width, height, origin */
-		makeVisible = function (vml, l, t, w, h, o) {
-			vml.coordsize = w+','+h;
-			vml.coordorigin = o+','+o;
-			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
-			vml.style.width = w + 'px';
-			vml.style.height = h + 'px';
-			vml.style.left = l + 'px';
-			vml.style.top = t + 'px';
-		};
-		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
-		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
-		bg = {'X':0, 'Y':0};
-		if (el.isImg) {
-			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
-			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
-		}
-		else {
-			for (b in bg) {
-				if (bg.hasOwnProperty(b)) {
-					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
-				}
-			}
-		}
-		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
-		bgR = thisStyle.backgroundRepeat;
-		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
-		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
-		if (bgR != 'repeat' || el.isImg) {
-			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
-			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
-				v = bgR.split('repeat-')[1].toUpperCase();
-				c[altC[v].b1] = 1;
-				c[altC[v].b2] = size[altC[v].d];
-			}
-			if (c.B > size.H) {
-				c.B = size.H;
-			}
-			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
-		}
-		else {
-			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
-		}
-	},
-	figurePercentage: function (bg, size, axis, position) {
-		var horizontal, fraction;
-		fraction = true;
-		horizontal = (axis == 'X');
-		switch(position) {
-			case 'left':
-			case 'top':
-				bg[axis] = 0;
-				break;
-			case 'center':
-				bg[axis] = 0.5;
-				break;
-			case 'right':
-			case 'bottom':
-				bg[axis] = 1;
-				break;
-			default:
-				if (position.search('%') != -1) {
-					bg[axis] = parseInt(position, 10) / 100;
-				}
-				else {
-					fraction = false;
-				}
-		}
-		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
-		if (bg[axis] % 2 === 0) {
-			bg[axis]++;
-		}
-		return bg[axis];
-	},
-	fixPng: function (el) {
-		el.style.behavior = 'none';
-		var lib, els, nodeStr, v, e;
-		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
-			return;
-		}
-		el.isImg = false;
-		if (el.nodeName == 'IMG') {
-			if(el.src.toLowerCase().search(/\.png$/) != -1) {
-				el.isImg = true;
-				el.style.visibility = 'hidden';
-			}
-			else {
-				return;
-			}
-		}
-		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
-			return;
-		}
-		lib = DD_belatedPNG;
-		el.vml = {color: {}, image: {}};
-		els = {shape: {}, fill: {}};
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				for (e in els) {
-					if (els.hasOwnProperty(e)) {
-						nodeStr = lib.ns + ':' + e;
-						el.vml[v][e] = document.createElement(nodeStr);
-					}
-				}
-				el.vml[v].shape.stroked = false;
-				el.vml[v].shape.appendChild(el.vml[v].fill);
-				el.parentNode.insertBefore(el.vml[v].shape, el);
-			}
-		}
-		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
-		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
-		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
-		lib.attachHandlers(el);
-		lib.giveLayout(el);
-		lib.giveLayout(el.offsetParent);
-		el.vmlInitiated = true;
-		lib.applyVML(el); /* Render! */
-	}
-};
-try {
-	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
-} catch(r) {}
-DD_belatedPNG.createVmlNameSpace();
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+
+/*
+PLEASE READ:
+Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
+*/
+
+var DD_belatedPNG = {
+	ns: 'DD_belatedPNG',
+	imgSize: {},
+	delay: 10,
+	nodesFixed: 0,
+	createVmlNameSpace: function () { /* enable VML */
+		if (document.namespaces && !document.namespaces[this.ns]) {
+			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
+		}
+	},
+	createVmlStyleSheet: function () { /* style VML, enable behaviors */
+		/*
+			Just in case lots of other developers have added
+			lots of other stylesheets using document.createStyleSheet
+			and hit the 31-limit mark, let's not use that method!
+			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
+		*/
+		var screenStyleSheet, printStyleSheet;
+		screenStyleSheet = document.createElement('style');
+		screenStyleSheet.setAttribute('media', 'screen');
+		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
+		if (screenStyleSheet.styleSheet) {
+			screenStyleSheet = screenStyleSheet.styleSheet;
+			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
+			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
+			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
+			this.screenStyleSheet = screenStyleSheet;
+			
+			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
+			/* Thanks to Rémi Prévost for automating this! */
+			printStyleSheet = document.createElement('style');
+			printStyleSheet.setAttribute('media', 'print');
+			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
+			printStyleSheet = printStyleSheet.styleSheet;
+			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
+			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
+		}
+	},
+	readPropertyChange: function () {
+		var el, display, v;
+		el = event.srcElement;
+		if (!el.vmlInitiated) {
+			return;
+		}
+		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
+			DD_belatedPNG.applyVML(el);
+		}
+		if (event.propertyName == 'style.display') {
+			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
+			for (v in el.vml) {
+				if (el.vml.hasOwnProperty(v)) {
+					el.vml[v].shape.style.display = display;
+				}
+			}
+		}
+		if (event.propertyName.search('filter') != -1) {
+			DD_belatedPNG.vmlOpacity(el);
+		}
+	},
+	vmlOpacity: function (el) {
+		if (el.currentStyle.filter.search('lpha') != -1) {
+			var trans = el.currentStyle.filter;
+			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
+			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
+			el.vml.image.fill.opacity = trans; /* complete guesswork */
+		}
+	},
+	handlePseudoHover: function (el) {
+		setTimeout(function () { /* wouldn't work as intended without setTimeout */
+			DD_belatedPNG.applyVML(el);
+		}, 1);
+	},
+	/**
+	* This is the method to use in a document.
+	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
+	**/
+	fix: function (selector) {
+		if (this.screenStyleSheet) {
+			var selectors, i;
+			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
+			for (i=0; i<selectors.length; i++) {
+				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
+			}
+		}
+	},
+	applyVML: function (el) {
+		el.runtimeStyle.cssText = '';
+		this.vmlFill(el);
+		this.vmlOffsets(el);
+		this.vmlOpacity(el);
+		if (el.isImg) {
+			this.copyImageBorders(el);
+		}
+	},
+	attachHandlers: function (el) {
+		var self, handlers, handler, moreForAs, a, h;
+		self = this;
+		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
+		if (el.nodeName == 'A') {
+			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
+			for (a in moreForAs) {			
+				if (moreForAs.hasOwnProperty(a)) {
+					handlers[a] = moreForAs[a];
+				}
+			}
+		}
+		for (h in handlers) {
+			if (handlers.hasOwnProperty(h)) {
+				handler = function () {
+					self[handlers[h]](el);
+				};
+				el.attachEvent('on' + h, handler);
+			}
+		}
+		el.attachEvent('onpropertychange', this.readPropertyChange);
+	},
+	giveLayout: function (el) {
+		el.style.zoom = 1;
+		if (el.currentStyle.position == 'static') {
+			el.style.position = 'relative';
+		}
+	},
+	copyImageBorders: function (el) {
+		var styles, s;
+		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
+		for (s in styles) {
+			if (styles.hasOwnProperty(s)) {
+				el.vml.color.shape.style[s] = el.currentStyle[s];
+			}
+		}
+	},
+	vmlFill: function (el) {
+		if (!el.currentStyle) {
+			return;
+		} else {
+			var elStyle, noImg, lib, v, img, imgLoaded;
+			elStyle = el.currentStyle;
+		}
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				el.vml[v].shape.style.zIndex = elStyle.zIndex;
+			}
+		}
+		el.runtimeStyle.backgroundColor = '';
+		el.runtimeStyle.backgroundImage = '';
+		noImg = true;
+		if (elStyle.backgroundImage != 'none' || el.isImg) {
+			if (!el.isImg) {
+				el.vmlBg = elStyle.backgroundImage;
+				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
+			}
+			else {
+				el.vmlBg = el.src;
+			}
+			lib = this;
+			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
+				img = document.createElement('img');
+				lib.imgSize[el.vmlBg] = img;
+				img.className = lib.ns + '_sizeFinder';
+				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
+				imgLoaded = function () {
+					this.width = this.offsetWidth; /* weird cache-busting requirement! */
+					this.height = this.offsetHeight;
+					lib.vmlOffsets(el);
+				};
+				img.attachEvent('onload', imgLoaded);
+				img.src = el.vmlBg;
+				img.removeAttribute('width');
+				img.removeAttribute('height');
+				document.body.insertBefore(img, document.body.firstChild);
+			}
+			el.vml.image.fill.src = el.vmlBg;
+			noImg = false;
+		}
+		el.vml.image.fill.on = !noImg;
+		el.vml.image.fill.color = 'none';
+		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
+		el.runtimeStyle.backgroundImage = 'none';
+		el.runtimeStyle.backgroundColor = 'transparent';
+	},
+	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
+	vmlOffsets: function (el) {
+		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
+		thisStyle = el.currentStyle;
+		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
+		fudge = (size.L + size.bLW == 1) ? 1 : 0;
+		/* vml shape, left, top, width, height, origin */
+		makeVisible = function (vml, l, t, w, h, o) {
+			vml.coordsize = w+','+h;
+			vml.coordorigin = o+','+o;
+			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
+			vml.style.width = w + 'px';
+			vml.style.height = h + 'px';
+			vml.style.left = l + 'px';
+			vml.style.top = t + 'px';
+		};
+		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
+		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
+		bg = {'X':0, 'Y':0};
+		if (el.isImg) {
+			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
+			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
+		}
+		else {
+			for (b in bg) {
+				if (bg.hasOwnProperty(b)) {
+					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
+				}
+			}
+		}
+		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
+		bgR = thisStyle.backgroundRepeat;
+		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
+		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
+		if (bgR != 'repeat' || el.isImg) {
+			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
+			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
+				v = bgR.split('repeat-')[1].toUpperCase();
+				c[altC[v].b1] = 1;
+				c[altC[v].b2] = size[altC[v].d];
+			}
+			if (c.B > size.H) {
+				c.B = size.H;
+			}
+			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
+		}
+		else {
+			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
+		}
+	},
+	figurePercentage: function (bg, size, axis, position) {
+		var horizontal, fraction;
+		fraction = true;
+		horizontal = (axis == 'X');
+		switch(position) {
+			case 'left':
+			case 'top':
+				bg[axis] = 0;
+				break;
+			case 'center':
+				bg[axis] = 0.5;
+				break;
+			case 'right':
+			case 'bottom':
+				bg[axis] = 1;
+				break;
+			default:
+				if (position.search('%') != -1) {
+					bg[axis] = parseInt(position, 10) / 100;
+				}
+				else {
+					fraction = false;
+				}
+		}
+		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
+		if (bg[axis] % 2 === 0) {
+			bg[axis]++;
+		}
+		return bg[axis];
+	},
+	fixPng: function (el) {
+		el.style.behavior = 'none';
+		var lib, els, nodeStr, v, e;
+		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
+			return;
+		}
+		el.isImg = false;
+		if (el.nodeName == 'IMG') {
+			if(el.src.toLowerCase().search(/\.png$/) != -1) {
+				el.isImg = true;
+				el.style.visibility = 'hidden';
+			}
+			else {
+				return;
+			}
+		}
+		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
+			return;
+		}
+		lib = DD_belatedPNG;
+		el.vml = {color: {}, image: {}};
+		els = {shape: {}, fill: {}};
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				for (e in els) {
+					if (els.hasOwnProperty(e)) {
+						nodeStr = lib.ns + ':' + e;
+						el.vml[v][e] = document.createElement(nodeStr);
+					}
+				}
+				el.vml[v].shape.stroked = false;
+				el.vml[v].shape.appendChild(el.vml[v].fill);
+				el.parentNode.insertBefore(el.vml[v].shape, el);
+			}
+		}
+		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
+		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
+		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
+		lib.attachHandlers(el);
+		lib.giveLayout(el);
+		lib.giveLayout(el.offsetParent);
+		el.vmlInitiated = true;
+		lib.applyVML(el); /* Render! */
+	}
+};
+try {
+	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
+} catch(r) {}
+DD_belatedPNG.createVmlNameSpace();
 DD_belatedPNG.createVmlStyleSheet();

webroot/js/functions.js

@@ -1,46 +1,46 @@
-// Kameleon Template
-//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
-
-// Cufon Setup
-jQuery(document).ready(function($) {
-Cufon.replace('h3,h4,h5,.process,#tagline ');
-
-
-//Portfolio Hover Effect
-	$('.portfolio-small li img, .portfolio-list li img').hover(function() {
-		
-		$(this).children('a').show();
-		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300);
-		$(this).stop().css('opacity', 1);
-		
-	}, function() {
-		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300);
-		
-	});
-
-//Homepage Screenshot Scroll
-$(".scrollable").scrollable();
-
-
-//LightBox Setup
- $('.portfolio-small a, .portfolio-list a').lightBox({
-	 fixedNavigation:true,
-	 overlayOpacity: 0.8,
-	imageLoading: 'img/lightbox/lightbox-ico-loading.gif',
-	imageBtnClose: 'img/lightbox/lightbox-btn-close.gif',
-	imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif',
-	imageBtnNext: 'img/lightbox/lightbox-btn-next.gif',
-	imageBlank: 'img/lightbox/lightbox-blank.gif'
-	 
-	 });
-
-// Tipsy Tooltips
-$('.tooltip').tipsy({fade: true});
-$('.tooltip.north').tipsy({fade: true, gravity: 's'});
-$('.tooltip.east').tipsy({fade: true, gravity: 'w'});
-$('.tooltip.west').tipsy({fade: true, gravity: 'e'});
-// Form Tooltips
-$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'});	
-
-	 
-}); 
+// Kameleon Template
+//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)
+
+// Cufon Setup
+jQuery(document).ready(function($) {
+Cufon.replace('h3,h4,h5,.process,#tagline ');
+
+
+//Portfolio Hover Effect
+	$('.portfolio-small li img, .portfolio-list li img').hover(function() {
+		
+		$(this).children('a').show();
+		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300);
+		$(this).stop().css('opacity', 1);
+		
+	}, function() {
+		$('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300);
+		
+	});
+
+//Homepage Screenshot Scroll
+$(".scrollable").scrollable();
+
+
+//LightBox Setup
+ $('.portfolio-small a, .portfolio-list a').lightBox({
+	 fixedNavigation:true,
+	 overlayOpacity: 0.8,
+	imageLoading: 'img/lightbox/lightbox-ico-loading.gif',
+	imageBtnClose: 'img/lightbox/lightbox-btn-close.gif',
+	imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif',
+	imageBtnNext: 'img/lightbox/lightbox-btn-next.gif',
+	imageBlank: 'img/lightbox/lightbox-blank.gif'
+	 
+	 });
+
+// Tipsy Tooltips
+$('.tooltip').tipsy({fade: true});
+$('.tooltip.north').tipsy({fade: true, gravity: 's'});
+$('.tooltip.east').tipsy({fade: true, gravity: 'w'});
+$('.tooltip.west').tipsy({fade: true, gravity: 'e'});
+// Form Tooltips
+$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'});	
+
+	 
+}); 

webroot/js/jquery.anchor.js

@@ -1,39 +1,39 @@
-/*******
-
-	***	Anchor Slider by Cedric Dugas   ***
-	*** Http://www.position-absolute.com ***
-	
-	Never have an anchor jumping your content, slide it.
-
-	Don't forget to put an id to your anchor !
-	You can use and modify this script for any project you want, but please leave this comment as credit.
-	
-*****/
-		
-
-
-$(document).ready(function() {
-	$("a.anchorLink").anchorAnimate()
-});
-
-jQuery.fn.anchorAnimate = function(settings) {
-
- 	settings = jQuery.extend({
-		speed : 1100
-	}, settings);	
-	
-	return this.each(function(){
-		var caller = this
-		$(caller).click(function (event) {	
-			event.preventDefault()
-			var locationHref = window.location.href
-			var elementClick = $(caller).attr("href")
-			
-			var destination = $(elementClick).offset().top;
-			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
-				window.location.hash = elementClick
-			});
-		  	return false;
-		})
-	})
+/*******
+
+	***	Anchor Slider by Cedric Dugas   ***
+	*** Http://www.position-absolute.com ***
+	
+	Never have an anchor jumping your content, slide it.
+
+	Don't forget to put an id to your anchor !
+	You can use and modify this script for any project you want, but please leave this comment as credit.
+	
+*****/
+		
+
+
+$(document).ready(function() {
+	$("a.anchorLink").anchorAnimate()
+});
+
+jQuery.fn.anchorAnimate = function(settings) {
+
+ 	settings = jQuery.extend({
+		speed : 1100
+	}, settings);	
+	
+	return this.each(function(){
+		var caller = this
+		$(caller).click(function (event) {	
+			event.preventDefault()
+			var locationHref = window.location.href
+			var elementClick = $(caller).attr("href")
+			
+			var destination = $(elementClick).offset().top;
+			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
+				window.location.hash = elementClick
+			});
+		  	return false;
+		})
+	})
 }

webroot/js/jquery.form.js

@@ -1,37 +1,37 @@
-jQuery(document).ready(function(){
-	
-	$('#contactform').submit(function(){
-	
-		var action = $(this).attr('action');
-		
-		$("#message").slideUp(750,function() {
-		$('#message').hide();
-		
- 		$('#submit')
-			.after('<img src="./img/form/ajax-loader.gif" class="loader" />')
-			.attr('disabled','disabled');
-		
-		$.post(action, { 
-			name: $('#name').val(),
-			email: $('#email').val(),
-			subject: $('#subject').val(),
-			comments: $('#comments').val(),
-			verify: $('#verify').val()
-		},
-			function(data){
-				document.getElementById('message').innerHTML = data;
-				$('#message').slideDown('slow');
-				$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
-				$('#contactform #submit').attr('disabled',''); 
-				if(data.match('success') != null) $('#contactform').slideUp('slow');
-				
-			}
-		);
-		
-		});
-		
-		return false; 
-	
-	});
-	
+jQuery(document).ready(function(){
+	
+	$('#contactform').submit(function(){
+	
+		var action = $(this).attr('action');
+		
+		$("#message").slideUp(750,function() {
+		$('#message').hide();
+		
+ 		$('#submit')
+			.after('<img src="./img/form/ajax-loader.gif" class="loader" />')
+			.attr('disabled','disabled');
+		
+		$.post(action, { 
+			name: $('#name').val(),
+			email: $('#email').val(),
+			subject: $('#subject').val(),
+			comments: $('#comments').val(),
+			verify: $('#verify').val()
+		},
+			function(data){
+				document.getElementById('message').innerHTML = data;
+				$('#message').slideDown('slow');
+				$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
+				$('#contactform #submit').attr('disabled',''); 
+				if(data.match('success') != null) $('#contactform').slideUp('slow');
+				
+			}
+		);
+		
+		});
+		
+		return false; 
+	
+	});
+	
 });

webroot/js/jquery.lightbox-0.5.min.js

@@ -1,42 +1,42 @@
-/**
- * jQuery lightBox plugin
- * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
- * and adapted to me for use like a plugin from jQuery.
- * @name jquery-lightbox-0.5.js
- * @author Leandro Vieira Pinho - http://leandrovieira.com
- * @version 0.5
- * @date April 11, 2008
- * @category jQuery plugin
- * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
- * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
- * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
- */
-(function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;}
-function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}}
-while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;}
-_set_image_to_view();}
-function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});}
-function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}
-var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}}
-$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();}
-if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}}
-function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}}
-if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}}
-_enable_keyboard_navigation();}
-function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});}
-function _disable_keyboard_navigation(){$(document).unbind();}
-function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;}
-key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();}
-if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}}
-if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}}
-function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];}
-if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}}
-function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});}
-function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;}
-var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;}
-windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
-if(yScroll<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
-if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
-arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
-arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();}
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.5.js
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.5
+ * @date April 11, 2008
+ * @category jQuery plugin
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+(function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;}
+function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}}
+while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;}
+_set_image_to_view();}
+function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});}
+function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}
+var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}}
+$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();}
+if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}}
+function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}}
+if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}}
+_enable_keyboard_navigation();}
+function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});}
+function _disable_keyboard_navigation(){$(document).unbind();}
+function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;}
+key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();}
+if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}}
+if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}}
+function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];}
+if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}}
+function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});}
+function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;}
+var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;}
+windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
+if(yScroll<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
+if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
+arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
+arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();}
 while(curDate-date<ms);};return this.unbind('click').click(_initialize);};})(jQuery);