<style>

{***Profile Body***}

.pfor {
display: none;}

#profile {
background-color:transparent;
border: 0px;}

body {
background-image:url("http://i.picpar.com/zX0b.jpg");
background-size: 100% 100%;
background-attachment:fixed;}

{***Center Image***}

#Ingrid {
position: fixed;
top: 0;
bottom: 0;
left: 30%;
}

{***Side Boxes***}

#leftbox {
position: fixed;
top: 5px;
left: 5px;
bottom: 5px;
width: 340px;
border: 2px #333333 solid;
background-image:url("http://i.picpar.com/pg5b.jpg");
background-size: 100% 100%;
}

#rightbox {
position: fixed;
top: 5px;
right: 5px;
bottom: 5px;
width: 340px;
border: 2px #333333 solid;
background-image:url("http://i.picpar.com/pg5b.jpg");
background-size: 100% 100%;
}

#rightinnerbox {
position: absolute;
top: 12px;
right: 12px;
height: 400px;
left: 12px;
}

{***Header Box***}

#Headerbox {
border-bottom: #231F20 2px solid;
top: 0px;
left: 0px;
right: 0px;
height: 21px;
text-align: center;
background-image:url("http://i.picpar.com/2X0b.png");
color: red;
font-family: Verdana;
text-shadow:
1px 1px 0px red,
0px 0px 3px red;
letter-spacing: 8px;
overflow: hidden;
}

#Headerbox2 {
border: #231F20 2px solid;
top: 0px;
left: 0px;
right: 0px;
height: 21px;
padding-top: 4px;
text-align: center;
background-image:url("http://i.picpar.com/2X0b.png");
color: red;
font-family: Verdana;
font-size: 15px;
text-shadow:
1px 1px 0px red,
0px 0px 3px red;
letter-spacing: 8px;
overflow: hidden;
}

{***Content Boxes***}

#BoxOne {
position: absolute;
border: #231F20 3px solid;
top: 12px;
left: 12px;
right: 12px;
height: 240px;
overflow: hidden;
box-shadow:
0 0 30px #DE442F;
background-image:url("http://i.picpar.com/6X0b.png");
background-size: 100% 100%;
}

#BoxTwo {
position: absolute;
border: #231F20 3px solid;
top: 265px;
left: 12px;
right: 12px;
height: 165px;
overflow: hidden;
box-shadow:
0 0 30px #DE442F;
background-image:url("http://i.picpar.com/6X0b.png");
background-size: 100% 100%;
}

#BoxThree {
position: absolute;
border: #231F20 3px solid;
top: 443px;
left: 12px;
right: 12px;
bottom: 12px;
overflow: hidden;
box-shadow:
0 0 30px #DE442F;
background-image:url("http://i.picpar.com/6X0b.png");
background-size: 100% 100%;
}

#BoxFour{
position: absolute;
border: #231F20 3px solid;
height: 270px;
left: 12px;
right: 12px;
bottom: 12px;
overflow: hidden;
box-shadow:
0 0 30px #DE442F;
background-image:url("http://i.picpar.com/6X0b.png");
background-size: 100% 100%;
}

#ContentBox {
position: absolute;
border: red 1px solid;
left: 0px;
right: 0px;
bottom: 0px;
top: 23px;
padding: 10px;
overflow: auto;
color: white;
font-family: tahoma;
font-size: 11px;
overflow: auto;
box-shadow:
inset 0 0 10px red;
}

#ContentBox2 {
position: absolute;
border: red 1px solid;
left: 0px;
right: 0px;
bottom: 0px;
top: 23px;
padding: 10px;
overflow: auto;
color: B93705;
font-family: tahoma;
font-size: 13px;
overflow: auto;
box-shadow:
inset 0 0 10px red;
}

#ContentBox3 {
position: absolute;
border: red 1px solid;
left: 0px;
right: 0px;
bottom: 0px;
top: 23px;
padding: 10px;
overflow: hidden;
color: B93705;
font-family: tahoma;
font-size: 13px;
overflow: auto;
box-shadow:
inset 0 0 10px red;
}

#BoxMoving {
font-family: tahoma;
line-height: 10px;
font-size: 11px;
height: 24px;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#BoxMoving:hover {
background-color: rgba(0,0,0,.9);
height: 326px;
border: 1px red solid;
box-shadow:
inset 0 0 30px red;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#Innerbox {
border: 1px solid red;
padding: 10px;
margin: 10px;
width: 275px;
height: 250px;
color: #DE442F;
overflow: auto;
}

{***STAT BLOCKS***}

#StatBar {
position: absolute;
overflow: hidden;
width: 150px;
height: 10px;
margin-left: 79px;
margin-top: 3px;
border: 1px red solid;}

#StatBlockFull {
float: left;
width: 12px;
height: 12px;
margin-right: 1px;
background-color: orange;
border-right: 1px solid red;
border-left: 1px solid red;
}

#StatBlockFullFire {
float: left;
width: 12px;
height: 12px;
margin-right: 1px;
background-image:url("http://i.picpar.com/GX0b.gif");
background-size: 100% 100%;
border-right: 1px solid red;
border-left: 1px solid red;
}

#StatBlockEmpty{
float: left;
width: 12px;
height: 12px;
margin-right: 1px;
background-color: #444444;
background-size: 100% 100%;
border-right: 1px solid red;
border-left: 1px solid red;
}

{***LINES***}

#line {
position: fixed;
border: #231F20 2px solid;
height: 0px;
top: 10%;
left: 30px;
right: 30px;
box-shadow:
0 0 20px #DE442F,
0 0 20px #DE442F,
0 0 20px #DE442F;
}

