diff --git a/.tern-project b/.tern-project
new file mode 100644
index 00000000..fa48932d
--- /dev/null
+++ b/.tern-project
@@ -0,0 +1,18 @@
+{
+  "libs": [
+    "browser",
+    "jquery",
+    "underscore",
+    "is",
+    "ember"
+  ],
+  "loadEagerly": [
+    "app/app/*.js"
+  ],
+  "plugins": {
+    "requirejs": {
+      "baseURL": "./",
+      "paths": {}
+    }
+  }
+}
diff --git a/app/app/components/document/document-sidebar-toc.js b/app/app/components/document/document-sidebar-toc.js
index e5dc1e87..4fc5a44c 100644
--- a/app/app/components/document/document-sidebar-toc.js
+++ b/app/app/components/document/document-sidebar-toc.js
@@ -12,6 +12,7 @@
 import Ember from 'ember';
 import NotifierMixin from '../../mixins/notifier';
 import TooltipMixin from '../../mixins/tooltip';
+import tocUtil from '../../utils/toc';
 
 export default Ember.Component.extend(NotifierMixin, TooltipMixin, {
     document: {},
@@ -77,332 +78,99 @@ export default Ember.Component.extend(NotifierMixin, TooltipMixin, {
     // Controls what user can do with the toc (left sidebar).
     // Identifies the target pages.
     setState(pageId) {
-        // defaults
-        this.set('tocTools.UpTarget', "");
-        this.set('tocTools.DownTarget', "");
-        this.set('tocTools.AllowIndent', false);
-        this.set('tocTools.AllowOutdent', false);
-        this.set('actionablePage', false);
-        this.set('upDisabled', true);
-        this.set('downDisabled', true);
-        this.set('indentDisabled', true);
-        this.set('outdentDisabled', true);
+		this.set('page', pageId);
+
+        let toc = this.get('pages');
+        let page = _.findWhere(toc, { id: pageId });
+
+		let state = tocUtil.getState(toc, page);
 
         if (!this.get('isEditor') || is.empty(pageId)) {
-            return;
+			state.actionablePage = state.upDisabled = state.downDisabled = state.indentDisabled = state.outdentDisabled = false;
         }
 
-        this.set('page', pageId);
-
-        var toc = this.get('pages');
-        var page = _.findWhere(toc, {
-            id: pageId
-        });
-
-        // handle root node
-        if (is.undefined(page) || page.level === 1) {
-            return;
-        }
-
-        var index = _.indexOf(toc, page, false);
-
-        if (index === -1) {
-            return;
-        }
-
-        var upPage = toc[index - 1];
-        var downPage = toc[index + 1];
-
-        if (_.isUndefined(upPage)) {
-            this.set('tocTools.UpTarget', "");
-        }
-
-        if (_.isUndefined(downPage)) {
-            this.set('tocTools.DownTarget', "");
-        }
-
-        // can we go up?
-        // can we indent?
-        if (!_.isUndefined(upPage)) {
-            // can only go up if someone is same or higher level?
-            var index2 = _.indexOf(toc, upPage, false);
-
-            if (index2 !== -1) {
-                // up
-                for (var i = index2; i > 0; i--) {
-                    if (page.level > toc[i].level) {
-                        break;
-                    }
-
-                    if (page.level === toc[i].level) {
-                        this.set('tocTools.UpTarget', toc[i].id);
-                        break;
-                    }
-                }
-
-                // indent?
-                for (var i2 = index2; i2 > 0; i2--) {
-                    if (toc[i2].level < page.level) {
-                        this.set('tocTools.AllowIndent', false);
-                        break;
-                    }
-
-                    if (page.level === toc[i2].level) {
-                        this.set('tocTools.AllowIndent', true);
-                        break;
-                    }
-                }
-            }
-
-            // if page above is root node then some things you can't do
-            if (upPage.level === 1) {
-                this.set('tocTools.AllowIndent', false);
-                this.set('tocTools.UpTarget', "");
-            }
-        }
-
-        // can we go down?
-        if (!_.isUndefined(downPage)) {
-            // can only go down if someone below is at our level or higher
-            var index3 = _.indexOf(toc, downPage, false);
-
-            if (index3 !== -1) {
-                for (var i3 = index3; i3 < toc.length; i3++) {
-                    if (toc[i3].level < page.level) {
-                        break;
-                    }
-
-                    if (page.level === toc[i3].level) {
-                        this.set('tocTools.DownTarget', toc[i3].id);
-                        break;
-                    }
-                }
-            }
-
-            if (page.level > downPage.level) {
-                this.set('tocTools.DownTarget', "");
-            }
-        }
-
-        // can we outdent?
-        this.set('tocTools.AllowOutdent', page.level > 2);
-
-        this.set('upDisabled', this.get('tocTools.UpTarget') === "");
-        this.set('downDisabled', this.get('tocTools.DownTarget') === "");
-        this.set('indentDisabled', !this.get('tocTools.AllowIndent'));
-        this.set('outdentDisabled', !this.get('tocTools.AllowOutdent'));
-
-        this.set('actionablePage',
-            is.not.empty(this.get('tocTools.UpTarget')) ||
-            is.not.empty(this.get('tocTools.DownTarget')) ||
-            this.get('tocTools.AllowIndent') ||
-            this.get('tocTools.AllowOutdent'));
+		this.set('state', state);
     },
 
     actions: {
         // Page up - above pages shunt down.
         pageUp() {
-            if (this.upDisabled) {
+			if (this.get('state.upDisabled')) {
                 return;
             }
 
-            var pages = this.get('pages');
-            var current = _.findWhere(pages, {
-                id: this.get('page')
-            });
-            var page1 = _.findWhere(pages, {
-                id: this.tocTools.UpTarget
-            });
-            var page2 = null;
-            var pendingChanges = [];
+			let state = this.get('state');
+			let pages = this.get('pages');
+			let page = _.findWhere(pages, { id: this.get('page') });
+			let pendingChanges = tocUtil.moveUp(state, pages, page);
 
-            if (is.undefined(current) || is.undefined(page1)) {
-                return;
-            }
+			if (pendingChanges.length > 0) {
+				this.attrs.changePageSequence(pendingChanges);
 
-            var index1 = _.indexOf(pages, page1, false);
-
-            if (index1 !== -1 && index1 > 1) {
-                page2 = pages[index1 - 1];
-            }
-
-            var sequence1 = page1.sequence;
-            var sequence2 = is.not.null(page2) ? page2.sequence : 1024;
-
-            var index = _.indexOf(pages, current, false);
-
-            if (index !== -1) {
-                var sequence = (sequence1 + sequence2) / 2;
-
-                pendingChanges.push({
-                    pageId: current.id,
-                    sequence: sequence
-                });
-
-                for (var i = index + 1; i < pages.length; i++) {
-                    if (pages[i].level <= current.level) {
-                        break;
-                    }
-
-                    sequence = (sequence + page1.sequence) / 2;
-
-                    pendingChanges.push({
-                        pageId: pages[i].id,
-                        sequence: sequence
-                    });
-                }
-            }
-
-            this.attrs.changePageSequence(pendingChanges);
-
-            this.send('onEntryClick', this.get('page'));
-            this.audit.record("moved-page-up");
-            this.showNotification("Moved up");
+	            this.send('onEntryClick', this.get('page'));
+	            this.audit.record("moved-page-up");
+	            this.showNotification("Moved up");
+			}
         },
 
         // Move down -- pages below shift up.
         pageDown() {
-            if (this.downDisabled) {
+			if (this.get('state.downDisabled')) {
                 return;
             }
 
+			let state = this.get('state');
             var pages = this.get('pages');
-            var current = _.findWhere(pages, {
-                id: this.get('page')
-            });
-            var pageIndex = _.indexOf(pages, current, false);
-            var downTarget = _.findWhere(pages, {
-                id: this.tocTools.DownTarget
-            });
-            var downTargetIndex = _.indexOf(pages, downTarget, false);
-            var pendingChanges = [];
+            var page = _.findWhere(pages, { id: this.get('page') });
+			let pendingChanges = tocUtil.moveDown(state, pages, page);
 
-            if (pageIndex === -1 || downTargetIndex === -1) {
-                return;
-            }
+			if (pendingChanges.length > 0) {
+	            this.attrs.changePageSequence(pendingChanges);
 
-            var startingSequence = 0;
-            var upperSequence = 0;
-            var cutOff = _.rest(pages, downTargetIndex);
-            var siblings = _.reject(cutOff, function(p) {
-                return p.level !== current.level || p.id === current.id || p.id === downTarget.id;
-            });
-
-            if (siblings.length > 0) {
-                var aboveThisGuy = siblings[0];
-                var belowThisGuy = pages[_.indexOf(pages, aboveThisGuy, false) - 1];
-
-                if (is.not.null(belowThisGuy) && belowThisGuy.level > current.level) {
-                    startingSequence = (aboveThisGuy.sequence + belowThisGuy.sequence) / 2;
-                    upperSequence = aboveThisGuy.sequence;
-                } else {
-                    var otherGuy = pages[downTargetIndex + 1];
-
-                    startingSequence = (otherGuy.sequence + downTarget.sequence) / 2;
-                    upperSequence = otherGuy.sequence;
-                }
-            } else {
-                startingSequence = downTarget.sequence * 2;
-                upperSequence = startingSequence * 2;
-            }
-
-            pendingChanges.push({
-                pageId: current.id,
-                sequence: startingSequence
-            });
-
-            var sequence = (startingSequence + upperSequence) / 2;
-
-            for (var i = pageIndex + 1; i < pages.length; i++) {
-                if (pages[i].level <= current.level) {
-                    break;
-                }
-
-                var sequence2 = (sequence + upperSequence) / 2;
-
-                pendingChanges.push({
-                    pageId: pages[i].id,
-                    sequence: sequence2
-                });
-            }
-
-            this.attrs.changePageSequence(pendingChanges);
-
-            this.send('onEntryClick', this.get('page'));
-            this.audit.record("moved-page-down");
-            this.showNotification("Moved down");
+	            this.send('onEntryClick', this.get('page'));
+	            this.audit.record("moved-page-down");
+	            this.showNotification("Moved down");
+			}
         },
 
         // Indent - changes a page from H2 to H3, etc.
         pageIndent() {
-            if (this.indentDisabled) {
+			if (this.get('state.indentDisabled')) {
                 return;
             }
 
+			let state = this.get('state');
             var pages = this.get('pages');
-            var current = _.findWhere(pages, {
-                id: this.get('page')
-            });
-            var pageIndex = _.indexOf(pages, current, false);
-            var pendingChanges = [];
+            var page = _.findWhere(pages, { id: this.get('page') });
+			let pendingChanges = tocUtil.indent(state, pages, page);
 
-            pendingChanges.push({
-                pageId: current.id,
-                level: current.level + 1
-            });
+			if (pendingChanges.length > 0) {
+	            this.attrs.changePageLevel(pendingChanges);
 
-            for (var i = pageIndex + 1; i < pages.length; i++) {
-                if (pages[i].level <= current.level) {
-                    break;
-                }
-
-                pendingChanges.push({
-                    pageId: pages[i].id,
-                    level: pages[i].level + 1
-                });
-            }
-
-            this.attrs.changePageLevel(pendingChanges);
-
-            this.showNotification("Indent");
-            this.audit.record("changed-page-sequence");
-            this.send('onEntryClick', this.get('page'));
+	            this.showNotification("Indent");
+	            this.audit.record("changed-page-sequence");
+	            this.send('onEntryClick', this.get('page'));
+			}
         },
 
         // Outdent - changes a page from H3 to H2, etc.
         pageOutdent() {
-            if (this.outdentDisabled) {
+            if (this.get('state.outdentDisabled')) {
                 return;
             }
 
+			let state = this.get('state');
             var pages = this.get('pages');
-            var current = _.findWhere(pages, {
-                id: this.get('page')
-            });
-            var pageIndex = _.indexOf(pages, current, false);
-            var pendingChanges = [];
+            var page = _.findWhere(pages, { id: this.get('page') });
+			let pendingChanges = tocUtil.outdent(state, pages, page);
 
-            pendingChanges.push({
-                pageId: current.id,
-                level: current.level - 1
-            });
+			if (pendingChanges.length > 0) {
+	            this.attrs.changePageLevel(pendingChanges);
 
-            for (var i = pageIndex + 1; i < pages.length; i++) {
-                if (pages[i].level <= current.level) {
-                    break;
-                }
-
-                pendingChanges.push({
-                    pageId: pages[i].id,
-                    level: pages[i].level - 1
-                });
-            }
-
-            this.attrs.changePageLevel(pendingChanges);
-
-            this.showNotification("Outdent");
-            this.audit.record("changed-page-sequence");
-            this.send('onEntryClick', this.get('page'));
+	            this.showNotification("Outdent");
+	            this.audit.record("changed-page-sequence");
+	            this.send('onEntryClick', this.get('page'));
+			}
         },
 
         onEntryClick(id) {
diff --git a/app/app/components/document/index-entry.js b/app/app/components/document/index-entry.js
index c0be4928..3c139660 100644
--- a/app/app/components/document/index-entry.js
+++ b/app/app/components/document/index-entry.js
@@ -16,14 +16,14 @@ export default Ember.Component.extend({
     tagName: "li",
     classNames: ["item"],
 
-    indentLevel: Ember.computed('page', function() {
-        let nodeLevel = this.get('page.level');
-        let indent = (nodeLevel - 1) * 20;
-        return indent;
-    }),
+    // indentLevel: Ember.computed('page', function() {
+    //     let nodeLevel = this.get('page.level');
+    //     let indent = (nodeLevel - 1) * 20;
+    //     return indent;
+    // }),
 
     didReceiveAttrs() {
-        this.set('classNames', ["item", "margin-left-" + this.get("indentLevel")]);
+        // this.set('classNames', ["item", "margin-left-" + this.get("page.tocIndent")]);
     },
 
     actions: {
@@ -31,4 +31,4 @@ export default Ember.Component.extend({
             this.get('onClick')(id);
         }
     }
-});
\ No newline at end of file
+});
diff --git a/app/app/pods/document/wizard/controller.js b/app/app/pods/document/wizard/controller.js
index b475e927..a67d82ee 100644
--- a/app/app/pods/document/wizard/controller.js
+++ b/app/app/pods/document/wizard/controller.js
@@ -19,7 +19,7 @@ export default Ember.Controller.extend(NotifierMixin, {
             let page = models.PageModel.create({
                 documentId: this.get('model.document.id'),
                 title: `${section.title} Section`,
-                level: 2,
+                level: 1,
                 sequence: 2048,
                 body: "",
                 contentType: section.contentType
diff --git a/app/app/styles/color.scss b/app/app/styles/color.scss
index 4c72392b..40c0151f 100644
--- a/app/app/styles/color.scss
+++ b/app/app/styles/color.scss
@@ -16,9 +16,9 @@ $color-primary: #084d85;
 $color-link: #5abc67;
 $color-attachment: #2180cc;
 $color-red: #d9493c;
-$color-green: #5abc67;
+$color-green: #1c962b;
 $color-blue: #084d85;
-$color-gray: #99a2ac;
+$color-gray: #8b9096;
 $color-background: #f8f8f8;
 $color-tooltip: #4c4c4c;
 $color-toast: #4c4c4c;
diff --git a/app/app/styles/widget/widget-avatar.scss b/app/app/styles/widget/widget-avatar.scss
index 9dd983be..94c88a52 100644
--- a/app/app/styles/widget/widget-avatar.scss
+++ b/app/app/styles/widget/widget-avatar.scss
@@ -1,6 +1,6 @@
 .avatar {
     color: $color-white;
-    background-color: $color-stroke;
+    background-color: $color-gray;
     @include border-radius(20px);
     padding: 8px 0 0 0;
     letter-spacing: 1px;
@@ -11,7 +11,7 @@
 
 .avatar-large {
     color: $color-white;
-    background-color: $color-stroke;
+    background-color: $color-gray;
     @include border-radius(100px);
     height: 100px;
     width: 100px;
diff --git a/app/app/templates/components/document/document-sidebar-toc.hbs b/app/app/templates/components/document/document-sidebar-toc.hbs
index 5c2411e3..b471d11a 100644
--- a/app/app/templates/components/document/document-sidebar-toc.hbs
+++ b/app/app/templates/components/document/document-sidebar-toc.hbs
@@ -1,19 +1,19 @@
 <div class="document-structure hidden-xs hidden-sm">
     {{#if this.session.authenticated}}
-        <div id="tocToolbar" class="toc-controls {{if actionablePage 'current-page' ''}}">
-            <div id="toc-up-button" class="round-button-mono {{if upDisabled 'disabled'}}" data-tooltip="Move up" data-tooltip-position="top center" {{action 'pageUp'}}>
+        <div id="tocToolbar" class="toc-controls {{if state.actionablePage 'current-page' ''}}">
+            <div id="toc-up-button" class="round-button-mono {{if state.upDisabled 'disabled'}}" data-tooltip="Move up" data-tooltip-position="top center" {{action 'pageUp'}}>
                 <i class="material-icons">arrow_upward</i>
             </div>
             <div class="button-gap" />
-            <div id="toc-down-button" class="round-button-mono {{if downDisabled 'disabled'}}" data-tooltip="Move down" data-tooltip-position="top center" {{action 'pageDown'}}>
+            <div id="toc-down-button" class="round-button-mono {{if state.downDisabled 'disabled'}}" data-tooltip="Move down" data-tooltip-position="top center" {{action 'pageDown'}}>
                 <i class="material-icons">arrow_downward</i>
             </div>
             <div class="button-gap" />
-            <div id="toc-outdent-button" class="round-button-mono {{if outdentDisabled 'disabled'}}" data-tooltip="Outdent" data-tooltip-position="top center" {{action 'pageOutdent'}}>
+            <div id="toc-outdent-button" class="round-button-mono {{if state.outdentDisabled 'disabled'}}" data-tooltip="Outdent" data-tooltip-position="top center" {{action 'pageOutdent'}}>
                 <i class="material-icons">format_indent_decrease</i>
             </div>
             <div class="button-gap" />
-            <div id="toc-indent-button" class="round-button-mono {{if indentDisabled 'disabled'}}" data-tooltip="Indent" data-tooltip-position="top center" {{action 'pageIndent'}}>
+            <div id="toc-indent-button" class="round-button-mono {{if state.indentDisabled 'disabled'}}" data-tooltip="Indent" data-tooltip-position="top center" {{action 'pageIndent'}}>
                 <i class="material-icons">format_indent_increase</i>
             </div>
         </div>
diff --git a/app/app/templates/components/document/document-view.hbs b/app/app/templates/components/document/document-view.hbs
index 157e2dbd..9c64ce5d 100644
--- a/app/app/templates/components/document/document-view.hbs
+++ b/app/app/templates/components/document/document-view.hbs
@@ -36,7 +36,7 @@
             {{#each pages key="id" as |page index|}}
                 <div class="wysiwyg">
                     <div id="page-{{ page.id }}" class="is-a-page" data-id="{{ page.id }}" data-type="{{ page.contentType }}">
-                        {{document/page-heading tagName=page.tagName document=document folder=folder page=page isEditor=isEditor onDeletePage=(action 'onDeletePage') }}
+                        {{document/page-heading tagName=page.tagName document=document folder=folder page=page isEditor=isEditor onDeletePage=(action 'onDeletePage')}}
 						{{section/base-renderer page=page}}
                     </div>
                 </div>
diff --git a/app/app/templates/components/document/index-entry.hbs b/app/app/templates/components/document/index-entry.hbs
index b46fb464..e39cf822 100644
--- a/app/app/templates/components/document/index-entry.hbs
+++ b/app/app/templates/components/document/index-entry.hbs
@@ -1 +1 @@
-<a id="index-{{page.id}}" class="link toc-index-item" {{action 'onClick' page.id}}>{{page.title}}</a>
\ No newline at end of file
+<a id="index-{{page.id}}" class="link toc-index-item {{page.tocIndentCss}}" {{action 'onClick' page.id}}>{{page.title}}</a>
diff --git a/app/app/templates/components/folder/start-document.hbs b/app/app/templates/components/folder/start-document.hbs
index 5d554ae9..eb7e0f23 100644
--- a/app/app/templates/components/folder/start-document.hbs
+++ b/app/app/templates/components/folder/start-document.hbs
@@ -1,4 +1,4 @@
-{{#dropdown-dialog target="start-document-button" position="bottom right" button="Add" color="flat-green" onAction=(action 'startDocument') button2=canEditTemplate color2="flat-blue" onAction2=(action 'editTemplate') onOpenCallback=(action 'onOpenCallback')}}
+{{#dropdown-dialog target="start-document-button" position="bottom right" button="Start" color="flat-green" onAction=(action 'startDocument') button2=canEditTemplate color2="flat-blue" onAction2=(action 'editTemplate') onOpenCallback=(action 'onOpenCallback')}}
 	<div class="upload-container">
 		<div id="upload-documents" class="regular-button button-green">Import Word / Markdown</div>
 	</div>
diff --git a/app/app/utils/model.js b/app/app/utils/model.js
index 7aa31384..76f2f7ce 100644
--- a/app/app/utils/model.js
+++ b/app/app/utils/model.js
@@ -1,11 +1,11 @@
 // Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
 //
-// This software (Documize Community Edition) is licensed under 
+// This software (Documize Community Edition) is licensed under
 // GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
 //
 // You can operate outside the AGPL restrictions by purchasing
 // Documize Enterprise Edition and obtaining a commercial license
-// by contacting <sales@documize.com>. 
+// by contacting <sales@documize.com>.
 //
 // https://documize.com
 
@@ -198,7 +198,16 @@ let PageModel = BaseModel.extend({
 
     tagName: Ember.computed('level', function() {
         return "h" + this.get('level');
-    })
+    }),
+
+	tocIndent: Ember.computed('level', function() {
+        return (this.get('level') - 1) * 20;
+    }),
+
+	tocIndentCss: Ember.computed('tocIndent', function() {
+		let tocIndent = this.get('tocIndent');
+        return `margin-left-${tocIndent}`;
+    }),
 });
 
 let PageMetaModel = BaseModel.extend({
@@ -235,4 +244,4 @@ export default {
     ProtectedFolderParticipant,
     UserModel,
     SectionModel
-};
\ No newline at end of file
+};
diff --git a/app/app/utils/toc.js b/app/app/utils/toc.js
new file mode 100644
index 00000000..4ed9b572
--- /dev/null
+++ b/app/app/utils/toc.js
@@ -0,0 +1,286 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+function getState(toc, page) {
+	let state = {
+		tocTools: {
+	        upTarget: "",
+	        downTarget: "",
+			indentIncrement: 0,
+	        allowIndent: false,
+	        allowOutdent: false
+	    },
+	    actionablePage: false,
+	    upDisabled: true,
+	    downDisabled: true,
+	    indentDisabled: true,
+	    outdentDisabled: true,
+	};
+
+	if (is.undefined(page)) {
+		return state;
+	}
+
+	var index = _.indexOf(toc, page, false);
+
+	if (index === -1) {
+		return state;
+	}
+
+	var upPage = toc[index - 1];
+	var downPage = toc[index + 1];
+
+	if (_.isUndefined(upPage)) {
+		state.tocTools.upTarget = '';
+	}
+
+	if (_.isUndefined(downPage)) {
+		state.tocTools.downTarget = '';
+	}
+
+	// can we go up?
+	// can we indent?
+	if (!_.isUndefined(upPage)) {
+		// can only go up if someone is same or higher level?
+		var index2 = _.indexOf(toc, upPage, false);
+
+		if (index2 !== -1) {
+			// up
+			for (var i = index2; i >= 0; i--) {
+				if (page.level > toc[i].level) {
+					break;
+				}
+
+				if (page.level === toc[i].level) {
+					state.tocTools.upTarget = toc[i].id;
+					break;
+				}
+			}
+
+			// indent?
+			state.tocTools.allowIndent = upPage.level >= page.level;
+			state.tocTools.indentIncrement = upPage.level - page.level;
+
+			if (state.tocTools.indentIncrement === 0) {
+				state.tocTools.indentIncrement = 1;
+			}
+
+			// for (var i2 = index2; i2 >= 0; i2--) {
+			// 	if (page.level < toc[i2].level) {
+			// 		state.tocTools.allowIndent = false;
+			// 		break;
+			// 	}
+			//
+			// 	if (page.level === toc[i2].level) {
+			// 		state.tocTools.allowIndent = true;
+			// 		break;
+			// 	}
+			// }
+		}
+	}
+
+	// can we go down?
+	if (!_.isUndefined(downPage)) {
+		// can only go down if someone below is at our level or higher
+		var index3 = _.indexOf(toc, downPage, false);
+
+		if (index3 !== -1) {
+			for (var i3 = index3; i3 < toc.length; i3++) {
+				if (toc[i3].level < page.level) {
+					break;
+				}
+
+				if (page.level === toc[i3].level) {
+					state.tocTools.downTarget = toc[i3].id;
+					break;
+				}
+			}
+		}
+
+		if (page.level > downPage.level) {
+			state.tocTools.downTarget = '';
+		}
+	}
+
+	// can we outdent?
+	state.tocTools.allowOutdent = page.level > 1;
+
+	state.upDisabled = state.tocTools.upTarget === '';
+	state.downDisabled = state.tocTools.downTarget === '';
+	state.indentDisabled  = !state.tocTools.allowIndent;
+	state.outdentDisabled = !state.tocTools.allowOutdent;
+
+	state.actionablePage = is.not.empty(state.tocTools.upTarget) ||
+		is.not.empty(state.tocTools.downTarget) ||
+		state.tocTools.allowIndent || state.tocTools.allowOutdent;
+
+	return state;
+}
+
+// move up page and any associated kids
+function moveUp(state, pages, current) {
+	var page1 = _.findWhere(pages, { id: state.tocTools.upTarget });
+	var page2 = null;
+	var pendingChanges = [];
+
+	if (is.undefined(current) || is.undefined(page1)) {
+		return pendingChanges;
+	}
+
+	var index1 = _.indexOf(pages, page1, false);
+
+	if (index1 !== -1) {
+		page2 = pages[index1 - 1];
+	}
+
+	var sequence1 = page1.sequence;
+	var sequence2 = is.not.null(page2) && is.not.undefined(page2) ? page2.sequence : 0;
+	var index = _.indexOf(pages, current, false);
+
+	if (index !== -1) {
+		var sequence = (sequence1 + sequence2) / 2;
+
+		pendingChanges.push({
+			pageId: current.id,
+			sequence: sequence
+		});
+
+		for (var i = index + 1; i < pages.length; i++) {
+			if (pages[i].level <= current.level) {
+				break;
+			}
+
+			sequence = (sequence + page1.sequence) / 2;
+
+			pendingChanges.push({
+				pageId: pages[i].id,
+				sequence: sequence
+			});
+		}
+	}
+
+	return pendingChanges;
+}
+
+// move down page and any associated kids
+function moveDown(state, pages, current) {
+	var pageIndex = _.indexOf(pages, current, false);
+	var downTarget = _.findWhere(pages, { id: state.tocTools.downTarget });
+	var downTargetIndex = _.indexOf(pages, downTarget, false);
+	var pendingChanges = [];
+
+	if (pageIndex === -1 || downTargetIndex === -1) {
+		return pendingChanges;
+	}
+
+	var startingSequence = 0;
+	var upperSequence = 0;
+	var cutOff = _.rest(pages, downTargetIndex);
+	var siblings = _.reject(cutOff, function(p) {
+		return p.level !== current.level || p.id === current.id || p.id === downTarget.id;
+	});
+
+	if (siblings.length > 0) {
+		var aboveThisGuy = siblings[0];
+		var belowThisGuy = pages[_.indexOf(pages, aboveThisGuy, false) - 1];
+
+		if (is.not.null(belowThisGuy) && belowThisGuy.level > current.level) {
+			startingSequence = (aboveThisGuy.sequence + belowThisGuy.sequence) / 2;
+			upperSequence = aboveThisGuy.sequence;
+		} else {
+			var otherGuy = pages[downTargetIndex + 1];
+
+			startingSequence = (otherGuy.sequence + downTarget.sequence) / 2;
+			upperSequence = otherGuy.sequence;
+		}
+	} else {
+		// startingSequence = downTarget.sequence * 2;
+		startingSequence = cutOff[cutOff.length-1].sequence * 2;
+		upperSequence = startingSequence * 2;
+    }
+
+	pendingChanges.push({
+		pageId: current.id,
+		sequence: startingSequence
+	});
+
+	var sequence = (startingSequence + upperSequence) / 2;
+
+	for (var i = pageIndex + 1; i < pages.length; i++) {
+		if (pages[i].level <= current.level) {
+			break;
+		}
+
+		var sequence2 = (sequence + upperSequence) / 2;
+
+		pendingChanges.push({
+			pageId: pages[i].id,
+			sequence: sequence2
+		});
+	}
+
+	return pendingChanges;
+}
+
+// indent page and any associated kisds
+function indent(state, pages, current) {
+	var pageIndex = _.indexOf(pages, current, false);
+	var pendingChanges = [];
+
+	pendingChanges.push({
+		pageId: current.id,
+		level: current.level + state.tocTools.indentIncrement
+	});
+
+	for (var i = pageIndex + 1; i < pages.length; i++) {
+		if (pages[i].level <= current.level) {
+			break;
+		}
+
+		pendingChanges.push({
+			pageId: pages[i].id,
+			level: pages[i].level + state.tocTools.indentIncrement
+		});
+	}
+
+	return pendingChanges;
+}
+
+function outdent(state, pages, current) {
+	var pageIndex = _.indexOf(pages, current, false);
+	var pendingChanges = [];
+
+	pendingChanges.push({
+		pageId: current.id,
+		level: current.level - 1
+	});
+
+	for (var i = pageIndex + 1; i < pages.length; i++) {
+		if (pages[i].level <= current.level) {
+			break;
+		}
+
+		pendingChanges.push({
+			pageId: pages[i].id,
+			level: pages[i].level - 1
+		});
+	}
+
+	return pendingChanges;
+}
+
+export default {
+	getState,
+	moveUp,
+	moveDown,
+	indent,
+	outdent
+};
diff --git a/app/tests/unit/utils/toc-test.js b/app/tests/unit/utils/toc-test.js
new file mode 100644
index 00000000..a6c45c4c
--- /dev/null
+++ b/app/tests/unit/utils/toc-test.js
@@ -0,0 +1,251 @@
+import toc from 'documize/utils/toc';
+import models from 'documize/utils/model';
+import { module, test } from 'qunit';
+
+module('Unit | Utility | toc');
+
+test('toc can only move down', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 })); //testing
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+
+	let state = toc.getState(pages, pages[0]);
+	assert.equal(state.tocTools.upTarget, '', 'Has no up target');
+	assert.equal(state.tocTools.downTarget, '2', 'Has down target');
+	assert.equal(state.tocTools.allowIndent, false, 'Cannot indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+});
+
+test('toc can move up or indent', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 })); //testing
+
+	let state = toc.getState(pages, pages[1]);
+	assert.equal(state.tocTools.upTarget, '1', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+});
+
+test('toc can only outdent', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*3 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "4", level: 1, sequence: 1024*4 }));
+
+	let state = toc.getState(pages, pages[2]);
+	assert.equal(state.tocTools.upTarget, '', 'Has no up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, false, 'Cannot indent');
+	assert.equal(state.tocTools.allowOutdent, true, 'Can outdent');
+});
+
+test('toc child can move up or indent', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*3 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "4", level: 1, sequence: 1024*4 }));
+
+	let page = pages[3];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '2', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.indent(state, pages, page);
+	assert.equal(pendingChanges.length, 1, 'Has 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 4);
+	assert.equal(pendingChanges[0].level, 2);
+});
+
+test('toc top node can indent two places', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*3 }));
+	pages.pushObject(models.PageModel.create({ id: "4", level: 3, sequence: 1024*4 }));
+	pages.pushObject(models.PageModel.create({ id: "5", level: 1, sequence: 1024*5 })); // testing
+
+	let page = pages[4];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '2', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.indent(state, pages, page);
+	assert.equal(pendingChanges.length, 1, 'Has 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 5);
+	assert.equal(pendingChanges[0].level, 3);
+});
+
+test('toc top node with kids can indent two places', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*3 }));
+	pages.pushObject(models.PageModel.create({ id: "4", level: 3, sequence: 1024*4 }));
+	pages.pushObject(models.PageModel.create({ id: "5", level: 1, sequence: 1024*5 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "6", level: 2, sequence: 1024*6 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "7", level: 3, sequence: 1024*7 })); // testing
+
+	let page = pages[4];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '2', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.indent(state, pages, page);
+	assert.equal(pendingChanges.length, 3, 'Has 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 5);
+	assert.equal(pendingChanges[0].level, 3);
+	assert.equal(pendingChanges[1].pageId, 6);
+	assert.equal(pendingChanges[1].level, 4);
+	assert.equal(pendingChanges[2].pageId, 7);
+	assert.equal(pendingChanges[2].level, 5);
+});
+
+test('toc same level node with kids can indent one place', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*3 }));
+	pages.pushObject(models.PageModel.create({ id: "4", level: 2, sequence: 1024*4 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "5", level: 3, sequence: 1024*5 }));
+	pages.pushObject(models.PageModel.create({ id: "6", level: 1, sequence: 1024*6 }));
+	pages.pushObject(models.PageModel.create({ id: "7", level: 2, sequence: 1024*7 }));
+
+	let page = pages[3];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '3', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, true, 'Can outdent');
+
+	let pendingChanges = toc.indent(state, pages, page);
+	assert.equal(pendingChanges.length, 2, 'Has 2 pending changes');
+	assert.equal(pendingChanges[0].pageId, 4);
+	assert.equal(pendingChanges[0].level, 3);
+	assert.equal(pendingChanges[1].pageId, 5);
+	assert.equal(pendingChanges[1].level, 4);
+});
+
+test('toc child with deep tree moves correctly', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 1024 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 1024*2 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 1024*4 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "4", level: 3, sequence: 1024*5 }));   // testing
+	pages.pushObject(models.PageModel.create({ id: "5", level: 3, sequence: 1024*6 }));   // testing
+	pages.pushObject(models.PageModel.create({ id: "6", level: 3, sequence: 1024*7 }));   // testing
+	pages.pushObject(models.PageModel.create({ id: "7", level: 1, sequence: 1024*8 }));
+	pages.pushObject(models.PageModel.create({ id: "8", level: 1, sequence: 1024*9 }));
+	pages.pushObject(models.PageModel.create({ id: "9", level: 1, sequence: 1024*10 }));
+
+	let page = pages[2];
+	let state = toc.getState(pages, page);
+
+	assert.equal(state.tocTools.upTarget, '', 'Has no up target');
+	assert.equal(state.tocTools.downTarget, '', 'Has no down target');
+	assert.equal(state.tocTools.allowIndent, false, 'Cannot indent');
+	assert.equal(state.tocTools.allowOutdent, true, 'Can outdent');
+
+	let pendingChanges = toc.outdent(state, pages, page);
+
+	assert.equal(pendingChanges.length, 4, 'Have 4 pending changes');
+	assert.equal(pendingChanges[0].pageId, 3);
+	assert.equal(pendingChanges[0].level, 1);
+	assert.equal(pendingChanges[1].pageId, 4);
+	assert.equal(pendingChanges[1].level, 2);
+	assert.equal(pendingChanges[2].pageId, 5);
+	assert.equal(pendingChanges[2].level, 2);
+	assert.equal(pendingChanges[3].pageId, 6);
+	assert.equal(pendingChanges[3].level, 2);
+});
+
+test('toc top level node skips down some', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 110 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 220 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 330 }));
+	pages.pushObject(models.PageModel.create({ id: "4", level: 3, sequence: 440 }));
+	pages.pushObject(models.PageModel.create({ id: "5", level: 3, sequence: 550 }));
+	pages.pushObject(models.PageModel.create({ id: "6", level: 3, sequence: 660 }));
+	pages.pushObject(models.PageModel.create({ id: "7", level: 1, sequence: 770 }));
+	pages.pushObject(models.PageModel.create({ id: "8", level: 1, sequence: 880 }));
+	pages.pushObject(models.PageModel.create({ id: "9", level: 1, sequence: 990 }));
+
+	let page = pages[0];
+	let state = toc.getState(pages, page);
+
+	assert.equal(state.tocTools.upTarget, '', 'Has no up target');
+	assert.equal(state.tocTools.downTarget, '2', 'Has down target');
+	assert.equal(state.tocTools.allowIndent, false, 'Cannot indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.moveDown(state, pages, page);
+
+	assert.equal(pendingChanges.length, 1, 'Have 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 1);
+	assert.equal(pendingChanges[0].sequence, (660+770)/2);
+});
+
+test('toc top level node skips up some', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 110 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 220 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 330 }));
+	pages.pushObject(models.PageModel.create({ id: "4", level: 3, sequence: 440 }));
+	pages.pushObject(models.PageModel.create({ id: "5", level: 3, sequence: 550 }));
+	pages.pushObject(models.PageModel.create({ id: "6", level: 3, sequence: 660 }));
+	pages.pushObject(models.PageModel.create({ id: "7", level: 1, sequence: 770 })); // testing
+	pages.pushObject(models.PageModel.create({ id: "8", level: 1, sequence: 880 }));
+	pages.pushObject(models.PageModel.create({ id: "9", level: 1, sequence: 990 }));
+
+	let page = pages[6];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '2', 'Has up target');
+	assert.equal(state.tocTools.downTarget, '8', 'Has down target');
+	assert.equal(state.tocTools.allowIndent, true, 'Can indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.moveUp(state, pages, page);
+	assert.equal(pendingChanges.length, 1, 'Has 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 7);
+	assert.equal(pendingChanges[0].sequence, (110+220)/2);
+});
+
+test('toc move down top node to bottom', function(assert) {
+	let pages = [];
+
+	pages.pushObject(models.PageModel.create({ id: "1", level: 1, sequence: 110 }));
+	pages.pushObject(models.PageModel.create({ id: "2", level: 1, sequence: 220 }));
+	pages.pushObject(models.PageModel.create({ id: "3", level: 2, sequence: 330 }));
+
+	let page = pages[0];
+	let state = toc.getState(pages, page);
+	assert.equal(state.tocTools.upTarget, '', 'Has no up target');
+	assert.equal(state.tocTools.downTarget, '2', 'Has down target');
+	assert.equal(state.tocTools.allowIndent, false, 'Cannot indent');
+	assert.equal(state.tocTools.allowOutdent, false, 'Cannot outdent');
+
+	let pendingChanges = toc.moveDown(state, pages, page);
+	assert.equal(pendingChanges.length, 1, 'Has 1 pending change');
+	assert.equal(pendingChanges[0].pageId, 1);
+	assert.equal(pendingChanges[0].sequence, 330 * 2);
+});
diff --git a/documize/api/endpoint/router.go b/documize/api/endpoint/router.go
index f050cff2..493979ee 100644
--- a/documize/api/endpoint/router.go
+++ b/documize/api/endpoint/router.go
@@ -30,7 +30,7 @@ const (
 	// AppVersion does what it says
 	// Versioning scheme major.minor where "minor" is optional
 	// e.g. 1, 2, 3, 4.1, 4.2, 5, 6, 7, 7.1, 8, 9, 10, ..... 127, 127.1, 128
-	AppVersion = "12.7"
+	AppVersion = "12.8"
 )
 
 var port, certFile, keyFile, forcePort2SSL string