diff --git a/_posts/Character-Sheet/0000-01-01-Abilities.html b/_posts/Character-Sheet/0000-01-01-Abilities.html
index 77f1a9c..dc0230e 100644
--- a/_posts/Character-Sheet/0000-01-01-Abilities.html
+++ b/_posts/Character-Sheet/0000-01-01-Abilities.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Benefits.html b/_posts/Character-Sheet/0000-01-01-Benefits.html
index b78cfe6..37870fa 100644
--- a/_posts/Character-Sheet/0000-01-01-Benefits.html
+++ b/_posts/Character-Sheet/0000-01-01-Benefits.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Gear.html b/_posts/Character-Sheet/0000-01-01-Gear.html
index 7c95884..ce5c082 100644
--- a/_posts/Character-Sheet/0000-01-01-Gear.html
+++ b/_posts/Character-Sheet/0000-01-01-Gear.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Notes.html b/_posts/Character-Sheet/0000-01-01-Notes.html
index ddcd627..1389d6b 100644
--- a/_posts/Character-Sheet/0000-01-01-Notes.html
+++ b/_posts/Character-Sheet/0000-01-01-Notes.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Skills.html b/_posts/Character-Sheet/0000-01-01-Skills.html
index 1865d85..e7b53c2 100644
--- a/_posts/Character-Sheet/0000-01-01-Skills.html
+++ b/_posts/Character-Sheet/0000-01-01-Skills.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Spells.html b/_posts/Character-Sheet/0000-01-01-Spells.html
index ac8c77b..4bb24d8 100644
--- a/_posts/Character-Sheet/0000-01-01-Spells.html
+++ b/_posts/Character-Sheet/0000-01-01-Spells.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
diff --git a/_posts/Character-Sheet/0000-01-01-Stats.html b/_posts/Character-Sheet/0000-01-01-Stats.html
index 3387834..676811b 100644
--- a/_posts/Character-Sheet/0000-01-01-Stats.html
+++ b/_posts/Character-Sheet/0000-01-01-Stats.html
@@ -10,7 +10,7 @@ categories: [ Character-Sheet ]
 
 <h2>Usage</h2>
 <ol>
-    <li><strong>Fill out</strong> the input forms of the character sheet.</li>
+    <li><strong>Fill out</strong> the input fields of the character sheet.</li>
     <li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
     <li><strong>Copy the URL</strong> and share it with your friends!</li>
 </ol>
@@ -22,6 +22,13 @@ categories: [ Character-Sheet ]
         <input id="race" type="text" />
         <input id="level" type="text" />
         <input id="careers" type="text" />
+        <div id="portrait">
+            <input class="url" type="text" />
+            <input class="x" type="text" />
+            <input class="y" type="text" />
+            <input class="size" type="text" />
+            <input type="button" value="apply" />
+        </div>
         <div id="battle" class="stats">
             <input id="ini" type="text" />
             <input id="spd" type="text" />