#line2 {
position: fixed;
border: #231F20 2px solid;
height: 0px;
top: 32%;
left: 30px;
right: 30px;
box-shadow:
0 0 20px #DE442F,
0 0 20px #DE442F,
0 0 20px #DE442F;
}

#line3 {
position: fixed;
border: #231F20 2px solid;
height: 0px;
top: 58%;
left: 30px;
right: 30px;
box-shadow:
0 0 20px #DE442F,
0 0 20px #DE442F,
0 0 20px #DE442F;
}

#line4 {
position: fixed;
border: #231F20 2px solid;
height: 0px;
top: 80%;
left: 30px;
right: 30px;
box-shadow:
0 0 20px #DE442F,
0 0 20px #DE442F,
0 0 20px #DE442F;
}

</style>


<div id=line></div>

<div id=line2></div>

<div id=line3></div>

<div id=line4></div>

<div id=Ingrid>
<img src="http://i.picpar.com/xX0b.png" height=100%>
</div>

<div id=leftbox>

<div id=BoxOne>
<div id=Headerbox>
BASIC STATS
</div>
<div id=ContentBox>
<font color=red style=float:left>Name</font>
<font color=orange style=float:right>Cordelia Ingrid Kassal</font>
<br>
<font color=red style=float:left>Alias</font>
<font color=orange style=float:right>Commandant Hardass, "Inny"</font>
<br>
<font color=red style=float:left>Age</font>
<font color=orange style=float:right>Thirty six</font>
<br>
<font color=red style=float:left>Gender</font>
<font color=orange style=float:right>Female</font>
<br>
<font color=red style=float:left>Marital Status</font>
<font color=orange style=float:right>Unattached/Uninterested</font>
<br>
<font color=red style=float:left>Sexual Orientation</font>
<font color=orange style=float:right>Demisexual</font>
<br>
<font color=red style=float:left>Country</font>
<font color=orange style=float:right>Luvidia</font>
<br>
<font color=red style=float:left>Occupation</font>
<font color=orange style=float:right>Military, Retired</font>
<br>
<font color=red style=float:left>Frame</font>
<font color=orange style=float:right>Toned/5'9"/180lbs</font>
<br>
<font color=red style=float:left>Features</font>
<font color=orange style=float:right>Black Hair/Gold Eyes</font>
<br>
<font color=red style=float:left>Vices</font>
<font color=orange style=float:right>Smoking, Drinking</font>
<br>
<font color=red style=float:left>Weapons</font>
<font color=orange style=float:right>Luger/Ōdachi</font>
<br>
<font color=red style=float:left>Other Notes</font>
<font color=orange style=float:right>Poor Eyesight</font>
<br>
</div>
</div>


<div id=BoxTwo>
<div id=Headerbox>
ATTRIBUTES
</div>
<div id=ContentBox>
<font color=orange style=float:left>Strength</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>
</div>
<br>
<font color=orange style=float:left>Dexterity</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>
</div>
<br>
<font color=orange style=float:left>Constitution</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>
</div>
<br>
<font color=orange style=float:left>Intelligence</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockEmpty"></div>
</div>
<br>
<font color=orange style=float:left>Wisdom</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div>
<div id="StatBlockFull"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>

</div>
<br>
<font color=orange style=float:left>Charisma</font>
<div id="StatBar">
<div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockFull"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>
</div>
<br>
<br>

<font color=red style=float:left>Fire Magic</font>
<div id="StatBar">
<div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockFullFire"></div><div id="StatBlockEmpty"></div><div id="StatBlockEmpty"></div>
</div>


</div>
</div>


<div id=BoxThree>
<div id=Headerbox>
PERSONALITY
</div>
<div id=ContentBox2>
If you asked this woman to describe herself, two words would come forth. Harsh and Dull. Ingrid Kassal is an aging and retired army Commandant from the small tucked away nation of Luvidia. Shaped by years of military service both in and out of combat, few ever see any emotion from her except for either calm and calculative or full on 'snap you back to the academy' hardass. In her retirement she much prefers the quiet, isolated table with a pack of cigarettes and any type of hard alcohol as opposed to the company of another human being.
</div>
</div>

</div>


<div id=rightbox>

<div id=rightinnerbox>
<div id=BoxMoving>
<div id=headerbox2>HISTORICAL</div>

<div id=innerbox>
</div>

</div>

<div id=BoxMoving>
<div id=headerbox2>SERVICE RECORD</div>

<div id=innerbox>
</div>

</div>

<div id=BoxMoving>
<div id=headerbox2>INVENTORY</div>

<div id=innerbox>
</div>

</div>

<div id=BoxMoving>
<div id=headerbox2>ABILITIES</div>

<div id=innerbox>

</div>

</div>

<div id=BoxMoving>
<div id=headerbox2>KNOWN PERSONS</div>

<div id=innerbox>
</div>

</div>


</div>

<div id=BoxFour>
<div id=Headerbox>
O O C
</div>
<div id=ContentBox>
<font color=darkred size=2>
OOC ≠ IC. Learn this.
<br>
<font color=#DE442F size=2>I'm friendly OOC. Not IC. See above.</font>
<br>
I tend to stay in character.
<br>
<font color=#DE442F size=2>Do not PM me a post.</font>
<br>
Room RP preferred.
<br>
<font color=#DE442F size=2>Plot is <font color=orange size=2>adored.</font></font>
<br>
Coding is</font> <font color=red size=2>mine.</font></font>
</div>
</div>
</div>