diff --git a/_posts/0000-01-01-Character-Sheet.html b/_posts/0000-01-01-Character-Sheet.html
index 31b5556..b5fb7d0 100644
--- a/_posts/0000-01-01-Character-Sheet.html
+++ b/_posts/0000-01-01-Character-Sheet.html
@@ -4,6 +4,9 @@ tags: [Rules, None, None]
 ---
 
 <p>
-The character sheet composes the <a href="/Character-Sheet/Stats">Stats page</a>, the
-<a href="/Character-Sheet/Skills">Skills page</a>, …
+    The character sheet is composed of the <a href="/Character-Sheet/Stats">Stats page</a>, the
+    <a href="/Character-Sheet/Skills">Skills page</a>, the <a href="/Character-Sheet/Benefits">Benefits
+    page</a>, the <a href="/Character-Sheet/Abilities">Abilities page</a>, the
+    <a href="/Character-Sheet/Spells">Spells page</a>, the <a href="/Character-Sheet/Gear">Gear page</a> and
+    the <a href="/Character-Sheet/Notes">Notes page</a>.
 </p>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Abilities.html b/_posts/Character-Sheet/0000-01-01-Abilities.html
new file mode 100644
index 0000000..f453ba4
--- /dev/null
+++ b/_posts/Character-Sheet/0000-01-01-Abilities.html
@@ -0,0 +1,79 @@
+---
+layout: ikrpg
+tags: [Rules, None, None]
+categories: [ Character-Sheet ]
+---
+
+<div class="sheet">
+    <form id="abilities" class="card">
+        <input id="name" type="text" />
+        <div class="content">
+            <div id="ability1" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability2" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability3" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability4" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability5" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability6" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability7" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability8" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability9" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability10" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability11" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="ability12" class="ability">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    var Hero = {
+        "name": "Hero's name",
+        "ability1": { "title": "Ability 1 name", "description": "Ability 1 description" },
+        "ability2": { "title": "Ability 2 name", "description": "Ability 2 description" },
+        "ability3": { "title": "...", "description": "..." },
+        "ability4": { "title": "", "description": "" },
+        "ability5": { "title": "", "description": "" },
+        "ability6": { "title": "", "description": "" },
+        "ability7": { "title": "", "description": "" },
+        "ability8": { "title": "", "description": "" },
+        "ability9": { "title": "", "description": "" },
+        "ability10": { "title": "", "description": "" },
+        "ability11": { "title": "", "description": "" },
+        "ability12": { "title": "", "description": "" }
+    };
+</script>
+<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Benefits.html b/_posts/Character-Sheet/0000-01-01-Benefits.html
new file mode 100644
index 0000000..2daa735
--- /dev/null
+++ b/_posts/Character-Sheet/0000-01-01-Benefits.html
@@ -0,0 +1,74 @@
+---
+layout: ikrpg
+tags: [Rules, None, None]
+categories: [ Character-Sheet ]
+---
+
+<div class="sheet">
+    <form id="benefits" class="card">
+        <input class="name" type="text" />
+        <div class="content">
+            <div id="benefit1" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit2" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit3" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit4" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit5" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit6" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit7" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit8" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit9" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit10" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+            <div id="benefit11" class="benefit">
+                <input class="title" type="text" />
+                <textarea class="description" rows="1"></textarea>
+            </div>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    var Hero = {
+        "name": "Hero's name",
+        "benefit1": { "title": "Common Feats", "description": "Boost Non-Attack Skill Roll - Heroic Dodge - Make a Quick Action - Parry - Relentless Charge - Reroll Failed Attack/Skill/Willpower roll - Run and Gun - Shake Continuous Effect - Shake Knockdown - Shake Stationary - Sprint - Two-Fister - Walk it Off" },
+        "benefit2": { "title": "Benefit/Feat name", "description": "Benefit/Feat description" },
+        "benefit3": { "title": "...", "description": "..." },
+        "benefit4": { "title": "", "description": "" },
+        "benefit5": { "title": "", "description": "" },
+        "benefit6": { "title": "", "description": "" },
+        "benefit7": { "title": "", "description": "" },
+        "benefit8": { "title": "", "description": "" },
+        "benefit9": { "title": "", "description": "" },
+        "benefit10": { "title": "", "description": "" },
+        "benefit11": { "title": "", "description": "" }
+    };
+</script>
+<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Gear.html b/_posts/Character-Sheet/0000-01-01-Gear.html
new file mode 100644
index 0000000..e86ee90
--- /dev/null
+++ b/_posts/Character-Sheet/0000-01-01-Gear.html
@@ -0,0 +1,134 @@
+---
+layout: ikrpg
+tags: [Rules, None, None]
+categories: [ Character-Sheet ]
+---
+
+<div class="sheet">
+    <form id="gear" class="card">
+        <input id="name" type="text" />
+        <div class="content">
+            <div id="gear1" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear2" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear3" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear4" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear5" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear6" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear7" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear8" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear9" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear10" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear11" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear12" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear13" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear14" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear15" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear16" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear17" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear18" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear19" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear20" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear21" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear22" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+            <div id="gear23" class="gear">
+                <input type="text" class="title" />
+                <input type="text" class="benefit" />
+            </div>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    var Hero = {
+        "name": "Hero's name",
+        "gear1": { "title": "Gear 1", "benefit": "Benefit 1" },
+        "gear2": { "title": "Gear 2", "benefit": "Benefit 2" },
+        "gear3": { "title": "...", "benefit": "..." },
+        "gear4": { "title": "", "benefit": "" },
+        "gear5": { "title": "", "benefit": "" },
+        "gear6": { "title": "", "benefit": "" },
+        "gear7": { "title": "", "benefit": "" },
+        "gear8": { "title": "", "benefit": "" },
+        "gear9": { "title": "", "benefit": "" },
+        "gear10": { "title": "", "benefit": "" },
+        "gear11": { "title": "", "benefit": "" },
+        "gear12": { "title": "", "benefit": "" },
+        "gear13": { "title": "", "benefit": "" },
+        "gear14": { "title": "", "benefit": "" },
+        "gear15": { "title": "", "benefit": "" },
+        "gear16": { "title": "", "benefit": "" },
+        "gear17": { "title": "", "benefit": "" },
+        "gear18": { "title": "", "benefit": "" },
+        "gear19": { "title": "", "benefit": "" },
+        "gear20": { "title": "", "benefit": "" },
+        "gear21": { "title": "", "benefit": "" },
+        "gear22": { "title": "", "benefit": "" },
+        "gear23": { "title": "", "benefit": "" }
+    };
+</script>
+<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Notes.html b/_posts/Character-Sheet/0000-01-01-Notes.html
new file mode 100644
index 0000000..9be2477
--- /dev/null
+++ b/_posts/Character-Sheet/0000-01-01-Notes.html
@@ -0,0 +1,79 @@
+---
+layout: ikrpg
+tags: [Rules, None, None]
+categories: [ Character-Sheet ]
+---
+
+<div class="sheet">
+    <form id="notes" class="card">
+        <input id="name" type="text" />
+        <div class="content">
+            <div id="note1" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note2" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note3" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note4" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note5" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note6" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note7" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note8" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note9" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note10" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note11" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+            <div id="note12" class="note">
+                <input class="title" type="text" />
+                <textarea class="text" rows="1"></textarea>
+            </div>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    var Hero = {
+        "name": "Hero's name",
+        "note1": { "title": "Permanent Injuries", "text": "None" },
+        "note2": { "title": "Spoken Languages", "text": "" },
+        "note3": { "title": "Religious Beliefs", "text": "" },
+        "note4": { "title": "Connections", "text": "None" },
+        "note5": { "title": "Gold", "text": "0 gc" },
+        "note6": { "title": "Note", "text": "Text" },
+        "note7": { "title": "", "text": "" },
+        "note8": { "title": "", "text": "" },
+        "note9": { "title": "", "text": "" },
+        "note10": { "title": "", "text": "" },
+        "note11": { "title": "", "text": "" },
+        "note12": { "title": "", "text": "" }
+    };
+</script>
+<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Spells.html b/_posts/Character-Sheet/0000-01-01-Spells.html
new file mode 100644
index 0000000..9371394
--- /dev/null
+++ b/_posts/Character-Sheet/0000-01-01-Spells.html
@@ -0,0 +1,140 @@
+---
+layout: ikrpg
+tags: [Rules, None, None]
+categories: [ Character-Sheet ]
+---
+
+<div class="sheet">
+    <form id="spells" class="card">
+        <input id="name" type="text" />
+        <div class="content">
+            <div id="spell1" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell2" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell3" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell4" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell5" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell6" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell7" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell8" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell9" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell10" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+            <div id="spell11" class="spell">
+                <input type="text" class="title" />
+                <input type="text" class="cost" />
+                <input type="text" class="rng" />
+                <input type="text" class="aoe" />
+                <input type="text" class="pow" />
+                <input type="text" class="up" />
+                <input type="text" class="off" />
+                <textarea rows="1" class="description"></textarea>
+            </div>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    var Hero = {
+        "name": "Hero's name",
+        "spell1": { "title": "Spell 1", "cost": 0, "rng": 0, "aoe": "-", "pow": 0, "up": "NO", "off": "YES", "description": "Spell 1 description" },
+        "spell2": { "title": "Spell 2", "cost": 0, "rng": 0, "aoe": "-", "pow": 0, "up": "NO", "off": "YES", "description": "Spell 2 description" },
+        "spell3": { "title": "...", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "..." },
+        "spell4": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell5": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell6": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell7": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell8": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell9": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell10": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+        "spell11": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
+    };
+</script>
+<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/_posts/Character-Sheet/0000-01-01-Stats.html b/_posts/Character-Sheet/0000-01-01-Stats.html
index d8d9117..cf9b2dd 100644
--- a/_posts/Character-Sheet/0000-01-01-Stats.html
+++ b/_posts/Character-Sheet/0000-01-01-Stats.html
@@ -118,7 +118,13 @@ categories: [ Character-Sheet ]
         "def_mod": 0,
         "arm_mod": 0,
         "cmd_mod": 0,