@@ -104,6 +111,7 @@ categories: [ Character-Sheet ]
 <script type="text/javascript" src="/static/javascripts/heroic.js"></script>
 <script type="text/javascript">
     var hero = new Heroic({
+        "portrait": { "url": "", "x": 0, "y": 0, "size": "auto" },
         "name": "Hero's name",
         "archetype": "Archetype",
         "race": "Race",
diff --git a/_posts/Portal/0000-01-01-Character-Sheet.html b/_posts/Portal/0000-01-01-Character-Sheet.html
index 0cbd075..c9ef962 100644
--- a/_posts/Portal/0000-01-01-Character-Sheet.html
+++ b/_posts/Portal/0000-01-01-Character-Sheet.html
@@ -34,9 +34,9 @@ tags:
 
 <h3>Colbie Sterling</h3>
 <ul>
-    <li><a href="/character-sheet/Stats?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22archetype%22%3A%22Intellectual%22%2C%22race%22%3A%22Human%22%2C%22level%22%3A%22Hero%22%2C%22careers%22%3A%22Careers%22%2C%22phy%22%3A%226%22%2C%22spd%22%3A%227%22%2C%22str%22%3A%224%22%2C%22agl%22%3A%224%22%2C%22poi%22%3A%224%22%2C%22prw%22%3A%224%22%2C%22int%22%3A%224%22%2C%22arc%22%3A0%2C%22per%22%3A%223%22%2C%22def%22%3A%2213%22%2C%22ini%22%3A%2214%22%2C%22cmd%22%3A%228%22%2C%22arm%22%3A%2211%22%2C%22wil%22%3A%2210%22%2C%22rat1%22%3A%7B%22name%22%3A%22Slug%20Gun%22%2C%22rat%22%3A%226%22%2C%22rng%22%3A%224%22%2C%22aoe%22%3A%22%22%2C%22pow%22%3A%2214%22%7D%2C%22rat2%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22rat%22%3A0%2C%22rng%22%3A0%2C%22aoe%22%3A0%2C%22pow%22%3A0%7D%2C%22mat1%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22mat%22%3A0%2C%22pow%22%3A0%2C%22ps%22%3A0%7D%2C%22mat2%22%3A%7B%22name%22%3A%22'JACK%20WRENCH%22%2C%22mat%22%3A%223%22%2C%22pow%22%3A%223%22%2C%22ps%22%3A%227%22%7D%2C%22mat3%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22mat%22%3A0%2C%22pow%22%3A0%2C%22ps%22%3A0%7D%2C%22feats%22%3A%223%22%2C%22ini_mod%22%3A0%2C%22def_mod%22%3A%22-1%22%2C%22arm_mod%22%3A%225%22%2C%22cmd_mod%22%3A%224%22%2C%22xp%22%3A0%2C%22hash%22%3A%22stats%22%2C%22r1m1%22%3Atrue%2C%22r2m1%22%3Afalse%2C%22r1m2%22%3Afalse%2C%22r2%22%3Afalse%2C%22m2%22%3Afalse%2C%22focus%22%3A%22name%22%7D">Colbie's Stats</a></li>
+    <li><a href="/character-sheet/Stats?%7B%22portrait%22%3A%7B%22url%22%3A%22%2Fstatic%2Fimages%2Fsheet%2FColbie.jpg%22%2C%22x%22%3A%22160%22%2C%22y%22%3A%220%22%2C%22size%22%3A%22auto%22%7D%2C%22name%22%3A%22Colbie%20Sterling%22%2C%22archetype%22%3A%22Intellectual%22%2C%22race%22%3A%22Human%22%2C%22level%22%3A%22Hero%22%2C%22careers%22%3A%22Careers%22%2C%22phy%22%3A%226%22%2C%22spd%22%3A%227%22%2C%22str%22%3A%224%22%2C%22agl%22%3A%224%22%2C%22poi%22%3A%224%22%2C%22prw%22%3A%224%22%2C%22int%22%3A%224%22%2C%22arc%22%3A0%2C%22per%22%3A%223%22%2C%22def%22%3A%2213%22%2C%22ini%22%3A%2214%22%2C%22cmd%22%3A%228%22%2C%22arm%22%3A%2211%22%2C%22wil%22%3A%2210%22%2C%22rat1%22%3A%7B%22name%22%3A%22Slug%20Gun%22%2C%22rat%22%3A%226%22%2C%22rng%22%3A%224%22%2C%22aoe%22%3A%22%22%2C%22pow%22%3A%2214%22%7D%2C%22rat2%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22rat%22%3A0%2C%22rng%22%3A0%2C%22aoe%22%3A0%2C%22pow%22%3A0%7D%2C%22mat1%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22mat%22%3A0%2C%22pow%22%3A0%2C%22ps%22%3A0%7D%2C%22mat2%22%3A%7B%22name%22%3A%22'JACK%20WRENCH%22%2C%22mat%22%3A%223%22%2C%22pow%22%3A%223%22%2C%22ps%22%3A%227%22%7D%2C%22mat3%22%3A%7B%22name%22%3A%22Weapon%20name%22%2C%22mat%22%3A0%2C%22pow%22%3A0%2C%22ps%22%3A0%7D%2C%22feats%22%3A%223%22%2C%22ini_mod%22%3A0%2C%22def_mod%22%3A%22-1%22%2C%22arm_mod%22%3A%225%22%2C%22cmd_mod%22%3A%224%22%2C%22xp%22%3A0%2C%22hash%22%3A%22stats%22%2C%22r1m1%22%3Atrue%2C%22r2m1%22%3Afalse%2C%22r1m2%22%3Afalse%2C%22r2%22%3Afalse%2C%22m2%22%3Afalse%2C%22focus%22%3A%22portrait%22%7D">Colbie's Stats</a></li>
     <li><a href="/character-sheet/Skills?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22s1%22%3A%7B%22title%22%3A%22Hand%20Weapon%22%2C%22stat%22%3A%22PRW%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s2%22%3A%7B%22title%22%3A%22Pistol%22%2C%22stat%22%3A%22POI%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%222%22%2C%22sum%22%3A%226%22%7D%2C%22s3%22%3A%7B%22title%22%3A%22Detection%22%2C%22stat%22%3A%22PER%22%2C%22base%22%3A%223%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%224%22%7D%2C%22s4%22%3A%7B%22title%22%3A%22Sneak%22%2C%22stat%22%3A%22AGL%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%224%22%7D%2C%22s5%22%3A%7B%22title%22%3A%22Command%22%2C%22stat%22%3A%22SOC%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%222%22%2C%22sum%22%3A%226%22%7D%2C%22s6%22%3A%7B%22title%22%3A%22CRAFT%3A%20METALWORK%22%2C%22stat%22%3A%22INT%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s7%22%3A%7B%22title%22%3A%22Driving%22%2C%22stat%22%3A%22AGL%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s8%22%3A%7B%22title%22%3A%22MECHANIKAL%20ENGINEER%22%2C%22stat%22%3A%22INT%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s9%22%3A%7B%22title%22%3A%22MEDICINE%22%2C%22stat%22%3A%22INT%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s10%22%3A%7B%22title%22%3A%22SURVIVAL%22%2C%22stat%22%3A%22PER%22%2C%22base%22%3A%224%22%2C%22lvl%22%3A%221%22%2C%22sum%22%3A%225%22%7D%2C%22s11%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s12%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s13%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s14%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s15%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s16%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s17%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s18%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s19%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s20%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22s21%22%3A%7B%22title%22%3A%22%22%2C%22stat%22%3A%22%22%2C%22base%22%3A%22%22%2C%22lvl%22%3A%22%22%2C%22sum%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Skills</a></li>
-    <li><a href="/character-sheet/Benefits?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22benefit1%22%3A%7B%22title%22%3A%22Common%20Feats%22%2C%22description%22%3A%22Boost%20Non-Attack%20Skill%20Roll%20-%20Heroic%20Dodge%20-%20Make%20a%20Quick%20Action%20-%20Parry%20-%20Relentless%20Charge%20-%20Reroll%20Failed%20Attack%2FSkill%2FWillpower%20roll%20-%20Run%20and%20Gun%20-%20Shake%20Continuous%20Effect%20-%20Shake%20Knockdown%20-%20Shake%20Stationary%20-%20Sprint%20-%20Two-Fister%20-%20Walk%20it%20Off%22%7D%2C%22benefit2%22%3A%7B%22title%22%3A%22BATTLEFIELE%20COORDINATION%22%2C%22description%22%3A%22No%20penalty%20to%20fire%20into%20melee%20in%20command%20range.%22%7D%2C%22benefit3%22%3A%7B%22title%22%3A%22ARCHETYPE%3A%20INTELLECTUAL%22%2C%22description%22%3A%22%2B1%20attack%20and%20damage%20to%20self%20and%20allies%20in%20command%20range.%22%7D%2C%22benefit4%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit5%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit6%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit7%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit8%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit9%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit10%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit11%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Benefits</a></li>
+    <li><a href="/character-sheet/Benefits?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22benefit1%22%3A%7B%22title%22%3A%22Common%20Feats%22%2C%22description%22%3A%22Boost%20Non-Attack%20Skill%20Roll%20-%20Heroic%20Dodge%20-%20Make%20a%20Quick%20Action%20-%20Parry%20-%20Relentless%20Charge%20-%20Reroll%20Failed%20Attack%2FSkill%2FWillpower%20roll%20-%20Run%20and%20Gun%20-%20Shake%20Continuous%20Effect%20-%20Shake%20Knockdown%20-%20Shake%20Stationary%20-%20Sprint%20-%20Two-Fister%20-%20Walk%20it%20Off%22%7D%2C%22benefit2%22%3A%7B%22title%22%3A%22BATTLEFIELD%20COORDINATION%22%2C%22description%22%3A%22No%20penalty%20to%20fire%20into%20melee%20in%20command%20range.%22%7D%2C%22benefit3%22%3A%7B%22title%22%3A%22ARCHETYPE%3A%20INTELLECTUAL%22%2C%22description%22%3A%22%2B1%20attack%20and%20damage%20to%20self%20and%20allies%20in%20command%20range.%22%7D%2C%22benefit4%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit5%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit6%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit7%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit8%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit9%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit10%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22benefit11%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Benefits</a></li>
     <li><a href="/character-sheet/Abilities?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22ability1%22%3A%7B%22title%22%3A%22BODGE%22%2C%22description%22%3A%22Can%20repair%20Steamjacks%20in%20combat.%22%7D%2C%22ability2%22%3A%7B%22title%22%3A%22FIND%20COVER%22%2C%22description%22%3A%22See%20reference%20sheet.%22%7D%2C%22ability3%22%3A%7B%22title%22%3A%22HIT%20THE%20DECK!%22%2C%22description%22%3A%22See%20reference%20sheet.%22%7D%2C%22ability4%22%3A%7B%22title%22%3A%22NATURAL%20LEADER%22%2C%22description%22%3A%22Increase%20command%20range%20by%202.%22%7D%2C%22ability5%22%3A%7B%22title%22%3A%22SENTRY%22%2C%22description%22%3A%22See%20reference%20sheet.%22%7D%2C%22ability6%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability7%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability8%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability9%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability10%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability11%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22ability12%22%3A%7B%22title%22%3A%22%22%2C%22description%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Abilities</a></li>
     <li><a href="/character-sheet/Gear?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22gear1%22%3A%7B%22title%22%3A%22AMMO%20BANDOLIER%22%2C%22benefit%22%3A%22%22%7D%2C%22gear2%22%3A%7B%22title%22%3A%22MECHANIK'S%20TOOL%20KIT%22%2C%22benefit%22%3A%22%22%7D%2C%22gear3%22%3A%7B%22title%22%3A%22BACKPACK%22%2C%22benefit%22%3A%22%22%7D%2C%22gear4%22%3A%7B%22title%22%3A%22TRAVELING%20CLOTHES%22%2C%22benefit%22%3A%22%22%7D%2C%22gear5%22%3A%7B%22title%22%3A%22CANTEEN%22%2C%22benefit%22%3A%22%22%7D%2C%22gear6%22%3A%7B%22title%22%3A%22FLINT%20STRIKER%22%2C%22benefit%22%3A%22%22%7D%2C%22gear7%22%3A%7B%22title%22%3A%22ROPE%2C%20HEMP%2020%22%2C%22benefit%22%3A%22%22%7D%2C%22gear8%22%3A%7B%22title%22%3A%22GLASSES%2C%20TINTED%22%2C%22benefit%22%3A%22%22%7D%2C%22gear9%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear10%22%3A%7B%22title%22%3A%22ARMORED%20GREAT%20COAT%22%2C%22benefit%22%3A%22worn%3A%20DEF%20-1%2C%20ARM%20%2B5%22%7D%2C%22gear11%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear12%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear13%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear14%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear15%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear16%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear17%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear18%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear19%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear20%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear21%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear22%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22gear23%22%3A%7B%22title%22%3A%22%22%2C%22benefit%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Gear</a></li>
     <li><a href="/character-sheet/Notes?%7B%22name%22%3A%22Colbie%20Sterling%22%2C%22note1%22%3A%7B%22title%22%3A%22Permanent%20Injuries%22%2C%22text%22%3A%22None%22%7D%2C%22note2%22%3A%7B%22title%22%3A%22Spoken%20Languages%22%2C%22text%22%3A%22Ordic%2C%20Cygnaran%22%7D%2C%22note3%22%3A%7B%22title%22%3A%22Religious%20Beliefs%22%2C%22text%22%3A%22Morrowan%22%7D%2C%22note4%22%3A%7B%22title%22%3A%22Connections%22%2C%22text%22%3A%22None%22%7D%2C%22note5%22%3A%7B%22title%22%3A%22Gold%22%2C%22text%22%3A%2210%20gc%22%7D%2C%22note6%22%3A%7B%22title%22%3A%22DRIVES%22%2C%22text%22%3A%22In%20addition%20to%20simply%20instructing%20the%20steamjacks%20she%20controls%2C%20this%20character%20can%20also%20drive%20them%20into%20action.%20A%20drive%20is%20a%20quick%2C%20verbal%20command%20that%20guides%20a%20steamjack%20in%20the%20execution%20of%20a%20specific%20action.%20A%20'jack%20marshal%20can%20spend%20a%20quick%20action%20to%20drive%20any%20steamjack%20she%20controls%20that%20is%20currently%20in%20her%20command%20range.%20A%20steamjack%20can%20be%20affected%20by%20any%20number%20of%20drives%20simultaneously.%20A%20steamjack%20can%20be%20affected%20by%20the%20same%20drive%20only%20once%20per%20turn.%20All%20drives%20expire%20at%20the%20end%20of%20the%20turn.%5CnEvery%20'Â%C2%99jack%20marshal%20has%20the%20following%20drives%3A%5CnBoost%20Attack%20Roll%3A%20The%20steamjack%20can%20boost%20one%20attack%20roll%20during%20its%20turn%20this%20round.%5CnBoost%20Damage%20Roll%3A%20The%20steamjack%20can%20boost%20one%20damage%20roll%20during%20its%20turn%20this%20round.%5CnCharge%3A%20The%20steamjack%20can%20charge%20without%20spending%20a%20focus%20point%20this%20turn.%5CnRun%3A%20The%20steamjack%20can%20run%20without%20spending%20a%20focus%20point%20this%20turn.%22%7D%2C%22note7%22%3A%7B%22title%22%3A%22Note%20From%20The%20Developer%3A%22%2C%22text%22%3A%22Taken%20from%20%5C%22Fools%20Rush%20In%5C%22%3A%5Cnhttp%3A%2F%2Ffiles.privateerpress.com%2Fironkingdoms%2Fdocuments%2Fadventures%2FIKRPG_Scenario_Fools_Rush_In.pdf%22%7D%2C%22note8%22%3A%7B%22title%22%3A%22%22%2C%22text%22%3A%22%22%7D%2C%22note9%22%3A%7B%22title%22%3A%22%22%2C%22text%22%3A%22%22%7D%2C%22note10%22%3A%7B%22title%22%3A%22%22%2C%22text%22%3A%22%22%7D%2C%22note11%22%3A%7B%22title%22%3A%22%22%2C%22text%22%3A%22%22%7D%2C%22note12%22%3A%7B%22title%22%3A%22%22%2C%22text%22%3A%22%22%7D%2C%22focus%22%3A%22name%22%7D">Colbie's Notes</a></li>
diff --git a/static/images/sheet/Colbie.jpg b/static/images/sheet/Colbie.jpg
new file mode 100644
index 0000000..9727b02
Binary files /dev/null and b/static/images/sheet/Colbie.jpg differ
diff --git a/static/javascripts/heroic.js b/static/javascripts/heroic.js
index 865cf72..169a743 100644
--- a/static/javascripts/heroic.js
+++ b/static/javascripts/heroic.js
@@ -1,3 +1,8 @@
+function addListener(elem, event, f) {
+  if (elem.addEventListener) elem.addEventListener(event, f, false);
+  else elem.attachEvent("on"+event, f);
+}
+
 function Heroic(Hero) {
   var self = this;
   self.search = "";
@@ -89,7 +94,10 @@ function Heroic(Hero) {
                     Hero["focus"] = attribute;
                     redirect();
                 };
-                if (isDefined(input)) { input.addEventListener("change", updateSearchString, false); }
+                if (isDefined(input)) {
+                //input.addEventListener("change", updateSearchString, false);
+                  addListener(input, "change", updateSearchString);
+                }
             } else if (isObject(value)) {
                 var parent = document.querySelector("#"+attribute);
                 updateSearchString = function(key, input) {
@@ -145,16 +153,54 @@ function Heroic(Hero) {
                 if (input != null) { input.focus(); input.scrollIntoView(); }
             }
         };
-
+        var setPortrait = function(hero) {
+          var portrait = hero["portrait"]
+            , portraitDiv = document.querySelector("#portrait");
+          if (portrait && portraitDiv) {
+            var url = portrait["url"]
+              , x = portrait["x"]
+              , y = portrait["y"]
+              , size = portrait["size"];
+            if (url != null && x != null && y != null && size != null) {
+              var sheet = document.querySelector("div.sheet");
+              if (sheet) {
+                sheet.style["backgroundImage"] = "url("+url+")";
+                sheet.style["backgroundPosition"] = y+"px "+x+"px";
+                sheet.style["backgroundSize"] = size == "auto" ? "auto" : size+"px";
+              }
+            }
+          }
+        };
+        
         for (var i = 0; i < textareas.length; i++) { autoresizableTextarea(textareas[i]); }
         showWeapons(Hero);
         for (attribute in Hero) { fillOut(attribute, Hero[attribute]); }
         for (attribute in Hero) { saveOnChange(attribute, Hero[attribute]); }
+        setPortrait(Hero);
         focusLastInput(Hero);
         
-        var names = document.querySelectorAll("section > input.name");
-        for (name in names) { names[name].value = Hero["name"]; }
+      //var names = document.querySelectorAll("section > input.name");
+      //for (name in names) { names[name].value = Hero["name"]; }
+      
+        var displayPortrait = function(portrait, value, pointerEvent) {
+          return function(event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var inputs = portrait.querySelectorAll("input");
+            
+            for (var index = 0; index < inputs.length; index++) {
+              var input = inputs.item(index);
+              input.style["display"] = value;              
+              portrait.style["pointerEvents"] = pointerEvent;
+            }
+          };
+        };
+        var portrait = document.querySelector("#portrait")
+          , button = portrait.querySelector("input[type='button']");
         
+        addListener(portrait, "click", displayPortrait(portrait, "block", "none"));
+        addListener(button, "click", function(event) { displayPortrait(portrait, "none", "auto")(event); setPortrait(Hero); });
+      
         redirect();
     };
 
diff --git a/static/stylesheets/content.css b/static/stylesheets/content.css
index 021f899..1b45a26 100644
--- a/static/stylesheets/content.css
+++ b/static/stylesheets/content.css
@@ -28,4 +28,11 @@ section.content em {
 section.content > h2 + table,
 section.content > h2 + table.left + table.right,
 section.content > h2 + table.right + table.left {
-    margin-top: 2em; }
\ No newline at end of file
+    margin-top: 2em; }
+
+@media print {
+    section.content {
+        padding: 0 !important; }
+    section.content > * {
+        display: none; }
+}
\ No newline at end of file
diff --git a/static/stylesheets/content/character-sheet.css b/static/stylesheets/content/character-sheet.css
index 2fb14a5..c235560 100644
--- a/static/stylesheets/content/character-sheet.css
+++ b/static/stylesheets/content/character-sheet.css
@@ -1,18 +1,6 @@
-/*form.sheet {
-    margin: 2em auto 0 auto;
-    width: 699px;
-    height: 988px;
-    background-image: url(/static/images/Stats.png);
-    background-repeat: no-repeat; }*/
+div.sheet { margin: 2em auto 0 auto; width: 699px; height: 988px; background-repeat: no-repeat; }
 
-
-div.sheet {
-    margin: 2em auto 0 auto;
-    width: 699px;
-    height: 988px;
-}
-
-div.sheet > form.card { height: 988px; width: 699px; overflow: hidden; }
+div.sheet > form.card { height: 988px; width: 699px; background-repeat: no-repeat; overflow: hidden; }
 div.sheet > form.card input,
 div.sheet > form.card textarea { height: 30px; font-family: Georgia; font-size: 23px; text-align: justify; color: #333; background: none; border: none; }
 
@@ -25,6 +13,16 @@ div.sheet > form#stats input#archetype { top: 58px; left: 180px; width: 190px; }
 div.sheet > form#stats input#race { top: 58px; left: 370px; width: 150px; }
 div.sheet > form#stats input#level { top: 58px; left: 520px; width: 150px; }
 div.sheet > form#stats input#careers { top: 106px; left: 362px; width: 300px; }
+div.sheet > form#stats div#portrait { top: 103px; left: 2px; width: 350px; height: 400px; cursor: pointer; }
+div.sheet > form#stats div#portrait input { display: none; font-size: 1em; background-color: #BEB8AE; }
+div.sheet > form#stats div#portrait input[type="button"] { top: 72px; left: 2px; font-weight: bold; border-radius: 5px; cursor: pointer; }
+div.sheet > form#stats div#portrait input.url { width: 310px; }
+div.sheet > form#stats div#portrait input.x,
+div.sheet > form#stats div#portrait input.y,
+div.sheet > form#stats div#portrait input.size { width: 40px; text-align: right; }
+div.sheet > form#stats div#portrait input.x { top: 34px; }
+div.sheet > form#stats div#portrait input.y { top: 34px; left: 44px; }
+div.sheet > form#stats div#portrait input.size { top: 34px; left: 270px; }
 div.sheet > form#stats div#battle.stats { top: 157px; }
 div.sheet > form#stats div#battle.stats input { width: 30px; text-align: center; }
 div.sheet > form#stats div#battle.stats input#ini { left: 360px; }
@@ -79,28 +77,28 @@ div.sheet > form#stats input#wil { top: 784px; left: 572px; width: 92px; height:
 div.sheet > form#stats input#xp { top: 918px; left: 570px; width: 40px; text-align: center; }
 div.sheet > form#stats a#weapons-switch { height: 51px; width: 51px; background-image: url(/static/images/sheet/reload.png); }
 
-div.sheet > form#skills { background-image: url(/static/images/sheet/Skills.png); }
+div.sheet > form#skills { padding-top: 66px; background-image: url(/static/images/sheet/Skills.png); }
 div.sheet > form#skills input#name { top: 47px; left: 143px; height: 46px; width: 526px; font-size: 37px; text-transform: uppercase; }
 div.sheet > form#skills div.content { top: 180px; left: 20px; }
 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 > form#benefits { background-image: url(/static/images/sheet/Feats.png); }
+div.sheet > form#benefits { padding-top: 66px; 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 > form#abilities { background-image: url(/static/images/sheet/Abilities.png); }
+div.sheet > form#abilities { padding-top: 66px; 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 > form#spells { background-image: url(/static/images/sheet/Spells.png); }
+div.sheet > form#spells { padding-top: 66px; 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; }
@@ -108,7 +106,7 @@ div.sheet > form#spells div.content div.spell input { position: relative; width:
 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 > form#gear { background-image: url(/static/images/sheet/Gear.png); }
+div.sheet > form#gear { padding-top: 66px; 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; }
@@ -116,9 +114,13 @@ div.sheet > form#gear div.content div.gear input { position: relative; font-size
 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 > form#notes { background-image: url(/static/images/sheet/Abilities.png); }
+div.sheet > form#notes { padding-top: 66px; 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
+div.sheet > form#notes div.content div.note textarea.text { position: relative; width: 658px; height: auto; font-size: 17px; }
+
+@media print {
+    section.content > div.sheet { display: block; -webkit-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
+}
\ No newline at end of file
diff --git a/static/stylesheets/foot.css b/static/stylesheets/foot.css
index 4455681..c22b32b 100644
--- a/static/stylesheets/foot.css
+++ b/static/stylesheets/foot.css
@@ -32,4 +32,9 @@ footer#foot > ul:after {
 footer#foot > p:before {
     margin-bottom: 24px; }
 footer#foot > ul:after {
-    margin-top: 24px; }
\ No newline at end of file
+    margin-top: 24px; }
+
+@media print {
+    footer#foot {
+        display: none; }
+}
\ No newline at end of file
diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css
index 3379e63..603730a 100644
--- a/static/stylesheets/global.css
+++ b/static/stylesheets/global.css
@@ -16,4 +16,13 @@ article {
     background-color: rgba(252, 253, 246, 0.85);
     transition: width 1s, background-color 1s; -webkit-transition: width 1s, background-color 1s; -moz-transition: width 1s, background-color 1s; -ms-transition: width 1s, background-color 1s; }
 a {
-    text-decoration: none; }
\ No newline at end of file
+    text-decoration: none; }
+
+@media print {
+    body {
+        background-image: none;
+        background-color: transparent; }
+    article {
+        background-color: transparent;
+        width: auto; }
+}
\ No newline at end of file
diff --git a/static/stylesheets/head.css b/static/stylesheets/head.css
index 2f9b2c8..8bbd738 100644
--- a/static/stylesheets/head.css
+++ b/static/stylesheets/head.css
@@ -30,4 +30,9 @@ header#head nav li:nth-of-type(1) > a {
 header#head nav li:nth-of-type(2) > a {
     color: #82B964; }
 header#head nav li:nth-of-type(3) > a {
-    color: #D24D33; }
\ No newline at end of file
+    color: #D24D33; }
+
+@media print {
+    header#head {
+        display: none; }
+}
\ No newline at end of file
diff --git a/static/stylesheets/menu.css b/static/stylesheets/menu.css
index 87a3fd0..8f6e2e4 100644
--- a/static/stylesheets/menu.css
+++ b/static/stylesheets/menu.css
@@ -19,4 +19,9 @@ nav#menu > ol > li > a {
 nav#menu > ol > li:nth-of-type(5) > a {
     color: #82B964; }
 nav#menu > ol > li:nth-of-type(n+6) > a {
-    color: #D24D33; }
\ No newline at end of file
+    color: #D24D33; }
+
+@media print {
+    nav#menu {
+        display: none; }
+}
\ No newline at end of file