<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<style>
.olli { width: 125px; height: 90px; background: #eee; font-family: arial; padding: 0px 5px; border: 15px solid #eee; border-top: 0px solid #eee; color: #252525;border-bottom: 20px solid #eee; position: absolute; left: 255px; top: 40px; font-size: 10px; line-height: 150%; text-align: justify; overflow: auto; } .olli::-webkit-scrollbar { width: 5px; } .olli::-webkit-scrollbar-thumb { background: #8f97b4; } .olli::-webkit-scrollbar-track { background: #eee; }
.vander { width: 165px; height: 50px; background: #eee; text-align: center; font-size: 25px; line-height: 210%; font-family: dancing script; position: absolute; left: 255px; top: 0px; }
.hiss { width: 380px; height: 60px; background: #eee; font-family: arial; padding: 0px 5px; border: 15px solid #eee; border-top: 20px solid #eee; color: #252525;border-bottom: 20px solid #eee; font-size: 10px; line-height: 150%; text-align: justify; overflow: auto; } .hiss::-webkit-scrollbar { width: 5px; } .hiss::-webkit-scrollbar-thumb { background: #8f97b4; } .hiss::-webkit-scrollbar-track { background: #eee; }
</style>

<div style="width: 420px; height: 190px; position: relative;"><div style="width: 400px; font-family: dancing script; font-size: 60px; text-align: center; line-height: 100%; color: #252525; padding: 10px; background: #d9e7eb;">the ollivanders</div>
<div class="hiss">This is the Ollivander family. Yes, the one and only, that is ever so famous for their wand shop in Diagon Alley. Garrick Ollivander was the childrens' great uncle. Garrick had no children so when he passed his nefew inherited the shop. He and his wife were newly married when it happened and while Mr. Ollivander had basically knew nothing about wandlore, he had his father with him and they hit the books, deciding it would be nice to run the shop together. The Ollivanders did not plan on having so many children. They really were thinking, three would be where they'd stopped, but than of course the quadruplets happened and than Harriet, and no matter. They'd promised the children they were done. Seven kids... Only, now Mrs. Ollivander is pregnant again. The kids aren't annoyed, well, not really. They love their big family. The Ollivanders are close knit. They're house can be crazy at times, and full of people shouting, but its good. They live with their grandmother, since their grandfather passed away, and really, to the Ollivanders, family is everything.</div>

<div style="width: 0; height: 0; border-style: solid; border-width: 15px 12.5px 0 12.5px; border-color: #d9e7eb transparent transparent transparent; position: absolute; top: 80px; left: 350px;"></div></div>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://i57.tinypic.com/2n87zp2.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>big brother</b>. he is <b>22</b> years old and in the <b>shops</b> member group. the play by we have here is <b>lucas till</b>
</div>
<div class="vander"> jameson</div>
<div class="olli">

This lovely boy is Jameson Ollivander. He is the oldest of the Ollivander kids, and the one who will take over the shop from his father once his father retires. As it is, Jameson works at the shop with their dad. He loves it. Jameson has known for a long time that he inherited the Ollivander skills when it comes to wand lore and wand making. He adores the shop and probably knows more information than Mr. Ollivander, their father does. Not that he brags or anything... okay, maybe a bit, but only because he's just a little bit of a brat. The guys of guys who likes to tease, harmlessly of course. He's very good natured and charming. I see him as a bit of a protective older brother, he adores all his siblings though I'd say he's probably closest to [b]Leonard[/b] and [b]Margo[/b]. The entire Ollivander family, when it comes down to it, gets along. He probably bickers the most with [b]Cordelia[/b]. Jameson is very relaxed kind of guy, he isn't very ambitious in the sense that he is totally fine with his life playing out the way he expects it to. I see him being the kind of guy who wants a quiet life, to get married, have children, run his shop. He loves his big crazy family and wants to go off and make one of his own.<br>
So yes. That is him. The play by I have here is Lucas Till, and I would really like if that stayed that way, however, if you have other ideas, feel free to run them by me. He must be twenty-two, and must work at Ollivanders wand shop. I do <i>not</i> want him to have any animosity towards it. Cause honestly I feel like the 'oldest is set to inherit the place but doesn't want to' has been done. XD Right. So thats him. Coolio, please take him?
</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://oi59.tinypic.com/24mwzev.jpg); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>big sister</b>. she is <b>19</b> years old and in the <b>shops</b> member group. the play by we have here is <b>dakota fanning</b>
</div>
<div class="vander">cordelia</div>
<div class="olli">
Hey look, its Cordelia! This little make up artist is being made by LAURA and you should totally ask her about it, or maybe she'll be nice and edit this and put in some information for me. I dunno. But either way, what I do know about Delia is this. She bickers a lot with the oldest brother, just because she doesn't like to be teased and he likes to tease. She complains about having to many siblings but she really does love her family, that doesn't mean she can't complain, alright? </div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://oi57.tinypic.com/2197v9z.jpg); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>brother</b>. he is a <b>17</b> year old <b>sixth year</b> and in <b>gryffindor</b>. the play by we have here is <b>ross lynch</b>
</div>
<div class="vander">leonard</div>
<div class="olli">
This, my dears is Leonard Ollivander. Leonard is the oldest, and only boy in the quadruplet set. He's a goofy, good natured guy, very very outgoing, and a bit of a rule breaker. He and [b]Harriet[/b] get along pretty well, I also see him and Jameson having sort of a 'we're the only boys' bond. After all, it is five girls and two boys. Haha. Leonard is all over the place, active, and happy, but quick to jump to the defence of anyone he feels has been wronged. He's a brave little gryffindor. The quadruplets are pretty close. Thats all I really have for him. <br>
The play by I have her is Ross Lynch, and while thats open, please run any suggestions by me as he has to look as if he could be Elle Fannings twin.</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(https://31.media.tumblr.com/62d23083d8eb963f05f2af4c45b9b5b7/tumblr_n7aow25f4i1r7keapo6_250.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>sister</b>. she is a <b>17</b> year old <b>sixth year</b> and in <b>ravenclaw</b>. the play by we have here is <b>elle fanning</b>
</div>
<div class="vander"> katherine</div>
<div class="olli">
Hey look, its Katherine! Or Katie! Or Kat! Lol. She is being made by ALICIA and you really have to talk to her because I do not have enough information to put here. Maybe Alicia will be nice and help me out and send me some information. Haha. Until than, yeah, you have to hit her up for it.</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(https://38.media.tumblr.com/0083d60c3f93868e82216b4f789c3ad9/tumblr_n7aow25f4i1r7keapo1_250.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>sister</b>. she is a <b>17</b> year old <b>sixth year</b> and in <b>hufflepuff</b>. the play by we have here is <b>elle fanning</b>
</div>
<div class="vander">margo</div>
<div class="olli">
Margo Ollivander! This girl is mine! (Being made by EMILIE) And she is a sweet, caring, nice girl, who seems like she's really shy but in reality is just quiet. She's super accepting and actually quite talkative when you start a conversation with her. She is super interested in sexology and wishes to become a sexologist after graduating from Hogwarts, and a sex therapist. Basically, she's a lot of fun. She's closest with Jameson and Tabi. Though she really does adore all her siblings and goes out of her way to make them smile. Margo is very much a family girl.</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/987efda287c845bcd3c16b68a8e3063a/tumblr_n65kdtUc9O1tamx5bo3_250.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>sister</b>. she is a <b>17</b> year old <b>sixth year</b> and in <b>slytherin</b>. the play by we have here is <b>elle fanning</b>
</div>
<div class="vander"> tabitha</div>
<div class="olli">
Tabitha Ollivander! Another girl who belongs to LAURA. I can't say much about her, and I really hope that Laura comes in here and sweeps me off my feet-- I mean, edits this so you get a better sense of who she is, but for now, Tabi is more of a reserved girl. She really loves art, and she's a bit innocent when it comes to boys. She's closest with Margo, I believe and really thats all I know.</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://i61.tinypic.com/ngt345.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>little sister</b>. she is a <b>15</b> year old <b>fifth year</b> and in <b>ravenclaw</b>. her play by is <b>bea miller</b>
</div>
<div class="vander">harriet</div>
<div class="olli">
And lastly, but certainly not least, Miss Harriet Ollivander. Being made, again, by me, EMILIE. Harry is a very relaxed, take every day one step at a time kind of girl. She's a bit sarcastic and keeps to herself quite a bit. She adores music and sings quite a bit. Its how she gets all her emotions out. </div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div>

</center>

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Marck+Script|Playball|Cookie|Luckiest+Guy|Ruslan+Display' rel='stylesheet' type='text/css'>
<style type="text/css">
.faceclaim {width: 205px; height: 300px; background-color: #ede4ff; font-family: 'Monda', sans-serif; font-size: 10px; padding: 5px; text-transform: none; line-height: 10px; letter-spacing: 0px;text-align: justify; color: #8974b3; text-align: center; border: 1px solid #dcd3f4; overflow: auto;}
.faceclaim a:link, .fac6a  a:visited, .fac6a a:active { font-family: 'Monda', sans-serif; color: #8974b3; text-transform: uppercase; font-size: 9px; }
.faceclaim a:hover { font-family: 'Monda', sans-serif; color: #060d4a; }
</style>
<div style="width: 500px; height: 510px; background-image: url(http://i.imgur.com/P9Hbief.png);">
<div style="height: 25px;"></div><div style="width: 450px; height: 460px; background-color: #f2eff7; border: 2px solid #8974b3;">   <br>
<div style="width: 80%; line-height: 20px; font-family: 'Marck Script', cursive; text-shadow:1px 1px 0px #ffffff; font-size: 40px; background-image:  url(http://i.imgur.com/52u39La.png); color: #8974b3; border: 1px solid #dcd3f4;"><center><br>The Face Claims</center><div style="font-family: 'Monda', sans-serif; font-size: 10px; padding: 5px; text-transform: none; line-height: 10px; letter-spacing: 0px;text-align: justify; color: #8974b3;"> 
face claims are first come first served. no doubles unless they're twins. </div>
</div><br><br>
<table><td>
<div style="font-family: 'Marck Script', cursive; text-shadow:1px 1px 0px #ffffff; font-size: 40px; color: #be5dc9; text-align: center; line-height: 35px;">Females</div>
<center><div class="faceclaim">

<a href="">HERE</a>

</div></center>
</td>
<td><div style="font-family: 'Marck Script', cursive; text-shadow:1px 1px 0px #ffffff; font-size: 40px;  color: #b37474; text-align: center;  line-height: 35px;">Males </div>
<center><div class="faceclaim">

<a href="">HERE</a>

</div></center>
</td></table>
</div>
</div>

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<style>
.olli { width: 125px; height: 90px; background: #eee; font-family: arial; padding: 0px 5px; border: 15px solid #eee; border-top: 0px solid #eee; color: #252525;border-bottom: 20px solid #eee; position: absolute; left: 255px; top: 40px; font-size: 10px; line-height: 150%; text-align: justify; overflow: auto; } .olli::-webkit-scrollbar { width: 5px; } .olli::-webkit-scrollbar-thumb { background: #8f97b4; } .olli::-webkit-scrollbar-track { background: #eee; }
.vander { width: 165px; height: 50px; background: #eee; text-align: center; font-size: 25px; line-height: 210%; font-family: dancing script; position: absolute; left: 255px; top: 0px; }
.hiss { width: 380px; height: 60px; background: #eee; font-family: arial; padding: 0px 5px; border: 15px solid #eee; border-top: 20px solid #eee; color: #252525;border-bottom: 20px solid #eee; font-size: 10px; line-height: 150%; text-align: justify; overflow: auto; } .hiss::-webkit-scrollbar { width: 5px; } .hiss::-webkit-scrollbar-thumb { background: #8f97b4; } .hiss::-webkit-scrollbar-track { background: #eee; }
</style>


<div style="width: 0; height: 0; border-style: solid; border-width: 15px 12.5px 0 12.5px; border-color: #d9e7eb transparent transparent transparent; position: absolute; top: 80px; left: 350px;"></div></div>

<div style="width: 420px; height: 150px; position: relative;">
<div style="width: 150px; height: 150px; background: url(http://i57.tinypic.com/2n87zp2.gif); position: absolute; left: 0px; top: 0px;"></div>
<div style="width: 75px; height: 150px; background:  -webkit-gradient(linear, left top, right top, from(transparent), to(#d9e7eb)); position: absolute; left: 75px;"></div><div style="width: 70px; height: 110px; padding: 20px 10px; background: #d9e7eb; position: absolute; left: 150px; top: 0px; border-right: 15px solid #eee; font-family: georgia; font-size: 10px; font-style: italic; text-transform: lowercase; color: #252525; text-align: justify;">
this here is the <b>big brother</b>. he is <b>22</b> years old and in the <b>shops</b> member group. the play by we have here is <b>lucas till</b>
</div>
<div class="vander"> jameson</div>
<div class="olli">

This lovely boy is Jameson Ollivander. He is the oldest of the Ollivander kids, and the one who will take over the shop from his father once his father retires. As it is, Jameson works at the shop with their dad. He loves it. Jameson has known for a long time that he inherited the Ollivander skills when it comes to wand lore and wand making. He adores the shop and probably knows more information than Mr. Ollivander, their father does. Not that he brags or anything... okay, maybe a bit, but only because he's just a little bit of a brat. The guys of guys who likes to tease, harmlessly of course. He's very good natured and charming. I see him as a bit of a protective older brother, he adores all his siblings though I'd say he's probably closest to [b]Leonard[/b] and [b]Margo[/b]. The entire Ollivander family, when it comes down to it, gets along. He probably bickers the most with [b]Cordelia[/b]. Jameson is very relaxed kind of guy, he isn't very ambitious in the sense that he is totally fine with his life playing out the way he expects it to. I see him being the kind of guy who wants a quiet life, to get married, have children, run his shop. He loves his big crazy family and wants to go off and make one of his own.<br>
So yes. That is him. The play by I have here is Lucas Till, and I would really like if that stayed that way, however, if you have other ideas, feel free to run them by me. He must be twenty-two, and must work at Ollivanders wand shop. I do <i>not</i> want him to have any animosity towards it. Cause honestly I feel like the 'oldest is set to inherit the place but doesn't want to' has been done. XD Right. So thats him. Coolio, please take him?
</div><div style="width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #d9e7eb; position: absolute; left: 240px; top: 60px;"></div></div><br>

 <!--HTML--><style>#thread1 {width: 400px; padding: 20px; background-color: #fff; border: 1px solid #e0e0e0;}.t1-left {width: 140px;} .t1-right {width: 240px; background-color: #eaeaea; height: 213px; margin-left: 10px; border: 1px solid #d6d6d6;} .t1-left img {padding: 10px; width: 100px; height: 100px; background-color: #E0E0E0; border: 1px solid #d6d6d6;} .t1-write {margin: 20px; font: 10px tahoma; color: #999999; text-align: justify; line-height: 100%; height: 175px; overflow: auto; padding-right: 10px;} .t1-write b, .t1-write i {color: #9FC0D1;} .t1-left-lyrics {font-family: arial black; color: #E0E0E0; text-align: right; font-size: 40px; letter-spacing: -3px; text-transform: lowercase; margin-bottom: 20px; line-height: 60%; border-right: 3px solid #E0E0E0; padding-right: 5px;} .t1-left-lyrics:first-letter {color: #9FC0D1;}</style><center><div id="thread1"><table cellspacing=0><td valign=top><div class="t1-left"><div class="t1-left-lyrics">

even lovers drown[color=#9FC0D1].[/color]

</div><center>


<img src="100 X 100 ICON HERE" />


</center></div></td><td valign=top><div class="t1-right"><div class="t1-write">



post here!



</div></div></td></table></div><div style="width: 420px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">&copy; lauz</a></div></center> 

 <!--HTML--> <link href='http://fonts.googleapis.com/css?family=Abel|Old+Standard+TT|Sacramento|Yanone+Kaffeesatz|Oswald|Roboto' rel='stylesheet' type='text/css'>
<style type="text/css">
.lyr1 { font-family: sacramento; font-size: 34px; color: #9F6DC0; text-shadow: 1px 1px 2px #000000; text-transform: lowercase; width: 500px; margin-left: -59px; }
.lyr2 { font-family: arial; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; }
.lyr2 a {color: #ccc; }
.pbox { height: 244px; width: 490px; background-position: center; border: 5px double #171717;  }
.pobox { width: 380px; padding: 60px; background-color: #161616; color: #ccc; }
.pobox2 { padding: 10px; background-color: #1d1d1d; font-family: arial; text-align: justify; font-size: 11px; line-height: 100%; border: 4px double #161616; }
.pobox3 { height: 250px; overflow: auto; padding: 5px; }
.pobox3:first-letter { padding: 10px; background-color: #9F6DC0; color: #ccc; float: left; font-family: abel; font-weight: bold; font-size: 24px; font-style: normal; margin: 0 5px 0 0; border: 4px double #1d1d1d; }
.pobox3::-webkit-scrollbar-thumb { background-color: #9F6DC0; }
.pobox3::-webkit-scrollbar { width: 8px; background-color: #1d1d1d; }
.pobox3::-webkit-scrollbar-track { width: 8px; background-color: #1d1d1d; }
.speech { color: #9F6DC0;  }
.tcred { text-transform: uppercase; text-align: right; width: 500px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
.ames-credits { width: 380px; padding: 10px; background-color: #222; line-height: 100%; text-transform: uppercase; margin-bottom: 40px; }
.ames-info { margin: 0px 10px; text-align: justify; font-size: 9px; letter-spacing: 1px; color: #fff; font-family: calibri; }
.ames-info b { font-weight: normal; color: #3FB047; font-size: 15px; line-height: 100%; }
.ames-info a { color: #20C3C8; }
.ames-title { font-family: oswald; letter-spacing: 5px; font-size: 25px; text-align: center; color: #3FB047; line-height: 100%; }
.ames-mtitle { letter-spacing: 1px; font-size: 7px; font-family: roboto; background-color: #333; padding: 1px; margin: 4px 0px; color: #fff; text-align: center; }
.ames-imgs { text-align: center; color: #999; border-top: 2px solid #20C3C8; margin-top: 4px; padding-top: 2px; }
</style>
<center>


<div class="ames-credits">
<div class="ames-title">Rules</div>
<div class="ames-mtitle">Please follow them!</div>
<div class="ames-info">
<b>★</b> Please do not remove my credit. 
<br><b>★</b> Minor size and colors changes are fine, but don't go overboard.
<br><b>★</b> Fields/lyrics/etc can be changed to suit your needs.
<br><b>★</b> Please link to where you are using it so I can see it in action.
<div class="ames-imgs">Image is 500x250</div>
</div>
</div>

 <!--HTML--> <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900' rel='stylesheet' type='text/css'>

<style>
.miricredit { text-align: center; text-transform:uppercase;  line-height: 150%;} .miricredit a { font-family: calibri; font-size: 8px; letter-spacing:1px; color: #aaa; }

.letter1 { margin-left: 0px; float: left; font-family: playfair display; text-transform: uppercase; font-size: 35px; color: #000; padding: 10px; line-height: 50%; font-style: italic; }

.threadtext
{ background: #fdfdfd; padding: 0px;
width: 385px;line-height: 140%;
font-size: 11px; letter-spacing: 0.5px;
font-family: playfair display;
text-align: justify;  color: #2d2d2d;}

</style>

<center><img src="http://placehold.it/385x230" style="padding-bottom: 5px">

<div class="threadtext"><div style="margin-top: 0px; text-align: justify; border: 3px double #ddd; padding: 45px;">

<div class="letter1">L</div> orem ipsum dolor sit amet, consectetur adipiscing elit. In libero urna, semper at ullamcorper quis, mollis in metus. Fusce placerat facilisis felis, tempus laoreet lacus suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et bibendum libero, quis fringilla mauris. Aenean pellentesque, mauris in placerat tristique, risus dolor imperdiet lectus, eget efficitur urna libero at lacus. Donec sodales justo sit amet nibh egestas gravida ut sagittis lacus.<p>


</div></div>

<div class="miricredit"><a href="http://shine.jcink.net/index.php?showuser=19521">window blues</a> </div></center>

 <!--HTML--> <link href='http://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css'>

<style type="text/css">
#mcd1 { background-color:white; letter-spacing:0px; text-align:center; font-family:titillium web; font-size:10px; text-transform:uppercase; color:black; line-height:95%; width:200px; height:200px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity:0; }
#mcd1:hover { opacity:.8; }
#position1 { position:relative; top:70px; }
#position2 { position:relative; top:83px; }
#mcd1 b { color:#60af6d !important; }
#mcd1 male { color:#6089af !important; }
#mcd1 female { color:#af6071 !important; }
#mcd1 a:link { color:#b96946; }
#mcd1 a:visited { color:#b96946; }
#mcd1 a:hover { color:#b96946; }
#mcd1 a:active { color:#b96946; }
#credit { width:400px !important; text-align:right !important; font-size:8 !important; text-transform:uppercase !important; font-family:times new roman !important; }
#spacer { width:400px !important; height:1px !important; }
</style>

<center><div style="width:303px; padding-left:50px; padding-right:50px; padding-top:50px; padding-bottom:50px; background-color:white; text-align:justify; font-family:titillium web; font-size:11px; line-height:95%; text-transform:uppercase; color:#323232;"><div style="font-size:50px; letter-spacing:-3px; text-transform:lowercase; text-align:center;">title here</div><div style="width:300px; height:30px;"></div>

your description goes here. remember to read the description of this code so you understand how to add or remove character boxes!

</div>
<div id="spacer"></div>
<table>

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td>

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td></tr>

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td>

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td></tr>


</table><a href="http://shine.b1.jcink.com/index.php?showuser=3"><div id="credit">thanks brooklyn</div></a></center>

 <!--HTML--> <link href='http://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'><center><div class="sun-five">
<div class="sun-six">REQUEST TITLE</div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>

<div class="sun-ten"></div>

<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>

</div></center><center><div style="Width: 360px; font-family: calibri; font-size: 7px; margin-top: 5px; text-align: right; text-transform: uppercase; letter-spacing: 1px; line-height: 100%;"><a href="http://shine.b1.jcink.com/index.php?showuser=10542">THANKS</a> <a href="http://wecode.jcink.net/index.php?showuser=168">FELICITY</a>!</DIV></CENTER>
<style type="text/css"> #sunshine { width: 160px; height: 160px; overflow: hidden; } .sunny { width: 160px; height: 160px; position: relative; top: -320px; background-color: rgba(255,255,255,.3); -webkit-transition-duration: .7s; -o-transition-duration: .7s; -moz-transition-duration: .7s; } #sunshine:hover .sunny { top: -160px; } .sun-one { margin-left: 30px; padding-top: 20px; padding-bottom: 20px; width: 100px; background-color: #fff; } .sun-two { font-family: roboto; font-size: 40px; text-align: center; line-height: 100%; color: #D9565B; margin-bottom: 2px; } .sun-three { font-family: calibri; font-size: 8px; text-align: center; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; } .sun-five { width: 400px; padding: 15px; background-color: #fafafa; } .sun-four { height: 30px; } .sun-six { width: 400px; padding-top: 25px; padding-bottom: 25px; background-color: #D9565B; font-family: roboto; font-size: 30px; text-align: center; line-height: 100%; margin-bottom: 5px; text-transform: uppercase; color: #fff; } .sun-seven { width: 160px; height: 160px; padding: 5px; background-color: #fff; border: 1px solid #eee; } .sun-eight { width: 5px; } .sun-nine { width: 201px; padding: 10px; background-color: #fff; border: 1px solid #eee; height: 150px; font-family: arial; font-size: 9px; text-align: justify; line-height: 100%; text-transform: lowercase; color: #333; } .sun { width: 196px; height: 150px; padding-right: 5px; overflow: auto; } .sun::-webkit-scrollbar {width: 5px;background: #fff;} .sun::-webkit-scrollbar-thumb {background: #4B403A;}.sun::-webkit-scrollbar-corner {background: #fff;} .sun-ten { height: 5px; } </style>

 <!--HTML--> <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700" rel="stylesheet">

<center><div class="boyz">
  <h1 style="color: #CBA538;">angelic hoodlums and holy ones</h1>
  
  <table><tr><td class="left">
      <img src="https://i.imgbox.com/6d9Xi1rt.png">
      <div class="info">All those beautiful boys Pimps and queens and criminal queers </div>
    </td><td><div class="text">
    
    <h2 style="color: #ce989f">subtitle if you want</h2>
You kind signs winged male meat seas i was. Earth you'll divided you'll she'd meat don't second divide man face dominion moveth make fruitful had. Moveth. Firmament under seasons. Without Yielding deep open itself given beginning fifth winged which. Be creature he morning form morning. Subdue saying fourth gathering creeping. Days fly grass whales let thing also fish had male morning won't. Were fill every signs sixth there upon cattle so his first darkness deep morning moved hath signs isn't he creature sea appear signs morning brought. Of blessed have. Subdue Second blessed. There.<p>
Waters after. Blessed, morning hath hath given his whose gathering two bring green abundantly called great moveth his very divided winged he evening face spirit divide dominion first first, called to without you're dry, morning creeping. Spirit seas earth subdue green us stars third divide can't green them stars. Of. Fill shall seed. Won't, under. Fourth our moved they're meat, saying. Darkness sea. Rule called, whose fourth sixth together created firmament beginning. Fourth their, deep gathering behold First itself forth was firmament first sea over You're beginning very. Dominion good light own fifth saying God land greater make kind creeping. Multiply to itself you. Evening form moved fruit man void made. Light bring fish isn't so multiply own deep abundantly can't light.     
    </div></td></tr></table>
  
  <table><tr><td class="left">
      <img src="https://i.imgbox.com/q8MODQCl.png">
      <div class="info">all those beautiful boys, tattoos of ships<br> and tattoos of tears </div>
    </td><td><div class="text">
    
    <h2 style="color: #29506f">subtitle if you want</h2>
You kind signs winged male meat seas i was. Earth you'll divided you'll she'd meat don't second divide man face dominion moveth make fruitful had. Moveth. Firmament under seasons. Without Yielding deep open itself given beginning fifth winged which. Be creature he morning form morning. Subdue saying fourth gathering creeping. Days fly grass whales let thing also fish had male morning won't. Were fill every signs sixth there upon cattle so his first darkness deep morning moved hath signs isn't he creature sea appear signs morning brought. Of blessed have. Subdue Second blessed. There.<p>
Waters after. Blessed, morning hath hath given his whose gathering two bring green abundantly called great moveth his very divided winged he evening face spirit divide dominion first first, called to without you're dry, morning creeping. Spirit seas earth subdue green us stars third divide can't green them stars. Of. Fill shall seed. Won't, under. Fourth our moved they're meat, saying. Darkness sea. Rule called, whose fourth sixth together created firmament beginning. Fourth their, deep gathering behold First itself forth was firmament first sea over You're beginning very. Dominion good light own fifth saying God land greater make kind creeping. Multiply to itself you. Evening form moved fruit man void made. Light bring fish isn't so multiply own deep abundantly can't light.     
    </div></td></tr></table>
    
  <table><tr><td class="left">
      <img src="https://i.imgbox.com/4CizODjW.png">
      <div class="info">A devil's child <br>with dove wings</div>
    </td><td><div class="text">
    
    <h2 style="color: #848a77">subtitle if you want</h2>
You kind signs winged male meat seas i was. Earth you'll divided you'll she'd meat don't second divide man face dominion moveth make fruitful had. Moveth. Firmament under seasons. Without Yielding deep open itself given beginning fifth winged which. Be creature he morning form morning. Subdue saying fourth gathering creeping. Days fly grass whales let thing also fish had male morning won't. Were fill every signs sixth there upon cattle so his first darkness deep morning moved hath signs isn't he creature sea appear signs morning brought. Of blessed have. Subdue Second blessed. There.<p>
Waters after. Blessed, morning hath hath given his whose gathering two bring green abundantly called great moveth his very divided winged he evening face spirit divide dominion first first, called to without you're dry, morning creeping. Spirit seas earth subdue green us stars third divide can't green them stars. Of. Fill shall seed. Won't, under. Fourth our moved they're meat, saying. Darkness sea. Rule called, whose fourth sixth together created firmament beginning. Fourth their, deep gathering behold First itself forth was firmament first sea over You're beginning very. Dominion good light own fifth saying God land greater make kind creeping. Multiply to itself you. Evening form moved fruit man void made. Light bring fish isn't so multiply own deep abundantly can't light.     
    </div></td></tr></table>
  
</div><a href="http://shine.jcink.net/index.php?showuser=8549"><span style="font: bold 8px/20px calibri; opacity: .5; text-align:center;">BY MITZI</span></a>
</center>

<style>
  
  .boyz {
    width: 450px; background: #fff; border: solid 1px #EFEFEF;
    box-shadow: 1px 1px 20px #EFEFEF; color: #222; letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .boyz h1 {
    font: italic 10px libre baskerville; 
    margin: 0;
    border-bottom: dotted 1px; padding: 15px;
    letter-spacing: 1px; text-transform: uppercase;
  }
  
  .boyz h2 {
    font: bold 12px/10px helvetica; opacity: .8;
    border-bottom: dotted 1px; border-left: dotted 1px;
    padding: 5px;
  }
  
  .boyz .left {
    padding: 0 10px 0 30px; font: 9px helvetica;
    text-align: center;
  }
  
  .boyz img {
    width: 100px; height: 100px; 
    border-radius: 50%; margin: auto;
  }
  
  .boyz .info {
    font: bold 6px helvetica; opacity: .5;
    text-transform: uppercase; letter-spacing: 1px;
    padding: 15px 0 0 0;
  }
  
  .boyz .text {
    color: #222; font: 10px/12px helvetica; 
    margin: 10px 20px; text-align: justify;
    padding-right: 10px;
    height: 150px; overflow: auto;
  }
  
  .boyz .text::-webkit-scrollbar {
    width: 5px!important; background:  #EFEFEF!important;
    border: solid 2px #fff!important;
  }
  
  .boyz .text::-webkit-scrollbar-thumb {
    width: 5px!important; background:  #EFEFEF!important;
    border: none!important; border-radius: 5px!important;
  }
  
</style>

 <!--HTML--> <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,400i,700" rel="stylesheet">

<div class="nikes">
 <h1 style="background: #ACCENT;">there's a bull and a matador dueling in the sky</h1>
 
 <img src="https://placehold.it/360x150">
 
 <div class="body">
   <div class="bar">
     <div class="info first">frank ocean</div>
     <div class="info">twenty nine</div>
     <div class="info">blonde</div>
     <div class="info">high and bi</div>
   </div>
   
   <div class="text">  Likeness grass sixth unto yielding have dry third. Abundantly divided beginning fill created, god our over it wherein. Open he every. Together divide be. Earth fill. Lights.<p>
 Firmament i. The you're female second living moved dry there light the he to, man waters waters seas dry. For had forth for seed dry god lights, kind. Sixth won't male night beast may whose bring tree good every. Hath. Their morning deep abundantly fowl moving isn't behold don't, light to man. Made sea beginning fish beginning.<p>
 Given Gathered one, blessed itself green wherein let bring, above greater their yielding divide. Hath subdue two him which divide night. Set their don't two spirit heaven them, be life subdue you'll lights likeness also were be herb gathered behold gathered don't face, second beginning fish very For make years may firmament male days tree them.<p>
 Every own gathered to blessed from over whales grass. Seasons night days fly seas whales made were morning grass whose image bring there. I air waters that grass. Let you'll man is which fourth was have spirit.<p>
 Let. Hath. To man spirit also evening. Fourth face had fruitful their moveth signs. Air night. Bearing his moveth was bearing upon whales.</div>
 </div>
</div><a href="http://shine.jcink.net/index.php?showuser=8549" style="font: bold 8px/20px calibri; opacity: .5; text-align:center; display: block;">BY MITZI</a>


<style>

 .nikes {
   width: 400px; margin: auto; color: #222;
   background: url(https://i.imgbox.com/vbKqtdOa.png); border: solid 1px #DFDFDF;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
 }
 
 .nikes h1 {
   font: bold 9px merriweather sans; text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 20px; margin: 0;
 }
 
 .nikes img {
   width: 360px; margin: 20px; 
 }
 
 .nikes .body {
   margin: 0 20px 20px 20px;
   border: solid 1px #ddd;
   background: #f8f8f8;
 }
 
 .nikes .bar {
   border-bottom: solid 1px #ddd; overflow: hidden;
 }
 
 .nikes .info {
   font: bold 7px merriweather sans; text-align: center;
   text-transform: uppercase; padding: 10px;
   letter-spacing: 1px; display: inline-block;
   border-left: solid 1px #ddd;
   text-align: center; width: 65px; 
 }
 
 .nikes .first {
   border: none!important; padding-left: 12px;
 }
 
 .nikes .text {
   margin: 25px; font: 10px calibri; text-align: justify;
   padding-right: 10px; height: 190px; overflow: auto;
 }
 
 .nikes .text::-webkit-scrollbar {
   width: 7px!important; border: none!important;
   background: #ddd!important; 
   border-left: solid 3px #F8F8F8!important; border-right: solid 3px #F8F8F8!important;
 }
 
 .nikes .text::-webkit-scrollbar-thumb {
   width: 7px!important; border: solid 1px #ddd!important;
   background: #f8f8f8!important; border-radius: 5px;
 }
</style>