diff --git a/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.css b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.css
new file mode 100644
index 0000000000..4ef5e7a5f4
--- /dev/null
+++ b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.css
@@ -0,0 +1,225 @@
+  .charsheet hr { 
+  display: block;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  margin-left: auto;
+  margin-right: auto;
+  border-style: inset;
+  border: 1px solid black;
+}
+
+        .charsheet p{
+        display: block;
+        Color: white;
+        background-color: black;
+        text-align: center;
+        font-size: 1.2em !important;
+        font-family: IM Fell Great Primer SC;
+        font-style: Regular;
+    }
+    
+    .charsheet input[type="text"], textarea{
+        display: inline-block;
+        background: #00000000;
+        border: black solid 1px;
+        border-top: none;
+        border-left: none;
+        border-radius: 0%;
+        font-family: IM Fell Great Primer;
+        font-size: 1.2em
+    }
+	.charsheet textarea{
+        border-left: black solid 1px;
+		resize: none;
+		font-family: IM Fell Great Primer;
+		font-size: 1.2em
+    }
+    .charsheet .sheet-label{
+        background: black;
+        font-family: IM Fell Great Primer SC;
+        color: white;
+        display: inline-block;
+        padding: 0.8%;
+        margin-right: -.5%;
+        font-size: 1.1em;
+        font-weight: Normal;
+    }
+    .charsheet .sheet-header .sheet-row{
+        margin-bottom: 1%;
+    }
+    .charsheet .sheet-passatt{
+        border: 2px black solid;
+
+        display: inline-block;
+        font-family: IM Fell Great Primer SC;
+        font-size: 1.7em;
+        font-weight: Normal;        
+    }
+    .charsheet .sheet-actatt{
+        border: 3px black solid;
+        width: 2em;
+        border-radius: 50%;
+        display: inline-block;
+    }
+    .charsheet input[type="number"]{
+        border: none;
+        font-size: 1em;
+        background: none;
+        color: black;
+        text-align: center;
+        width: 3em !important;
+    }
+    .charsheet button{
+        background: none;
+        font-size: 1.1em !important;
+        border: 1px solid black;
+        font-style: normal;
+        color: black;
+    }
+    .charsheet button:hover{
+        background: #a6a6a6;
+    }
+    .charsheet button[type=roll]:before {
+        content: none !important;
+    }   
+    .charsheet .sheet-attlabel{
+        display: inline-block;
+        font-family: IM Fell Great Primer;
+    }
+    .charsheet h4{
+        text-align: center;
+        font-family: IM Fell Great Primer SC;
+    }
+        .charsheet h5{
+        text-align: Center;
+        font-family: IM Fell Great Primer;
+    }
+        .charsheet h3{
+        display: block;
+        Color: white;
+        background-color: black;
+        text-align: center;
+        font-size: 1.2em !important;
+        font-family: IM Fell Great Primer SC;
+        font-style: Regular;
+    }
+    .charsheet .sheet-leftatt{
+        float: left;
+        width: 49%;
+        margin-bottom: 7%;
+    }
+    .charsheet .sheet-rightatt{
+        float: right;
+        text-align: right;
+        width: 49%;
+        margin-bottom: 7%;
+    }
+    .charsheet input:focus, .charsheet textarea:focus{
+        outline: none;
+    }
+    .charsheet input[type=radio]{
+        display: none;
+        float: left;
+    }
+    .charsheet input[type=radio] + label{
+        content: '';
+       	border: solid 1px black;
+        background: white;
+        color: black;
+        font-weight: bold;
+        width: 10%;
+        text-align: center;
+        padding: 0%;
+        float: left;
+        font-family: IM Fell Great Primer SC;
+    }
+    .charsheet input[type=radio]:hover + label{
+        background: #990000;
+        font-family: IM Fell Great Primer SC;
+    }
+    .charsheet input[type=radio]:checked + label{
+        background: black;
+        color: white;
+        font-family: IM Fell Great Primer SC;
+    }
+    .charsheet div.sheet-page1, .charsheet div.sheet-page2{
+        display: none;
+
+    }
+    .charsheet input.sheet-page1:checked ~ div.sheet-page1, .charsheet input.sheet-page2:checked ~ div.sheet-page2{
+        display: block;
+
+    }
+    .charsheet .sheet-onethird{
+        width: 95%;
+    }
+    .charsheet .sheet-label2{
+        font-size: .9em;
+        margin: 1%;
+    }
+    .charsheet .sheet-bracket{
+        border: 1px black solid;
+        border-top: none;
+    }
+    
+    .charsheet .sheet-bracket input[type=text]{
+        border: none;
+        margin-right: 5%;
+    }
+    .charsheet .sheet-bracket input[type=text]:hover{
+        border-bottom: 1px black dashed;
+    }
+    .charsheet input[type=checkbox]{
+        opacity: 0;
+        margin-right: -1.5em;
+        height: 1em;
+        width: 1em;
+    }
+    .charsheet input[type=checkbox] + span:before{
+        content: "❌";
+        border: 2px solid black;
+        height: 1em;
+        width: 1em;
+        color: #00000000;
+        font-size: 1em;
+    }
+    .charsheet input[type=checkbox]:checked + span:before{
+        color: #000000FF;
+    }
+    .charsheet .sheet-label3{
+        font-style: Normal;
+        font-size: 1.1em;
+        padding-left: 1%;
+        padding-right: 0%;
+        font-family: IM Fell Great Primer;
+    }
+    .charsheet .sheet-label4{
+        font-weight: bold;
+        font-size: 1.9em;
+    }
+    .charsheet .sheet-bracket input[type=radio]{
+        display: block;
+        opacity: 0;
+        margin-left: 2.5px;
+        margin-Right: 2.5px;
+    	margin-top: 2;
+    	margin-bottom: -1.1em;
+    }
+    .charsheet .sheet-bracket input[type=radio] + span:before{
+        content: "❌";
+        border: 2px solid black;
+        height: 1em;
+        width: 1em;
+        color: #00000000;
+        font-size: 1em;
+        float: Left;
+        margin-left: 2.5px;
+        margin-Right: 2.5px;
+        margin-bottom: 2%;
+    }
+    .charsheet .sheet-bracket input[type=radio]:checked + span:before{
+        color: #000000FF;
+    }
+    .charsheet .sheet-twothirds{
+        width: 60%;
+    }
\ No newline at end of file
diff --git a/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.html b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.html
new file mode 100644
index 0000000000..fb94bb68a7
--- /dev/null
+++ b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.html
@@ -0,0 +1,245 @@
+<div class="sheet-container">
+    <input type="radio" class="sheet-page1" name="attr_page" value="1" checked="checked" id="sheet-page1"><label for="sheet-page1">Page One</label>
+    <input type="radio" class="sheet-page2" name="attr_page" value="2" id="sheet-page2"><label for="sheet-page2">Page Two</label>
+
+
+<br>
+<br>
+    
+    
+    <div class="sheet-page1">
+    <div class="sheet-header" style="width: 66% ; display: inline-block">
+    <div class="sheet-row">
+    <div class="sheet-label">Name</div><input type="text" name="attr_charname" style="width: 89.7%"></div>
+    <div class="sheet-row"><div class="sheet-label">Conecept</div><input type="text" name="attr_concept" style="width: 85.5%"></div>
+    <div class="sheet-row"><div class="sheet-label">Gender</div><input type="text" name="attr_gender" style="width: 88%"></div>
+    <div class="sheet-row"><div class="sheet-label">Age</div><input type="text" name="attr_age" style="width: 25%"></div>
+    </div><div class="sheet-logo" style="width: 33% ; display: inline-block ; vertical-align: top"><img src="http://www.erkas.se/CoC-Kult/coc-logo.png"></div>
+	<div class="sheet-row"><div class="sheet-label">Appearance</div>
+    <textarea name="attr_appearance" style="height: 54px"></textarea>
+</div>
+<div class="sheet-row">
+    <div style="width: 75% ; float: left ; margin-right: 1%" class="sheet-row">
+        
+<p>Physical Attributes</p>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_agility" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Agility</h4>      
+<button type="roll" value="/me rolls to Get Somewhere! [[2d10+@{Agility}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Get Somewhere</button></div></div>
+
+<div class="sheet-rightatt">
+<div class="sheet-attlabel"><h4>Combat</h4>
+<button type="roll" value="/me rolls to Attack Enemy! [[2d10+@{Combat}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Attack Enemy</button></div>
+<div class="sheet-passatt"><input type="number" name="attr_combat" min="-5" max="5"></div></div>
+    
+<br>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_reflexes" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Reflexes</h4>
+<button type="roll" value="/me rolls to Avoid Getting Hit! [[2d10+@{Reflexes}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Avoid Getting Hit</button></div></div>
+
+    
+<div class="sheet-rightatt">
+<div class="sheet-attlabel"><h4>Dexterity</h4>
+<button type="roll" value="/me rolls for Work With Your Hands! [[2d10+@{Dexterity}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Work With Your Hands</button></div>
+<div class="sheet-passatt"><input type="number" name="attr_dexterity" min="-5" max="5"></div></div>
+
+<br><br><br><br><br><br><br><br><br>
+<p>Social Attributes</p>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_charisma" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Charisma</h4>
+<button type="roll" value="/me rolls to Convince Someone! [[2d10+@{Charisma}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Convince Someone</button></div></div>
+
+    
+<div class="sheet-rightatt">
+<div class="sheet-attlabel"><h4>Empathy</h4>
+<button type="roll" value="/me rolls to Understand Someone! [[2d10+@{Empathy}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Understand Someone</button></div>
+<div class="sheet-passatt"><input type="number" name="attr_empathy" min="-5" max="5"></div></div>
+
+<br><br><br><br><br>
+<p>Mental Attributes</p>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_cool" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Cool</h4>
+<button type="roll" value="/me rolls to Avoid Discovery! [[2d10+@{Cool}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Avoid Discovery</button></div></div>
+
+    
+<div class="sheet-rightatt">
+<div class="sheet-attlabel"><h4>Intelligence</h4>
+<button type="roll" value="/me rolls to Find Information! [[2d10+@{Intelligence}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Find Information</button></div>
+<div class="sheet-passatt"><input type="number" name="attr_intelligence" min="-5" max="5"></div></div>
+
+<br>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_sanity" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Sanity</h4>
+<button type="roll" value="/me rolls to Remain Mentally Stable! [[2d10+@{Sanity}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Remain Mentally Stable</button></div></div>
+
+    
+<div class="sheet-rightatt">
+<div class="sheet-attlabel"><h4>Education</h4>
+<button type="roll" value="/me rolls to Understand Something Complicated! [[2d10+@{Education}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Understand Something Complicated</button></div>
+<div class="sheet-passatt"><input type="number" name="attr_education" min="-5" max="5"></div></div>
+
+<br>
+
+<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_perception" min="-5" max="5"></div>
+<div class="sheet-attlabel"><h4>Perception</h4>
+<button type="roll" value="/me rolls to Find Something Hidden! [[2d10+@{Perception}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Find Something Hidden</button></div></div>
+
+<h4>At creation place the following:</h4><h5>+3, +2, +2, +1, +1, +0, +0, +0, -1, -1, -2</h5>
+
+
+<table class="sheet-bracket" align="left" width="100%">
+      <tbody>
+        <tr>
+          <td colspan="13">
+            <p>Mental Stability</p>
+          </td>
+        </tr>
+        <tr>
+            <td><input name="attr_mentalstability" value="0" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="1" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="2" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="3" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="4" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="5" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="6" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="7" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="8" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="9" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="10" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="11" type="radio"> <span></span></td>
+            <td><input name="attr_mentalstability" value="12" type="radio"> <span></span></td>
+        </tr>
+        
+        <tr>
+            <td class="sheet-label3">0</td>
+            <td class="sheet-label3">1</td>
+            <td class="sheet-label3">2</td>
+            <td class="sheet-label3">3</td>
+            <td class="sheet-label3">4</td>
+            <td class="sheet-label3">5</td>
+            <td class="sheet-label3">6</td>
+            <td class="sheet-label3">7</td>
+            <td class="sheet-label3">8</td>
+            <td class="sheet-label3">9</td>
+            <td class="sheet-label3">10</td>
+            <td class="sheet-label3">11</td>
+            <td class="sheet-label3">12</td>
+        </tr>  
+        
+      </tbody>
+    </table>
+
+<br><br><br><br><br><br><br><br>
+
+<table align="left" class="sheet-bracket" width=29%>
+<tbody>
+<tr>
+    <td colspan=2><p>Woundlevel</p></td>
+</tr>
+<tr>
+    <td width="20px">
+    <input type="radio" name="attr_woundlevel" value="0">
+    <span></span>
+    </td>
+    <td class="sheet-label3">Unharmed</td>
+</tr>
+<tr>
+    <td>
+    <input type="radio" name="attr_woundlevel" value="1">
+    <span></span>
+    </td>
+    <td class="sheet-label3">Lightly wounded</td>
+</tr>
+<tr>    
+    <td>
+    <input type="radio" name="attr_woundlevel" value="2">
+    <span></span>
+    </td>
+    <td class="sheet-label3">Wounded (-2 on rolls)</td>
+</tr>
+<tr>    
+    <td>
+    <input type="radio" name="attr_woundlevel" value="3">
+    <span></span>
+    </td>
+    <td class="sheet-label3">Incapacitated</td>
+</tr>
+</tbody></table>
+
+    <table class="sheet-bracket" align="right" width="70%">
+      <tbody>
+        <tr>
+            <td colspan="8" width="100%"><p>Hardened</p></td>
+        </tr>
+        <tr>
+            <td class="sheet-label3" width="35%">Violence</td>
+            <td><input name="attr_violence" value="0" type="radio"> <span></span></td> 
+            <td><input name="attr_violence" value="1" type="radio"> <span></span></td> 
+            <td><input name="attr_violence" value="2" type="radio"> <span></span></td> 
+            <td><input name="attr_violence" value="3" type="radio"> <span></span></td>  
+            <td><input name="attr_violence" value="4" type="radio"> <span></span></td>  
+            <td><input name="attr_violence" value="5" type="radio"> <span></span></td> 
+            <td><input name="attr_violence" value="6" type="radio"> <span></span></td> 
+        </tr>
+        <tr>
+            <td class="sheet-label3" width="35%">Mythos Witness</td>
+            <td><input name="attr_mythoswitness" value="0" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="1" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="2" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="3" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="4" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="5" type="radio"> <span></span></td> 
+            <td><input name="attr_mythoswitness" value="6" type="radio"> <span></span></td> 
+        </tr>
+        <tr>
+            <td class="sheet-label3" width="35%">Mythos Knowledge</td>
+            <td><input name="attr_mythosknowledge" value="0" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="1" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="2" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="3" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="4" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="5" type="radio"> <span></span></td> 
+            <td><input name="attr_mythosknowledge" value="6" type="radio"> <span></span></td>
+        </tr>
+        
+        <tr>
+            <td></td>
+            <td class="sheet-label3">0</td>
+            <td class="sheet-label3">1</td>
+            <td class="sheet-label3">2</td>
+            <td class="sheet-label3">3</td>
+            <td class="sheet-label3">4</td>
+            <td class="sheet-label3">5</td>
+            <td class="sheet-label3">6</td>
+        </tr>
+      </tbody>
+    </table>
+
+</div></div></div>
+
+    <div class="sheet-page2"><div class="sheet-onethird" style="float: left">
+        <div class="sheet-row">
+            
+
+<div class="sheet-row" style="width: 100% ; display: inline-block">
+    <div class="sheet-label">Backgrounds</div>
+    <textarea name="attr_backgrounds" style="height: 60px"></textarea>
+    <div class="sheet-label">Relationships</div>
+    <textarea name="attr_relationships" style="height: 60px"></textarea>
+    <div class="sheet-label">Equipement</div>
+    <textarea name="attr_equipement" style="height: 90px"></textarea>
+
+
+    <div class="sheet-label">Notes</div>
+    <textarea name="attr_notes" style="height: 353px"></textarea>
+</div>
+
+
+    
+    </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.png b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.png
new file mode 100644
index 0000000000..40577bb22f
Binary files /dev/null and b/Call_of_Cthulhu-PbtA/Call_of_Cthulhu-PbtA.png differ