[UKE] NANAYAMA, MASHIRO

[doHTML]
<center><div class='pf1'><div class='pf2'><div class='pf3'>


<img src='http://i68.tinypic.com/2uj5cer.jpg'>


</div><div class='t1s'><div class='t1'><input type='radio' id='pt1' name='tg-1' checked><label for='pt1'>I</label>
<div class='tcontent'><div class='pf4'>

<h1>Mashiro Nanayama</h1>

<h2>UKE</h2>

</div><div class='pf4'>
<h3>AGE</h3>

16

<h3>OCCUPATION</h3>

Occupation goes here. Includes clubs/gangs for students. 

<h3>SEXUALITY</h3>

Bisexual, but more attraacted to guys

<h3>HEIGHT/WEIGHT</h3>

163 cm/60 kg

<h3>FACE CLAIM</h3>

HARUKANARU TOKI NO NAKA DE 6, RUDKHANE

</div>

<div class='pf4'>
<h3>PHYSICAL DESCRIPTION</h3><div class='pf5'>

Mashiro is a guy who has a pair of purple eyes and a short, ear-lengthed hair. His hair color is green, and he usuall let it loosed.
<p><p>
Mashiro is a quite short, for a sixteen years old guy, when it come to height and weight. He stand for 163 cm in height, and he has 61 kg for his height.
<p><p>1
When it come to clothing style, Mashiro has no specific style. Although he usually wear casual clothes, when he is outside of school. And each day, they are different. As for when he is at school, Mahiro usually wear Dotai's uniform. In which he wear neatly. And during formal occassions, Mashiro usually wear formal clothes.
<p><p>

</div></div></div></div>
<div class='t1'><input type='radio' id='pt2' name='tg-1'><label for='pt2'>II</label>
<div class='tcontent'><div class='pf4'>
<h3>POSITIVE</h3><div class='pf5' id='d1'>

• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here; more can be added
<br>

</div><h3>NEGATIVE</h3><div class='pf5' id='d1'>

• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here.
<br>
• TRAIT -- describe the trait here; more can be added
<br>
</div></div>
<div class='pf4'><div class='pf5' id='d3'>
<h3>LIKES</h3>

• LIKE -- describe the like here.<br>

• LIKE -- describe the like here.<br>

• LIKE -- describe the like here; more can be added<br>

<h3>DISLIKES</h3>

• BEING SHORT -- describe the dislike here.<br>

• DISLIKE -- describe the dislike here.<br>

• DISLIKE -- describe the dislike here; more can be added<br>

<h3>HABITS</h3>

• HABIT -- describe the habit here.<br>

• HABIT -- describe the habit here; more can be added<br>

<h3>FEAR</h3>

• FEAR -- describe the fear here; more can be added<br>


</div></div><div id="d2">



<img src='http://i64.tinypic.com/15mmlw3.jpg'>

<img src='http://i64.tinypic.com/15mmlw3.jpg'>

<img src='http://i64.tinypic.com/15mmlw3.jpg'>



</div></div></div><div class='t1'><input type='radio' id='pt3' name='tg-1'><label for='pt3'>III</label>
<div class='tcontent'><div class='pf4' id='d3'>


<h3>PARENTS/GUARDIANS</h3>
Mother, father and/or guardian if applicable

<h3>SIBLINGS</h3>
Any brothers or sisters?

<h3>HISTORY</h3>
Give a well detailed description of your character's past; at least one paragraph, if not more. Explain how they came to stumble upon this place and how they got here.

</div></div></div><div class='t1'><input type='radio' id='pt4' name='tg-1'><label for='pt4'>IV</label>
<div class='tcontent'><div class='pf4'>

<h1>OOC NAME</h1>

<h2>AGE, TIMEZONE, # OTHER CHARACTERS</h2>


</div><div class='pf4' id='d1'>

<h3>MISCELLANEOUS</h3>


Any thing extra you'd like to add?


</div><div class='d4'>



<img src='http://i64.tinypic.com/28sld3a.jpg'>


</div>
</div></div>
</div></div></div><div class='pf1Creds'>template &copy cerasri</div></center>
<style>
.pf1{width: 580px;background-color: #fafafa;padding: 15px 10px; margin: 10px 10px; line-height: normal;}
.pf2{width: 560px;background-color: #cdcdcd; padding: 0px; position: relative; min-height: 620px;}
.pf3{position: absolute; bottom: 0px; left: 0px; z-index: 1;}
.pf3 img{width: 250px; height: 550px;}
.pf4{ padding: 5px; text-align: left; width: 280px; background-color: #fefdfb; line-height: normal; color: #8c8c8c; margin: 10px; font-size: 12px; text-transform: lowercase;}
.pf4 h1{ font-size: 30px; text-transform: uppercase; display: block; padding-bottom: 4px; border-bottom: 1px solid #cdcdcd; margin: 15px 0px 3px 0px; text-align: center;}
.pf4 h2{font-size: 12px; text-transform: uppercase; padding: 0px; margin: 3px 0px 15px 0px; text-align: center;}
.pf4 h3{ text-transform: uppercase; margin: 5px 0px; font-size: 12px; padding: 5px; background-color: #8c8c8c; color: #fafafa; width: 140px; text-align: left;}
.pf5{text-align: justify; padding: 5px; overflow: auto; height: 130px;}
.pf5#d1{height: 80px;}
#d2{text-align: center; background: none;}
#d2 img{height: 75px; width: 75px; margin: 0px 3px;}
.pf4#d3{max-height: 580px; overflow: auto;}
.pf5#d3{height: 220px;}
.pf4#d1{max-height: 200px; overflow: auto; min-height: 100px;}
.d4 img{height: 200px; width: 200px; border-radius: 100%; padding: 5px; border: 5px solid #fefdfb; background-color: #ededed;}
.t1s{position: relative; min-height: 200px;}
.t1{float: left;}
.t1 [type=radio]{display: none;}
.t1 label {width: 45px; background: #ededed; padding: 10px; font-size: 25px; margin: 10px 5px; left: 5px; position: relative; top: 15px;}
.tcontent{background-color: #8c8c8c; width: 310px; height: 614px; padding: 3px 0px; position: absolute; right: 0px; top:0px; overflow: hidden;}
.t1 [type=radio]:checked ~ label{background: #0a0a0a; z-index: 2; color: #fafafa;}
.t1 [type=radio]:checked ~ label ~ .tcontent{z-index:2;}
.pf1Creds{font-size: 10px; font-family: courier;}
</style>

[/doHTML]