-        "xp": 0
+        "xp": 0,
+        "hash": "stats",
+        "r1m1": true,
+        "r2m1": false,
+        "r1m2": false,
+        "r2": false,
+        "m2": false
     };
 </script>
 <script type="text/javascript" src="/static/javascripts/heroic.js"></script>
\ No newline at end of file
diff --git a/static/images/sheet/Abilities.png b/static/images/sheet/Abilities.png
new file mode 100644
index 0000000..9c9b15a
Binary files /dev/null and b/static/images/sheet/Abilities.png differ
diff --git a/static/images/sheet/Feats.png b/static/images/sheet/Feats.png
new file mode 100644
index 0000000..ea71fbe
Binary files /dev/null and b/static/images/sheet/Feats.png differ
diff --git a/static/images/sheet/Gear.png b/static/images/sheet/Gear.png
new file mode 100644
index 0000000..b02440a
Binary files /dev/null and b/static/images/sheet/Gear.png differ
diff --git a/static/images/sheet/Spells.png b/static/images/sheet/Spells.png
new file mode 100644
index 0000000..553598b
Binary files /dev/null and b/static/images/sheet/Spells.png differ
diff --git a/static/stylesheets/content/character-sheet.css b/static/stylesheets/content/character-sheet.css
index 09295b4..2fb14a5 100644
--- a/static/stylesheets/content/character-sheet.css
+++ b/static/stylesheets/content/character-sheet.css
@@ -86,39 +86,39 @@ div.sheet > form#skills div.content div.skill { position: relative; }
 div.sheet > form#skills div.content div.skill input { position: relative; width: 64px; text-align: center; }
 div.sheet > form#skills div.content div.skill input.title { width: 376px; font-size: 17px; text-align: left; text-transform: uppercase; font-weight: bold; }
 
