[doHTML]
&lt;link href='https://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
&lt;link href='https://fonts.googleapis.com/css?family=Raleway:900,800,700' rel='stylesheet' type='text/css'>
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

&lt;style type="text/css">

.ntitle { width: 512px; background: #000; color: #fff; font-family: raleway; font-weight: 800; font-size: 30px; text-transform: uppercase; padding: 50px 30px 50px 30px; }
.nstuff { height: 345px; width: 330px; overflow: auto; text-align: justify; padding: 0px 5px 0px 0px; font-family: arial; font-size: 10px; line-height: 100%; }
thing { font-family: anaheim; font-size: 8px; text-transform: uppercase; margin-left: -15px; font-weight: normal; letter-spacing: 1px; color: #373737; }
.nstuff2 { height: 345px; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; padding: 5px; }
.nstuffff { margin-left: 15px; }
.head { color: #ccc; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px; border-bottom: solid 1px #eee; margin: 5px; text-align: left; }
.ndetails { width: 541px; padding: 15px; raleway; font-weight: 700; background: #000; color: #fff; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin-left: 20px; margin-top: -10px; text-align: center; }
.nshipper { background-color: #fafafa; border: 1px solid #eee; width: 550px; height: 400px; padding: 10px 10px 10px 10px; }
.Ncontainer {
height: 400;
width: 550;
}
.Ntabs {
position: relative;
width: 550px;
height:  400px;
}
.Ntab {
float: left; }
.Ntab label {
display: block;
width: 90px;
height: 20px;
background: #fff;
padding: 10px;
margin: 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 3;
font-family: anaheim;
text-transform: uppercase; }
.Ntab input[type=radio]:checked ~ label {
border-bottom: 5px solid #ccc;
z-index: 2; }
.Ntab input[type=radio] {
display: none; }
.Ncontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
padding: 45px 0px 0px 0px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s; }
.Ntab input[type=radio]:checked ~ label ~ .Ncontent {
z-index: 1;
opacity: 1; }
&lt;/style>

&lt;center>
&lt;div class="ntitle" style="background: MEMBER GROUP HEX">

first last

&lt;/div>
&lt;div class="nshipper">
&lt;div class="Ncontainer">

&lt;div class="Ntabs">


&lt;div class="Ntab">
&lt;input type="radio" id="Ntab-1" name="Ntab-group-1" checked>
&lt;label for="Ntab-1"> &lt;i class="fa fa-home fa-fw" style="font-size: 10px;margin-top:5px">&lt;/i>&nbsp; image&lt;/label>
&lt;div class="Ncontent">
&lt;img src="http://placehold.it/550x355/eee" width="550" height="355">
&lt;/div>
&lt;/div>


&lt;div class="Ntab">
&lt;input type="radio" id="Ntab-2" name="Ntab-group-1">
&lt;label for="Ntab-2"> &lt;i class="fa fa-heartbeat" style="font-size: 10px;margin-top:5px">&lt;/i>&nbsp; in depth&lt;/label>
&lt;div class="Ncontent">
&lt;table cellpadding="5" cellspacing="0">&lt;tr>&lt;td>

&lt;img src="http://placehold.it/200x345/eee/" width="200" height="345">

&lt;/td>&lt;td>

&lt;div class="nstuff">
&lt;div class="nstuffff">
&lt;div class="head">basics&lt;/div>
&lt;thing>full name:&lt;/thing> here
&lt;br>
&lt;thing>nicknames/aliases:&lt;/thing> here
&lt;br>
&lt;thing>age:&lt;/thing> in letters
&lt;br>
&lt;thing>date of birth:&lt;/thing> ##day month,
&lt;br>

&lt;br>
&lt;thing>place of birth:&lt;/thing> here
&lt;br>
&lt;thing>current residence:&lt;/thing> here
&lt;br>
&lt;thing>hometown:&lt;/thing> here
&lt;br>
&lt;thing>nationality:&lt;/thing> here
&lt;br>
&lt;thing>ethnicity:&lt;/thing> here
&lt;br>
&lt;thing>gender:&lt;/thing> here
&lt;br>
&lt;thing>pronouns:&lt;/thing> here
&lt;br>
&lt;thing>occupation:&lt;/thing> here
&lt;br>
&lt;thing>languages:&lt;/thing> here
&lt;br>
&lt;thing>member group:&lt;/thing> here
&lt;br>
&lt;thing>for a request?:&lt;/thing> here



&lt;div class="head">relationships&lt;/div>

&lt;thing>sexual orientation:&lt;/thing> here
&lt;br>
&lt;thing>romantic orientation:&lt;/thing> here
&lt;br>
&lt;thing>parents:&lt;/thing> here
&lt;br>
&lt;thing>siblings:&lt;/thing> here
&lt;br>
&lt;thing>children:&lt;/thing> here
&lt;br>
&lt;thing>other family:&lt;/thing> here
&lt;br>
&lt;thing>relationship status:&lt;/thing> here
&lt;br>
&lt;thing>current partner:&lt;/thing> here
&lt;br>
&lt;thing>past partners:&lt;/thing> here
&lt;br>






&lt;/div>&lt;/div>&lt;/td>&lt;/tr>&lt;/table>&lt;/div>&lt;/div>


&lt;div class="Ntab">
&lt;input type="radio" id="Ntab-3" name="Ntab-group-1">
&lt;label for="Ntab-3"> &lt;i class="fa fa-pencil fa-fw" style="font-size: 10px;margin-top:5px">&lt;/i>&nbsp; freeform&lt;/label>
&lt;div class="Ncontent">

&lt;div class="nstuff2" style="padding: 10px 40px 10px 40px">
&lt;div class="head">File of {character name}&lt;/div>
This the concept section of the application.  Here we want you to break your character down to four sentences that describe their very core being. As they grow this is statement that will remain the same. People tend to stay on site if they understand their character's core being. Batman for example." A young boy made a man far to early. Watched his parents die and vowed vengeance and he would become Gotham's hero. It would be his true son, Dick Grayson, that would teach Bruce, it is truly justice he seeks. Now the Batman stands for more as he leads his buries his failures and leads his family to win the soul of Gotham. "  There is a lot in the statement that is out in the open and lot in implied. Still, it sits with the stubborn Dark Knight and defines a key difference between him and his son. It speaks of Jason, Stephanie, and Damien. His essence is there.

&lt;div class="head">Detective comic #1&lt;/div>

Consider this your personal Detective Comic. Like any good bosses we need lay down the ground rules.
&lt;P>
1. Make sure you cover the Origin of your character. &lt;br>
2. Make sure we get a peek at their personality. &lt;br>
3. The first image MUST be that of your face claim. Comic Canons, feel free to use the other images as spots for comic art. Do not use fan art. &lt;br>
4. Bump your application when finish. &lt;br>
5. Feel free customize the HEX COLOR of your application. &lt;br>
6.NO CHARACTER OUTSIDE THE CABINET (Excluding Black Lightning and Cat Grant) KNOW ANYTHING ABOUT WHAT LEX IS PLANNING OR KNOW ANYTHING ABOUT HIS PAST OR THE PASTS OF THE CABIENT!


 








&lt;/div>&lt;/div>&lt;/div>

&lt;div class="Ntab">
&lt;input type="radio" id="Ntab-4" name="Ntab-group-1">
&lt;label for="Ntab-4"> &lt;i class="fa fa-user-plus" style="font-size: 10px;margin-top:5px">&lt;/i> &nbsp; abilities&lt;/label>
&lt;div class="Ncontent">

&lt;table cellpadding="3" cellspacing="0">&lt;tr>

&lt;td>&lt;div class="nstuff">



&lt;div class="head">Powers&lt;/div>

Explain your character's powers to us.  Act as if you never heard of them before. Literally, we are going to be be thinking- how does Superman Fly? Cover all the bases!


&lt;div class="head">Skills&lt;/div>
Every character has a unique set of skills. Tell us about yours.

&lt;div class="head">Gear&lt;/div>

What gear does your character have to their job done. This can weapons to take down good guys or simple things like cooking wear for a chief. You may list these.

&lt;div class="head">Weakness&lt;/div>

Every power has it's weakness. Every positive personality trait has it's negative. Please write about your character's weaknesses. There is no word count for this make sure you even things out. We will pend you for an over powerful character.
&lt;/div>&lt;/td>
&lt;td>

&lt;img src="http://placehold.it/200x345/eee/" width="200" height="345">

&lt;/td>&lt;/tr>&lt;/table>

&lt;/div>
&lt;/div>

&lt;div class="Ntab">
&lt;input type="radio" id="Ntab-5" name="Ntab-group-1">
&lt;label for="Ntab-5"> &lt;i class="fa fa-cog fa-fw" style="font-size: 10px;margin-top:5px">&lt;/i> &nbsp; player&lt;/label>
&lt;div class="Ncontent">
&lt;table cellpadding="5" cellspacing="0">&lt;tr>&lt;td>
&lt;img src="http://placehold.it/200x160/eee" width="200" height="160">
&lt;p>
&lt;img src="http://placehold.it/200x160/eee" width="200" height="160">
&lt;/td>&lt;td>
&lt;div class="nstuff">
&lt;div class="nstuffff">
&lt;div class="head">alias&lt;/div>

&lt;br>&lt;thing>pronouns:&lt;/thing>
&lt;br>
&lt;thing>timezone:&lt;/thing>
&lt;br>
&lt;thing>contact:&lt;/thing> here
&lt;br>
&lt;thing>triggers:&lt;/thing> here
&lt;br>
&lt;thing>mature threading:&lt;/thing> here
&lt;br>

&lt;/td>&lt;/tr>&lt;/table>

&lt;/div>&lt;/div>&lt;/div>&lt;/div>&lt;/div>
&lt;div class="ndetails" style="background: MEMBER GROUP HEX">
age. occupation. group. playby.
&lt;/div>
&lt;a href="http://shine.jcink.net/index.php?showuser=11594">thanks♥︎&lt;/a>
&lt;/center>
[/doHTML]

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}