[align=center]QUOTE BELOW[/align]
[dohtml]
<link href='
http://fonts.googleapis.com/css?family=Inder|Vidaloka|Raleway:700,400' rel='stylesheet' type='text/css'>
<style type="text/css">
.bc_app {
width: 500px;
margin: 25px auto;
}
.bc_app2 {
background-color: #000;
color: #fff;
padding: 25px;
font-family: raleway;
text-transform: lowercase;
font-size: 18px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}
.bc_appline {
background-color: #fff;
height: 1px;
width: 95%;
margin: 10px auto;
}
.bc_appbg {
background-color: #fff;
padding: 10px;
height: 430px;
border-bottom: 1px solid #746513;
}
.bc_appmain { position: relative; margin: auto; width: 450px; height: 450px; clear: both; }
.bc_appmain2 { float: left; }
.bc_appmain2 label { display: block; width: 112.5px; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; font-family: inder; font-size: 7px; text-align: center; line-height: 100%; letter-spacing: 2px; color: #000; background-color: #fff;border-bottom: 1px solid #000; }
.bc_appmain .bc_appmain2 [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.bc_content { width: 450px; height: 400px; position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; z-index: 1; border-bottom: 1px solid #000; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; }
.bc_appmain .bc_appmain2 [type=radio]:checked ~ label { background: #fff; border-bottom: 1px solid #746513; color: #746513; z-index: 2; }
.bc_appmain .bc_appmain2 [type=radio]:checked ~ label ~ .bc_content { z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
.bc_mainimg {
height: 400px;
width: 450px;
overflow: hidden;
border-bottom: 1px solid #000;
}
.bc_secimg {
height: 400px;
width: 200px;
overflow: hidden;
margin-top: -1px;
}
.bc_sectext {
width: 215px;
padding: 20px;
height: 375px;
}
.bc_sectext2 {
width: 215px;
height: 375px;
text-align: justify;
font-family: times;
font-size: 12px;
line-height: 115%;
color: #000;
overflow: auto;
padding-right: 5px;
}
.bc_tretext {
width: 215px;
padding: 20px;
height: 375px;
}
.bc_tretext2 {
width: 215px;
height: 375px;
overflow: auto;
}
.bc_tretext2 h1 {
font-family: raleway;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.bc_tretext2 h2 {
font-family: raleway;
text-align: left;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #746513;
font-size: 11px;
padding-left: 5px;
margin-top: -5px;
}
.bc_tretext2 h3 {
font-weight: normal;
font-family: inder;
font-size: 11px;
text-align: left;
margin-top: -15px;
padding-left: 15px;
}
.bc_treimg {
height: 400px;
width: 200px;
overflow: hidden;
margin-top: -1px;
margin-left: -8px;
}
.bc_ship {
width: 450px;
height: 400px;
background-image: url(
http://i.imgur.com/yzH2d1q.png);}
.bc_ship2 {
width: 230px;
height: 230px;
margin-left: 100px;
margin-top: 80px;
color: #fff;
font-family: verdana;
font-size: 10px;
line-height: 115%;
text-align: justify;
padding: 10px;
float: left;
}
.bc_ship3 {
width: 230px;
height: 230px;
overflow: auto;
padding-right: 5px;
}
.merc_cred { text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; margin-top: -20px; margin-bottom: 25px; }
</style>
<div class="bc_app"><div class="bc_app2" style="background-color: #MEMBERGROUP HEX">
<div class="bc_appline"></div>
first middle last
<div class="bc_appline"></div>
</div>
<div class="bc_appbg">
<div class="bc_appmain">
<div class="bc_appmain2">
<input type="radio" id="bc_appmain2-5" name="bc_appmain2-group-2" checked>
<label for="bc_appmain2-5">EDITORIAL</label>
<div class="bc_content">
<div class="bc_mainimg">
<img src="
http://placehold.it/450x400" />
</div>
</div>
</div>
<div class="bc_appmain2">
<input type="radio" id="bc_appmain2-6" name="bc_appmain2-group-2">
<label for="bc_appmain2-6">BASICS</label>
<div class="bc_content">
<table><tr valign="top"><td>
<div class="bc_tretext"><div class="bc_tretext2">
<h1>Basics</h1>
<h2>Name</h2> <h3> Nathaniel Matthias Thompson</h3>
<h2>Age</h2> <h3> 19</h3>
<h2>Sex</h2> <h3> Male</h3>
<h2>Height</h2> <h3> 5'11"</h3>
<h2>Blood Type</h2> <h3> A-</h3>
<h2>Birthday</h2> <h3> July 8th</h3>
<h1>Personal</h1>
<h2>Gender</h2> <h3>Male</h3>
<h2>Sexuality</h2> <h3>Pansexual</h3>
<h2>Birthplace</h2> <h3> Harbor City, CA</h3>
<h1>Digified</h1>
<h2>Digivice</h2> <h3> Navy Blue with Sunset Orange accents</h3>
<h2>Crest</h2> <h3> Defiance</h3>
<h2>Attribute</h2> <h3>Virus</h3>
<h2>Family</h2> <h3> Dark Area</h3>
<h1>Faceclaim</h1>
<h2>Anime:</h2> <h3>Tokyo Ghoul</h3>
<h2>Name:</h2> <h3>Hideyoshi Nagachika</h3>
</div></div>
</td><td>
<div class="bc_treimg">
<img src="
http://placehold.it/200x400" />
</div>
</td></tr></table>
</div>
</div>
<div class="bc_appmain2">
<input type="radio" id="bc_appmain2-7" name="bc_appmain2-group-2">
<label for="bc_appmain2-7">FREESTYLE</label>
<div class="bc_content">
<table><tr valign="top"><td>
<div class="bc_secimg">
<img src="
http://placehold.it/200x400" />
</div>
</td><td>
<div class="bc_sectext"><div class="bc_sectext2">
There were good days, and there were bad days. For Nathaniel however? Today had been a particularly good day: The sun was out, the temperature was great for being out all day long, and he had made a lot more tips than he normally did while performing out in the park. Sure, he was only able to scrap together about sixty bucks so far when he had spent most of the morning playing music and showing off his not-so-humble talents regarding sleight of hand and street magic.. but the smiles on the faces of everyone who stopped to watch him work made his relative lack of profit all worth it. Living as he did wasn't easy, but Nate was doing what he loved and didn't regret it. If he could help lighten the moods of the people who were generous enough to take the time out of their day to watch his song and dance he felt that he had done a good job, even if his guitar case was light on change. Taking a break from his good-natured hustle and getting a drink from a vending machine, the teenager would take a seat on a bench and sigh in content as he idly pat the mentioned case as he closed his eyes to enjoy the late morning sun.
"I'm glad I decided to take a walk this morning, I didn't expect you to be at the park today."
Nathaniel's eyes opened as he looked to his right, and a frown began tugging at the corners of his mouth. Standing a few feet from the bench was a man in his early forties dressed in a polo shirt and khaki shorts.. and looking very similar in a familial manner. Sitting up a bit straighter now, Nate would move a bit further down the bench and bring his guitar case up to rest on his lap. "I guess if you wanna sit down, I won't stop you dad." he said, his expression quite nonplussed, if somewhat unfriendly. The man's expression became slightly tenser at his son's reaction, but he would sit down beside him after only a moment of hesitation. For a good while neither said anything, simply sitting side by side and looking at the various people who passed by, though eventually the older of the pair would break the silence. "You look like you've been doing well, that's good. Your mother has been doing good too, in fact the other day we went to that deli shop that you always liked and-"
"Were you needing something, pop? You don't ever come around unless you have something you need something from me, or when you want to try to guilt me into coming back home." came Nate's curt response, cutting his father off mid story. This seemed to cut surprisingly deep, as his dad stopped and avoided eye contact for a good minute. Collecting his thoughts, the elder Thompson would sigh. "That's not fair, Nate."
"Maybe it isn't, but you weren't exactly fair to me or my friends the last time you showed up. You said that I was wasting my life and that they were foolishly offering charity to a dead beat that couldn't ever pay them back."
"I made a mistake when I said that son... I didn't mean it. I just worry about you all the time Nathaniel, never knowing if something bad happens, if you'll end up getting hurt out here or worse. I just want you to be safe." his father replied as he looked down at his son's guitar case. He was about to say more, but his mouth then closed as he stood up, seeing that his son wasn't hearing it. "I'll uh.. I'll let you mom know that you're doing alright, yeah?" he asked as he then reached into his back pocket. Taking out his wallet, he would then pull out a small bundle of bills and place it down atop the case. "I heard you play a couple songs earlier, I think you did a damn good job."
And with that, he then turned away and began to walk back the way he came.
Looking at the money on his guitar case, and now feeling a strong sense of guilt for being so cross with his father the boy would then call out to him. "Hey dad?" Nathaniel asked, his tone much less confrontational than it had been before. the older Thompson would stop and turn back to look at his son, brow raised in confusion as Nate then took a breath: "If you and mom are gonna be out tonight, I was thinking of going down town to try my luck there. If you have any requests I might be willing to take them. If you find yourselves down that way I mean."
Smiling, the older man would nod and open his mouth to speak, almost stumbling over his words. "Uh, yeah, yeah I think we might be going out for dinner. You think you might wanna join? If you're not too busy of course." Now it was Nathaniel's turn to smile, and with barely a few seconds to ponder it he would then say:
"Are you okay if we go to that Deli place?"
</div></div>
</td></tr></table>
</div>
</div>
<div class="bc_appmain2">
<input type="radio" id="bc_appmain2-8" name="bc_appmain2-group-2">
<label for="bc_appmain2-8">INTRO</label>
<div class="bc_content">
<div class="bc_ship"><div class="bc_ship2"><div class="bc_ship3">
<center><b>Korogra, 32</b></center>
Hey all, this is Korogra! I hope that Nathaniel brings everyone a smile to their face and proves to be a joy to RP with! Lets have a great time, y'all!
</div></div></div>
</div>
</div>
</div>
</div>
</div>
<div class="merc_cred"><a href="
http://cttw.jcink.net/index.php?showuser=160">merc</a></div>
[/dohtml]
Author