-div.sheet > section#benefits { top: 0; left: 1398px; background-image: url(/static/images/sheet/Feats.png); }
-div.sheet > section#benefits input.name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
-div.sheet > section#benefits div.content { top: 200px; left: 20px; }
-div.sheet > section#benefits div.content div.benefit { position: relative; }
-div.sheet > section#benefits div.content div.benefit input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
-div.sheet > section#benefits div.content div.benefit textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
+div.sheet > form#benefits { background-image: url(/static/images/sheet/Feats.png); }
+div.sheet > form#benefits input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
+div.sheet > form#benefits div.content { top: 200px; left: 20px; }
+div.sheet > form#benefits div.content div.benefit { position: relative; }
+div.sheet > form#benefits div.content div.benefit input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
+div.sheet > form#benefits div.content div.benefit textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
 
-div.sheet > section#abilities { top: 0; left: 2097px; background-image: url(/static/images/sheet/Abilities.png); }
-div.sheet > section#abilities input.name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
-div.sheet > section#abilities div.content { top: 130px; left: 20px; }
-div.sheet > section#abilities div.content div.ability { position: relative; }
-div.sheet > section#abilities div.content div.ability input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
-div.sheet > section#abilities div.content div.ability textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
+div.sheet > form#abilities { background-image: url(/static/images/sheet/Abilities.png); }
+div.sheet > form#abilities input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
+div.sheet > form#abilities div.content { top: 130px; left: 20px; }
+div.sheet > form#abilities div.content div.ability { position: relative; }
+div.sheet > form#abilities div.content div.ability input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
+div.sheet > form#abilities div.content div.ability textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
 
-div.sheet > section#spells { top: 0; left: 2796px; background-image: url(/static/images/sheet/Spells.png); }
-div.sheet > section#spells input.name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
-div.sheet > section#spells div.content { top: 180px; left: 20px; }
-div.sheet > section#spells div.content div.spell { position: relative; }
-div.sheet > section#spells div.content div.spell input { position: relative; width: 64px; text-align: center; }
-div.sheet > section#spells div.content div.spell input.title { width: 236px; font-size: 17px; text-align: left; text-transform: uppercase; font-weight: bold; }
-div.sheet > section#spells div.content div.spell textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
+div.sheet > form#spells { background-image: url(/static/images/sheet/Spells.png); }
+div.sheet > form#spells input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
+div.sheet > form#spells div.content { top: 180px; left: 20px; }
+div.sheet > form#spells div.content div.spell { position: relative; }
+div.sheet > form#spells div.content div.spell input { position: relative; width: 64px; text-align: center; }
+div.sheet > form#spells div.content div.spell input.title { width: 236px; font-size: 17px; text-align: left; text-transform: uppercase; font-weight: bold; }
+div.sheet > form#spells div.content div.spell textarea.description { position: relative; width: 658px; height: auto; font-size: 17px; }
 
-div.sheet > section#gear { top: 0; left: 3495px; background-image: url(/static/images/sheet/Gear.png); }
-div.sheet > section#gear input.name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
-div.sheet > section#gear div.content { top: 180px; left: 20px; }
-div.sheet > section#gear div.content div.gear { position: relative; }
-div.sheet > section#gear div.content div.gear input { position: relative; font-size: 17px; }
-div.sheet > section#gear div.content div.gear input.title { width: 236px; text-transform: uppercase; font-weight: bold; }
-div.sheet > section#gear div.content div.gear input.benefit { width: 410px; }
+div.sheet > form#gear { background-image: url(/static/images/sheet/Gear.png); }
+div.sheet > form#gear input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
+div.sheet > form#gear div.content { top: 180px; left: 20px; }
+div.sheet > form#gear div.content div.gear { position: relative; }
+div.sheet > form#gear div.content div.gear input { position: relative; font-size: 17px; }
+div.sheet > form#gear div.content div.gear input.title { width: 236px; text-transform: uppercase; font-weight: bold; }
+div.sheet > form#gear div.content div.gear input.benefit { width: 410px; }
 
-div.sheet > section#notes { top: 0; left: 4194px; background-image: url(/static/images/sheet/Abilities.png); }
-div.sheet > section#notes input.name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
-div.sheet > section#notes div.content { top: 130px; left: 20px; }
-div.sheet > section#notes div.content div.note { position: relative; }
-div.sheet > section#notes div.content div.note input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
-div.sheet > section#notes div.content div.note textarea.text { position: relative; width: 658px; height: auto; font-size: 17px; }
\ No newline at end of file
+div.sheet > form#notes { background-image: url(/static/images/sheet/Abilities.png); }
+div.sheet > form#notes input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
+div.sheet > form#notes div.content { top: 130px; left: 20px; }
+div.sheet > form#notes div.content div.note { position: relative; }
+div.sheet > form#notes div.content div.note input.title { position: relative; width: 658px; font-size: 17px; text-transform: uppercase; font-weight: bold; }
+div.sheet > form#notes div.content div.note textarea.text { position: relative; width: 658px; height: auto; font-size: 17px; }
\ No newline at end of file