<!--HTML-->
<center><div class="signatured"><div class="dropin">
<div class="candycaneforest">through the candy cane forest</div>
<table><td><div class="candicon"><img src="http://placehold.it/75" /></div></td><td valign="top">
<div class="candesc">first, i traveled through the seven levels of the candy cane forest... past the sea of swirly, twirly gumdrops... and then i went through the lincoln tunnel. first, i traveled through the seven levels of the candy cane forest... past the sea of swirly, twirly gumdrops... and then i went through the lincoln tunnel. first, i traveled through the seven levels of the candy cane forest... past the sea of swirly, twirly gumdrops... and then i went through the lincoln tunnel</div><div class="candylinks"><a href='/'>one</a><a href='/'>two</a><a href='/'>three</a><a href='/'>four</a><a href='/'>five</a></div></td></table><div style="border-bottom: 1px dashed #A70006;"></div>
</div></div></center><style>
.signatured { width: 400px; height: 220px; background: url(http://media.giphy.com/media/lkSRhFzzJJWo0/giphy.gif); background-size: 400px auto; overflow: hidden; position: relative; }
.signatured .dropin { width: 400px; height: 220px; background: #000; padding: 30px; transition: all 0.7s ease-in; position: absolute; top: -220px; left: 0; opacity: 0; }
.signatured:hover .dropin { top: 0px; opacity: .9; }
.dropin table { padding: 20px 0px; }
.candylinks { width: 210px; text-align: center; }
.candylinks a { width: 42px; font: 7px tahoma; text-transform: uppercase; letter-spacing: 1px; display: inline-block; padding: 2px 0px; line-height: 7px; }
.candylinks a:nth-child(odd) { color: #fff; background: #A70006; }
.candylinks a:nth-child(even) { color: #A70006; background: #fff; }
.candycaneforest {  color: #A70006; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url(http://i.imgur.com/gEm9JzK.pnge) repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; font: 25px yellowtail; border-bottom: 1px dashed #A70006; text-align: center; }
.candicon { width: 75px; height: 75px; border-radius: 100%; overflow: hidden; margin-right: 10px; }
.candicon img { width: 75px; }
.candesc { width: 207px; padding-right: 3px; text-align: justify; height: 45px; overflow: auto; font: 9px tahoma; line-height: 100%; margin: 5px 0px; color: #fff; }
</style>

<!--HTML--><div class="signature"><style type="text/css"> .finallyclean { width: 350px; margin: auto; } .finallycleant { width: 310px; padding: 20px; background-color: #222; font-family: calibri, sans-serif; font-size: 8px; text-align: left; text-transform: uppercase; color: #999; letter-spacing: 4px; line-height: 100%; font-style: italic;} .cleant { text-align: right; font-family: 'Abril Fatface', cursive; font-weight: bold; text-transform: lowercase; font-size: 60px; letter-spacing: 0px; line-height: 100%; color: #fff; margin-top: -15px; font-style: normal; } .cleant:first-letter { color: #cb8ce5; } .yclean { width: 330px; padding: 10px; background-color: #fff; } .cleanimg { width: 93px; padding: 5px; border: 1px solid #cb8ce5; margin-right: 10px; } .cleanimg img { width: 93px; } .finallyt { width: 210px; height: 105px; padding-right: 5px; overflow: auto; text-align: justify; line-height: 100%; color: #555; font-family: calibri, sans-serif; font-size: 10px; } .finallyt b { font-family: 'Abril Fatface', cursive;  text-transform: lowercase; font-size: 20px; line-height: 100%; color: #cb8ce5; } .finallycl { width: 340px; padding: 5px; background-color: #cb8ce5; color: #fff; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; line-height: 100%; font-family: calibri, sans-serif; text-align: left;} .finallycl a { color: #fff; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; font-family: calibri, sans-serif; display: inline;} .finallyt::-webkit-scrollbar { width: 5px; height: 5px; } .finallyt::-webkit-scrollbar-track { width: 1px; background-color: #cb8ce5; border: 2px solid #fff; } .finallyt::-webkit-scrollbar-thumb { background-color: #cb8ce5; } </style> <link href="http://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet" type="text/css">  <div class="finallyclean"><div class="finallycleant"> i think i am finally <div class="cleant"> clean ; </div></div><div class="yclean"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="cleanimg"> <img src="http://signavatar.com/40037_v.gif"> </div></td> <td> <div class="finallyt"> <b>nov 6th</b> okay guys, i've been mia for awhile andddd it's pretty much going to be like that for a little longer. i'm not in a good mind set at all and i'm going back to NZ for a few days to hopefully settle things out and stuff. it'll be from the 10th to the 23rd anddd while i'll take my laptop, i probs wont be on anymore than i usually am. sorry for not doing requests or codes or anything, buttttttt i'm just not up to it. soz not soz.   </div></td></tr></tbody></table></div> <div class="finallycl"> becky ; 23 ; gmt ; she/her <div style="float: right; display: inline;"><a href="http://demi-criss.tumblr.com">tumblr</a> ; <a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=3994">gallery</a> ; <a href="http://candyland-couture.com/index.php?showtopic=17808&amp;hl=">shop</a> </div></div></div></div>

<!--HTML--><div class="signature"><div align="center"><div id="elle"><div class="ellesig" style="background-image: url(http://i.imgur.com/cMJ4GAZ.png);"> <div align="center"><table cellpadding="0" cellspacing="0"><tbody><tr><td> <div class="elledescript"> <div class="ellename">elle!</div><br><br><br><br>I never saw a wild thing sorry for itself.</div> </td><td> <div class="ellegif" style="background-image: url(http://i.imgur.com/0ac9xQ3.gif);"></div> </td><td> <div class="ellelinks"><a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=9572">graphics</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=11050&amp;st=0&amp;#entry56022">writing</a> <a href="http://harroldhardyngs.tumblr.com/">tumblr</a> <a href="http://elisabethhewer.tumblr.com/">poetry tumblr</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=15437">royal court</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showtopic=9709">hall of fame</a> </div> </td></tr></tbody></table></div> </div></div></div> <style>#elle { width: 500px; height: 200px; overflow: hidden; } #elle .ellesig { width: 500px; height: 200px; } #elle .ellegif { width: 120px; height: 120px; border: 7px solid #fff; box-shadow: 1px 1px #111; overflow: hidden; background-position: center; border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%; margin-left: -8px; margin-right: -8px; position: relative; z-index: 10; filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } #elle:hover .ellegif {opacity: 1; } #elle .ellegif:hover { filter: none; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #elle .ellelinks { width: 100px; height: 160px; padding: 20px; background-color: #111; text-align: center; position: relative; bottom: -200px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } #elle:hover .ellelinks { position: relative; bottom: 0px; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; } #elle .elledescript { width: 100px; height: 160px; padding: 20px; background-color: #111; text-align: justify; overflow: hidden; font-family: calibri; letter-spacing: 2px; text-transform: uppercase; font-size: 8px; line-height: 10px; color: #eee; position: relative; left: -200px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } #elle:hover .elledescript { position: relative; left: 0px; transition-delay: 1.2s; -moz-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; } #elle .ellename { font-family: 'Lobster', cursive; font-size: 20px; color: #fff; text-align: right;line-height: 100%; text-transform: lowercase; margin-bottom: 5px; } #elle .ellelinks a { display: block; width: 100px; height: 20px; margin: 6px 0px; background-color: #fff; font-family: calibri; letter-spacing: 2px; text-transform: uppercase; font-size: 8px; line-height: 20px; color: #111; } #elle .ellelinks a:hover { background-color: #ddd; } </style></div>

<!--HTML--><div class="postcolor"> <div style="line-height:95%;"><style type="text/css">
#adjectiveback { text-align:center; width:150px; padding-top:6px; padding-bottom:6px; color:white; font-family:tahoma; font-size:7; text-transform:uppercase; letter-spacing:4px; background-color:#0E2430; }
#transparent { height:3px; background-color:transparent; width:100px; }
#application {  height:150px; width:330px; background-color:#E8D5B9; padding:20px; }
#application:hover { height:100%; }
#applicationtext { height:40px; overflow:auto; text-align:center; width:330px; opacity:0; -moz-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -ms-transition-duration:0.8s; -o-transition-duration: 0.8s;  }
#applicationtext:hover { position:relative; top:10px; opacity:100; width:90%; padding:10px; color:#0E2430; font-family:tahoma; font-size:9; text-align:justify; line-height:95%; height:255px; overflow:auto; line-height: 110%}
#titlehover { position:relative; top:3px; opacity:100; font-family:times; font-size:9; text-transform:uppercase; letter-spacing:4px; color:#0E2430; }
</style>

<center><div style="width:370px; padding-top:20px; padding-bottom:20px; background-color:#0E2430;"><div style="padding:15px; font-family:georgia; color:white; letter-spacing:-4px; font-size:38px;">caoilainn <i>s.</i> o’leary</div>
<div style="font-family:times; font-size:7; text-transform:uppercase; letter-spacing:1px; color:white;"><i>TWENTY-FIVE.</i> <i>MERPERSON</i>. LIGHT.</div></div><div id="application"><table><tbody><tr><td><div id="adjectiveback">LINN</div><div id="transparent"></div><div id="adjectiveback">BISEXUAL</div><div id="transparent"></div><div id="adjectiveback">FIERY</div><div id="transparent"></div><div id="adjectiveback">ZOE BOYLE</div>
<div style="width:150px; height:3px; border-bottom:1px dotted #FC3A51;"></div></td><td>
<center><img style="border:10px solid #fff" src="http://i241.photobucket.com/albums/ff289/Fox1717/7159860f-4a92-4568-b0f9-b1148172b7d1.jpg"></center>
</td></tr></tbody></table><div id="titlehover">HOVER FOR APPLICATION</div>
<div id="applicationtext">
<b>EYES</b> Linn’s eyes are in the shape of a soft oval that have a piercing blue color that is lighter around the pupils and darkens as it works it’s way out to the edges of the iris. 
<br>
<b>HAIR</b> Linn is a natural Irish red head who doesn’t do very much in way of training her hair. It often falls in soft natural waves about shoulder length though occasionally she would let it grow longer. 
<br>
<b>BODY TYPE</b> Linn is a slimmer woman with a narrow waist and a lot of natural curves. While she isn’t vain about her looks, Linn knows that she can turn heads when she walks into a room, it’s the gift of her bloodlines.
<br>
<b>HEIGHT</b> 5’3”
<br>
<b>WEIGHT</b> 117 lbs 
<br>
<b>DISTINGUISHING FEATURES</b> Linn has one tattoo of a rainbow colored sea trout on her right ankle. Each scale is a different color capturing the essence of multiple aspects of life. Linn got this tattoo when she first moved to America after having to flee Ireland with her family. The sea trout is native to the coasts of western Ireland where Linn and her family lived. The only other real distinguishing feature that makes Linn stand out is her Irish lilt and her fiery red hair. 
<br>
<b>STYLE</b> Linn has a very simple style. She likes boots and vans and always with skinny jeans and a big woolen sweater. In the summer time she shuns jeans and sweaters for light sun dresses and bikinis as she will spend all the time that she could on the Irish coast playing in the water and being with her kin.

<p>
-------------------------------------------------
</p><p>

<b>LIKES</b> 
<br></p><ul><li>swimming </li><li>reading late in the evenings </li><li>her job</li><li>men</li><li>women</li><li>sunsets</li><li>mythology (greek &amp; norse)</li><li>classic literature</li><li>growing herbs </li><li>the smell of Irish bogs</li><li>the color purple (the book)</li><li>emeralds</li><li>good Irish whiskey </li><li>merlot wine</li><li>writing poetry </li><li>the music from Thomas O'Brien Butler a famous composer from the 1800’s</li></ul><br>
<b>DISLIKES</b> 
<br><ul><li>violence</li><li>ignorant people </li><li>unnecessary rudeness </li><li>ketchup </li><li>rap music</li><li>extremely hot weather</li><li>the way history portrays “mythical” creatures </li><li>demons (for very personal reasons)</li><li>drunk people</li><li>the dark</li></ul><br>
<b>STRENGTHS</b> 
<br><ul><li><b>intelligence:</b>  One of Linn’s greatest strengths is her intelligence and devotion to learning. She’s currently attending the university double majoring in ancient mythology and literature with romance languages. Linn has spent a large amount of time reading and learning about different cultures and histories and for her young age she is probably one of the most well-rounded individuals in her class.</li><li><b>green thumb:</b> Linn has always had a great ability with plants. She was all the time puttering around her grams greenhouse back home in Castletown Bere, Ireland. Here in Manuka, Linn spends a lot of time puttering around in her ma’s herb garden or out in the real vegetable garden that her da planted on their estate outside of the city limits. She’s just very good with plants and they grow and respond well to her working with them.</li><li><b>opinionated:</b>  Linn has always had a strong opinion about her life and the people she’s involved with and she has never hesitated to say anything about them. Everyone can always guarantee that they’ll know what’s on Linn’s mind because she is sure to let you know quickly. She isn’t rude about it, but she’s too the point and she doesn’t hide what she believes in. It comes from her Irish Roman Catholic roots. </li><li><b>a gift with languages:</b> Being a native Irish woman, Linn grew up speaking Irish Gaelic and some odd bits of Celtic Welsh. Now at the age of twenty-five and being a romance language major she’s fluent in English (both the American and English version), French, Italian, Gaelic, Welsh, and Russian. She’s also working to master Latin even though it is a “dead” language.</li></ul><br>
<b>WEAKNESSES</b> 
<br><ul><li><b>controlling her temper:</b> Linn has always had a fiery temper and sometimes it’s like a Irish squall coming down out of the high lands when she blows. Linn will tell you exactly what she thinks whether it’s nice or nasty, she will attack without hesitation. She has seen the dark side of humanity a couple of times and the horribleness that demons can have and since then she has become more defensive and her anger is more easily kindled. </li><li><b>mathematics:</b> Everyone has something that defeats them right? Linn hates math, it’s just one of those things that kills her. She can do basic arithmetic without any headache, but when it gets to anything more advanced she throws her hands up in the air and just will walk away rather than give herself a major headache. 	</li><li><b>trusting:</b> Before the incident in Ireland, Linn was a super trusting person often letting her guard down and letting people in. Now though, it’s become a weakness that could be used against her. She tries really hard not to trust people, but Linn is just too trusting. It’s one of the things about her that her da and ma love but hate at the same time. </li><li><b>caution:</b> This is the double edged sword that accompanies her trust issues, once she trusts someone she throws all caution out the window. Especially if she’s involved with them emotionally and sexually. It’s something that is going to end up getting her severely hurt.</li></ul><br>
<b>HABITS</b> 
<br><ul><li>twirling a strand of hair around one finger when she reads</li><li>blowing bubbles with her chewing gum</li><li>humming to herself when she works in the garden at her parents estate</li></ul><br>
<b>FEARS</b> 
<br><ul><li>Fire in any form</li><li>Being seen again by any human male or female </li><li>Oddly enough snakes because in Ireland there is no natural snakes on the Isle yet here in the America’s there are so many</li></ul><br>
<b>DESIRES</b> 
<br><ul><li>Linn really just wants to find a life partner that she can be herself with, her real merperson self and not have to hide and be afraid of being found out constantly.</li></ul><br>
<b>SECRETS</b> <br><ul><li>Obviously her identity is a secret because you can’t just roll into a joint and be like “Hey I’m a mermaid” without being carted off to the loony bin. The next biggest one is on all her school vacations she travels through the Atlantic ocean back to her homeland in Castletown Bere, Ireland even though her and her family are fugitives and thought to be monsters.</li></ul><br>
<b>OVERALL PERSONALITY</b>
<br><br>
Linn used to be an open book to everyone. She was easy to read and everyone always knew what was going on under those red locks. That isn’t the case so much these days. Ever since arriving in America Linn has made it her goal to not be so open and trusting of people because not everyone is what they appear to be, which she should know since she isn’t what she appears to be. She has had to develop her sense of caution and resistance which has been a constant struggle for Linn because she was always that person who trusted everyone and was open with everyone, but time teaches everyone the error of their ways right? <br><br>
Linn is a very strongly opinionated young woman who generally speaks her mind even though she has tempered that effect here over the last four years. For all her bluntness Linn is still a very caring and protective person. She loves to grow things and for her growing things is like giving birth, it’s an act of renewal and giving life to everyone. Even though Linn is twenty five and seen a lot of evil in her life she still believes in true love and that love can cure most problems. She might be a little naïve in that department, but she has yet to have a heart broken romantically yet. <br><br>
With everything else that she has going for her Linn is a very artistic woman who focus’s on writing a lot and has managed to learn to channel her emotions into writing. She’s working on trying to get a mythological novel she has written published; moreover, hoping that all the while it will help correct people’s opinions on merfolk and other “mythical” creatures. 

 

<p>
-------------------------------------------------
</p><p>

<b>MOTHER</b> Fiona Maureen O’Leary 
<br>
<b>FATHER</b>  Camden Jason O’Leary 
<br>
<b>SIBLINGS</b> Deirdre Ida O’Leary, Iona Candance O’Leary (deceased), Roisin Sile O’Leary (deceased), Ailbe Sean O’Leary, Carrig Liam O’Leary (deceased), Finn Seamus O’Leary, and Ronan Meelo O’Leary. 
<br>
<b>OTHER PERSONS OF IMPORTANCE</b> her grandparents on both sides and several aunts, uncles, and cousins. 
<br>
<b>ETHNICITY</b> Irish with a hint of Scottish blood from her fathers side
<br>
<b>WEALTH STATUS</b> Decently wealthy, they aren’t the richest in the world, but their not going to break the bank anytime soon 
<br>
<b>OVERALL HISTORY</b><br><br>

<i><b>in the beginning…</b></i> the O’Leary clan was simply known as the Lear clan when they resided in the city of Atlantica. Atlantica was the ancient stronghold of the merfolk before humans had emerged on the earth and water still covered the dominion of the earth. The Lear clan was made up of artisans and courtiers, not choosing the path of war and destruction that so many other families prided. They played politics and helped preserve the history of their race until the great civil war that came and brought ultimate destruction to Atlantica.</p><p> 

The Lear clan fled from the city with nothing more than a text containing the city history from the first king up to what would be added in by the Lear clan leader when they would settle in what would be known as modern day Ireland. The Lear clan was forced to adapt to land dwelling souls to fit in with the rising populations of humans that had begun to form on the Isle. The Lear clan became the clan of the O’Leary’s and would have a unique family crest with the twin tails of the sea trout crossing the full moon. The tails were supposed to represent the fish most common on the west coast of Ireland to everyone else, but to the O’Leary’s it represent their true nature and the lost city that they were forced to flee from in the ancient times. </p><p> 

Caoilainn Saoirse O’Leary was born on a Tuesday in March, in the year of 1990 to Cam and Fee O’Leary. Caoilainn was the middle child of eight children and probably at the time one of the least complicated of the bunch. Caoilainn is pronounced like “Kay Lynn” in American English, but when the family relocated to the America’s the chaps never could get her name quite right, so Caoilainn just decided to go by Linn instead of hearing her name butchered by the American accent for all of eternity. 
</p><p>

<i><b>Linn’s child hood &amp; adolescence…</b></i> was a time of great happiness and love for Linn. She grew into her fiery temper fighting with her older sisters and younger brothers and learned her love of the smell of Irish bogs playing in the high lands behind her town where she would hike with her siblings and play after school was over. Linn was especially close to her brother Liam and her older sister Iona. Usually the three of them went everywhere together and her mother often called them a school of trouble subtly referring to their aquatic origins.</p><p> 

In high school Linn lived in a bubble as her mum called it of where she thought that everyone was nice and that the world was perfect. She never revealed her family secret, it was something that she never let slip. Her da used to say she needed to get her head out of the sea foam and wake up and realize that the world wasn’t so perfect, but to Linn it was. She had her brothers and sisters, her extended family, some great human friends that didn’t doubt she was one of them. It wasn’t until the end of her senior year and the beginning of that summer did her life change and Linn learn differently.</p><p>

<i><b>Linn learns the cruelty of the world…</b></i>in the form of a demon in in disguise as a young man who wooed Iona, Linn’s closest older sister. No one had a clue that Josiah was a demon who was planning on letting Ireland get a first hand view of merpeople in their true forms in the bay, but Josiah had that in plan for the O’Leary clan. He was going to incite the people that Linn had known all her life into a mass of hate and fury that would spit her family on spikes.</p><p>

Every full moon way after midnight the O’Leary clan would swim out into the bay and take their true forms and swim as merfolk once a month to satisfy the urges and keep the traditions alive that they had known. Somehow Josiah knew about this tradition and convinced Iona to show him her real form. She never told anyone about it and if she had maybe their father Cam the clan leader could have stopped it from happening. Iona kept sneaking off all the time to meet Josiah and one night Sile and Liam followed her when she snuck off.</p><p> 

What they found horrified them. Iona has waded into the bay and took her true form with Josiah swimming with her only this time he had a net waiting on the tiny Isle that was in the center of the bay. He surprised Iona by throwing it over her after a kiss. Liam and Sile had immediately dove into the water changing to try and save their sister through song and distractions, but their keening tones had no affect on the demon. He left Iona tied in the net and brought out more to capture Sile and Liam. </p><p>

With three of their children missing Cam and Fee went out looking with the rest of their family to find their kids while Deidre and Linn went to the bay to see if they were there. When they got there they were horrified to see Josiah hauling the three missing siblings out of the bay in nets before a rioting crowd. Linn would never forget the words he said to the crowd, <b>”See my good people, we have pestilence and demons living amongst us, these monsters need to be destroyed, who is with me!?”</b> Linn and Deidre watched in silent horror as the crowd crucified their siblings on pikes before they fled to tell their family.</p><p>

Cam and Fee knew that the towns people would immediately come for their whole family and so in the blink of an eye Linn watched her broken family dive into the ocean and travel from one home to a new one.</p><p>

<i><b>Linn in the present day….</b></i> has learned to adapt her emotions to live with humans once more though it took her a long time to leave her parents estate and venture back out into the human population. After feeling Ireland her family relocated to Manuka, Maine, an upscale city with plenty of rural coastline in driving distance to the city. For the first year that they lived there Linn let herself be lost among the icy waters off the coast and sometimes for weeks at a time she wouldn’t come back to the ground. It took her a long time to find a reason to climb back out of the water and lose her fins. Educating ignorance was more important to her than her own grief.</p><p>

 Now Linn is working on a double bachelors in literature and romance languages &amp; mythology with the goal to educate humans and rid them of their misconceptions of the mythical world without revealing the existence of her people and the other mythical species that live in the world. Ever since her encounter four years earlier Linn had been a firm believer that the mythical world needed to be kept a secret from the human world. It was better off for them to exist as invisible individuals than to be hunted down and killed like rats in a barrel. She also worked part time at a local book store as a book keeper, shaving new products, helping customers, and ringing them out. It gave her something to do and made her appear more normal.</p><p>

-------------------------------------------------
</p><p>
<b><i>ROLE PLAY SAMPLE</i></b>
</p><p>

</p></div></div>
<div style="width:370px; padding-top:20px; padding-bottom:20px; background-color:#0E2430;"><div style="padding:15px; font-family:georgia; color:white; letter-spacing:-4px; font-size:38px;">hi, i'm <i>’fia</i></div><div style="font-family:times; font-size:7; text-transform:uppercase; letter-spacing:1px; color:white;"><i>28.</i>  <i>EASTERN</i>. CONTACT ME @ <i>PM/AIM</i></div></div>
<div style="width:370px; height:15px; background-color:#FC3A51;"></div><div style="height:2px; background-color:transparent; width:370px; border-bottom:1px dotted #0E2430;"></div>
<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=20184"><div style="text-align:right; width:370px; text-transform:uppercase; font-size:8px;">thanks brooklyn</div></a></center></div> </div>

<!--HTML--><div class="postcolor"> <center>
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css">


 <div class="view view-fourth">
                    <img src="http://placehold.it/450x250">
                    <div class="mask">
<div class="arrow_box">
                        <h2>line of lyrics here</h2></div>
                        <p></p><div class="taggers">TAG HERE</div>
<div class="taggers">000 WORDS</div><br>
<div class="taggers" style="margin-top: 5px;">ANY NOTES OR WHATEVER HERE</div>
<p></p>
                    </div>
                </div><div style="width:450px;  margin-top: -10px; position:relative;  border-bottom: 20px solid #5D0A00;
   border-right: 20px solid #5D0A00;
   border-left: 20px solid #5D0A00; background-color: #151111; font-family: georgia; font-size:11.5px; line-height:115%;    color: rgba(255,255,255,.55);">
<div class="arrow_box2" style="margin-top:5px; height:50px; background-color: #000;"><div class="lyricme">line of lyrics here</div></div>
<div style="width 400px; padding: 40px 25px 25px 25px; text-align: justify;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis laoreet magna quis felis adipiscing, ut eleifend nisl cursus. Aenean aliquam risus mi, non pulvinar erat blandit id. Cras vestibulum, erat eu iaculis pulvinar, nibh tortor convallis mi, ac volutpat orci quam ut lacus. Sed sollicitudin lacus eu purus sollicitudin luctus. Donec vitae mauris id augue aliquam dictum. Etiam lobortis pulvinar sapien, eget aliquet nibh tincidunt dapibus. Maecenas vel sagittis nisi, a imperdiet nibh. Morbi mollis laoreet nisl quis ultrices. Sed consequat arcu nec eleifend scelerisque. Vestibulum cursus malesuada nisl, hendrerit facilisis ligula pretium sit amet.
<p>
Mauris aliquet laoreet arcu, in porta felis dictum sit amet. Fusce cursus lorem mattis mattis molestie. Fusce sagittis blandit neque, quis tristique diam gravida sed. Duis sed mattis turpis. In mi odio, aliquam eleifend auctor sit amet, fringilla eget enim. Proin posuere tellus vel est ultrices laoreet. Duis vehicula condimentum erat, fermentum condimentum tortor convallis ut. Nunc dui orci, convallis quis purus at, fermentum luctus ante.</p><p>

Aliquam tempus sagittis magna quis varius. Cras vehicula a tellus non tincidunt. Donec fermentum sodales pellentesque. In ut placerat ligula, sit amet tincidunt dolor. Vivamus tellus tellus, tincidunt consectetur ipsum quis, tincidunt imperdiet arcu. In a varius dolor. Integer id ligula porta eros ultrices tempor.
</p><p>
Sed commodo, tellus in bibendum semper, nisl enim dapibus neque, eget lacinia lorem libero ut risus. Nullam dui massa, egestas eu volutpat ut, rutrum id eros. Aliquam in volutpat massa. Sed urna mauris, egestas id commodo nec, fringilla eu massa. Suspendisse euismod pellentesque commodo. Ut non scelerisque orci, quis dapibus nisl. Pellentesque luctus turpis et augue blandit pharetra. Etiam vel nulla congue, elementum ligula eu, dignissim odio. Nulla imperdiet suscipit sollicitudin. Mauris luctus, turpis nec tempor luctus, arcu dui vulputate leo, sed pharetra magna massa quis diam. Etiam sed blandit urna. Integer quis neque tristique, tincidunt ante quis, fermentum mauris.
</p><p>
Praesent iaculis eu lectus in vulputate. Aliquam non dolor adipiscing, dignissim tortor a, laoreet justo. Praesent dapibus ultrices risus. Proin rutrum massa id lectus hendrerit, non tincidunt augue euismod. Fusce iaculis, leo sit amet faucibus eleifend, massa tellus vehicula eros, sed sodales turpis orci eget lacus. Donec aliquam nisi diam, id dapibus nunc tincidunt ac. Integer posuere mauris ac adipiscing consequat. Curabitur ac mi sit amet nisl cursus mattis at vel elit. Suspendisse quis bibendum massa, in volutpat quam. Donec nec velit placerat, commodo orci ut, eleifend lectus. Aenean auctor, arcu in accumsan auctor, felis odio mattis libero, sit amet bibendum elit quam sed risus. Suspendisse potenti. Nunc vestibulum neque bibendum rutrum tincidunt. Integer tempus volutpat orci, sit amet dapibus orci accumsan eu. 
</p></div>
</div>
<div style="z-index:0; margin-top:-30px; width:400px; height:115px;"><img src="http://www.ireadthrillers.com/IRT/Blog/Blog_files/Dripping_Blood_1000_pix.png" width="400"></div>
</center>

<style type="text/css">

.view {
   width: 450px;
   height: 250px;
   margin: 10px;
   border-top: 20px solid #5D0A00;
   border-right: 20px solid #5D0A00;
   border-left: 20px solid #5D0A00;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(http://data3.whicdn.com/images/120781117/large.jpg) top center; 	background-size:cover;
}
.view .mask,.view .content {
   width: 450px;
   height: 250px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: rgba(255,255,255,.7);
   text-align: center;
   position: relative;
font-family: amatic sc;
   font-size: 36px;
   padding-bottom: 15px;
   background: rgba(0, 0, 0, 0.8);
   margin: 0px 0 0 0;
font-weight:normal;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: rgba(255,255,255,.7);
   padding: 15px 20px 20px;
   text-align: center;
}
.taggers {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #5D0A00;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.taggers {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth taggers {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover .taggers {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.arrow_box { position: relative; background-color: #000; border: 4px solid #7F0000; } .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #000; border-width: 30px; margin-left: -30px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #7F0000; border-width: 36px; margin-left: -36px; }

.arrow_box2 { position: relative; background-color: #000; border-bottom: 4px solid #5D0A00; } .arrow_box2:after, .arrow_box2:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box2:after { border-color: rgba(136, 183, 213, 0); border-top-color: #000; border-width: 30px; margin-left: -30px; } .arrow_box2:before { border-color: rgba(194, 225, 245, 0); border-top-color: #5D0A00; border-width: 36px; margin-left: -36px; }

.lyricme {    text-transform: uppercase;
   color: rgba(255,255,255,.7);
   text-align: center;
font-family: amatic sc;
   font-size: 36px;
   padding-top:20px;
word-spacing: 4px;
letter-spacing: 2px;
   background: rgba(0, 0, 0, 0.8);
   margin: 0px 0 0 0;
position: relative;
font-weight:normal; }
</style>
  </div>

<!--HTML--><div class="signature"><link href="http://fonts.googleapis.com/css?family=Josefin+Slab:400italic" rel="stylesheet" type="text/css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" href="http://amanda002.b1.jcink.com/uploads/amanda002/d3b.css"><br><div class="d3bcontainer" style="background-image:url(http://orig03.deviantart.net/c5a9/f/2015/323/8/7/superman_by_lisbethsalanders-d9h90wm.png)"><br> <div class="d3bhov"><div class="d3btitle"><b>d</b>ebora</div><br>   <div class="d3bbuttons"><marquee><img src="http://i.imgur.com/wPKqMis.png"><img src="http://i.imgur.com/betlaP5.png"><img src="http://i.imgur.com/7JDc5FR.png"><img src="http://i.imgur.com/QHyViuW.png"><img src="http://i.imgur.com/xHZ2BlD.png"><img src="http://i.imgur.com/GcoWRyw.png"><img src="http://i.imgur.com/yM4udBl.png"><img src="http://i.imgur.com/cYBG6E0.png"><img src="http://i.imgur.com/4cZTTVX.png"><img src="http://imageshack.com/a/img538/4628/C7Kea3.png"><img src="http://i.imgur.com/4nb0TQd.png"></marquee></div><br>   <div class="d3bgif"><img src="http://i.imgur.com/CLx4QQh.gif"></div><br>   <div class="d3bquote">IF I'M GONNA DIE, I'M GONNA DIE HISTORIC ON THE FURY ROAD!</div><br>   <div class="d3babout" style="color: #324A63;">I'm currently in uni but i'll still be taking graphic requests in my shop! feel free to pm me asap.</div><br>   <div class="d3blinks"><a href="http://cttw.b1.jcink.com/index.php?showtopic=133&amp;hl=" title="gallery"><div class="d3blink1" style="background-color:#A986AD;"><i class="fa fa-picture-o"></i></div></a><a href="http://cttw.b1.jcink.com/index.php?showtopic=121&amp;hl=" title="tracker"><div class="d3blink1" style="background-color:#7F5185;"><i class="fa fa-thumb-tack"></i></div></a><a href="http://hehrycavill.tumblr.com/" title="tumblr"><div class="d3blink1" style="background-color:#5E2C63;"><i class="fa fa-tumblr-square"></i></div></a><a href="http://cttw.jcink.net/index.php?showtopic=1029&amp;hl=" title="flower shop"><div class="d3blink1" style="background-color:#8699AD;"><i class="fa fa-asterisk"></i></div></a><a href="http://rpspectrum.tumblr.com/" title="rp resource tumblr"><div class="d3blink1" style="background-color:#5B728A;"><i class="fa fa-download"></i></div></a><a href="http://cttw.b1.jcink.com/index.php?showtopic=520&amp;hl=" title="staff intro"><div class="d3blink1" style="background-color: #324A63;"><i class="fa fa-user"></i></div></a></div><br> </div><br></div></div>

<!--HTML--><center>
<link href='https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700' rel='stylesheet' type='text/css'>
<style type="text/css">
#chorizo2::-webkit-scrollbar { height: 5px; background-color: #9BD8CA; }
#chorizo2::-webkit-scrollbar-thumb { background-color: #ffffff; border-left: 5px solid #9bd8ca; border-right: 5px solid #9bd8ca; }
#chorizo2::-webkit-scrollbar-track { background-color: #000; }

.outer {
background-color: #FFF;
border: 1px solid #dedede;
padding: 20px;
width: 300px; }

.title {
font: 700 20px/22px 'Anonymous Pro', monospace;
color: #fff;
letter-spacing: 1px;
background-color: #000;
text-align: right;
padding: 10px;
width: 280px;
text-transform: uppercase; }

.title::first-letter { color: #9BD8CA; }

#pic {
width: 300px;
height: 200px;
background-image: url('http://placehold.it/300x200');
position: relative;
top: 0;
left: 0; }

#pic .notes {
width: 280px;
height: 10px;
padding: 10px;
font: 400 10px/12px 'Anonymous Pro', monospace;
color: #fff;
background-color: rgba(0,0,0,0.5);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden; }

#pic .notes:hover {
width: 280px;
height: 40px;
font: 400 10px/12px 'Anonymous Pro', monospace;
background-color: rgba(0,0,0,1.0);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

#pic .notes b { 
background-color: #fff;
color: #000;
padding: 5px; }
#pic .notes > p { margin-top: 15px; }

.lyrics {
width: 280px;
padding: 10px;
text-align: justify;
font: 400 9px/10px 'Anonymous Pro', monospace;
color: #fff;
background-color: #000;
text-transform: uppercase;
}

#chorizo {
width: 280px;
height: 280px;
background-color: #fff;
padding: 10px;
color: #000;
font: 11px/12px calibri, sans-serif;
text-align: justify; }

#chorizo2 {
padding-bottom: 10px;
height: 270px;
overflow-y: hidden;
overflow-x: auto;
column-count: 1;
column-gap: 10px;
-webkit-column-count: 1;
-moz-column-count: 1;
-o-column-count: 1;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
-o-column-gap: 10px; }

.credit, .credit a:link, .credit a:active, .credit a:visited {
font: 400 10px/12px 'Anonymous Pro', monospace;
color: #9bd8ca;
letter-spacing: 1px;
text-align: right;
padding: 5px;
width: 340px; }

.credit a:hover { color: #fff; }

</style>


<div class="outer">
<div class="title">how big, how blue</div>
<div id="pic">
<div class="notes">HOVER<p>
<b>TAG</b> name / <b>NOTES</b> sorry this sucks</div>
</div>

<div class="lyrics">And meanwhile a man was falling from space, 
And every day I wore your face, 
Like an atmosphere around me, 
A satellite beside me.</div>

<div id="chorizo">
<div id="chorizo2">
 Dream of the mind's eye. Rich in mystery encyclopaedia galactica, permanence of the stars, brain is the seed of intelligence. Drake Equation decipherment great turbulent clouds Cambrian explosion tendrils of gossamer clouds, realm of the galaxies, vastness is bearable only through love. Cosmic ocean trillion rich in heavy atoms billions upon billions Euclid two ghostly white figures in coveralls and helmets are soflty dancing billions upon billions, encyclopaedia galactica the ash of stellar alchemy take root and flourish across the centuries consciousness astonishment the carbon in our apple pies, white dwarf dispassionate extraterrestrial observer brain is the seed of intelligence tesseract two ghostly white figures in coveralls and helmets are soflty dancing Orion's sword.<p>

 Concept of the number one extraordinary claims require extraordinary evidence rich in mystery cosmic ocean, extraordinary claims require extraordinary evidence astonishment vastness is bearable only through love a very small stage in a vast cosmic arena from which we spring explorations decipherment another world worldlets another world with pretty stories for which there's little good evidence science at the edge of forever brain is the seed of intelligence white dwarf tingling of the spine kindling the energy hidden in matter Rig Veda, billions upon billions! Light years citizens of distant epochs rich in heavy atoms, the sky calls to us? Cosmic fugue cosmos Orion's sword great turbulent clouds.<p>

 Rich in heavy atoms Cambrian explosion how far away. Take root and flourish trillion Flatland network of wormholes something incredible is waiting to be known encyclopaedia galactica decipherment vastness is bearable only through love of brilliant syntheses tesseract. Circumnavigated, decipherment, vanquish the impossible dispassionate extraterrestrial observer muse about gathered by gravity. Galaxies ship of the imagination brain is the seed of intelligence descended from astronomers kindling the energy hidden in matter concept of the number one. Globular star cluster? The only home we've ever known brain is the seed of intelligence.<p>

 A very small stage in a vast cosmic arena at the edge of forever take root and flourish. Radio telescope Tunguska event hearts of the stars hydrogen atoms, white dwarf explorations take root and flourish of brilliant syntheses venture a billion trillion Flatland Vangelis culture, shores of the cosmic ocean Drake Equation take root and flourish, the ash of stellar alchemy preserve and cherish that pale blue dot realm of the galaxies worldlets? Billions upon billions dispassionate extraterrestrial observer the only home we've ever known rogue bits of moving fluff rings of Uranus and billions upon billions upon billions upon billions upon billions upon billions upon billions.
</div>
</div>

<div class="title">how beautiful</div>
</div>
<div class="credit"><a href="http://cttw.jcink.net/index.php?showuser=1139">&hearts;</a></div>

</center>

<!--HTML-->
<link href='https://fonts.googleapis.com/css?family=Fira+Mono|Cinzel' rel='stylesheet' type='text/css'>
<style type="text/css">
 .borderthang { width: 300px;  height: 350px;  background-image: url('http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/micro_carbon.png');  }
 .wordthang { height: 25px; background-color: #292929; line-height: 25px; font-family: 'Fira Mono'; font-size: 8.5px; text-transform: uppercase; color: #b0b0b0; position: relative; top: 40px; }
 .allofthehover { opacity: 0; height: 100px; position: relative; top: -100px; }
 .allofthehover:hover { opacity: 1; transition: all 1s ease-in-out; }
 .actualpost { width: 275px; height: 225px; background-color: #303030; font-family: 'Fira Mono'; font-size: 9px; color: #c9c9c9; overflow: auto; padding: 3px; text-align: justify; position: relative; top: -90px; line-height: 9px; }
 .actualpost::-webkit-scrollbar { width: 1px; }
 .actualpost::-webkit-scrollbar-thumb { width: 1px; background-color: #c9c9c9; }
</style>
<center><div class="borderthang"><img src='http://placehold.it/300x100/'>
<div class="allofthehover"><div class="wordthang">tag: wordcount: notes:
</div></div>
<div class="actualpost">Lorem ipsum dolor sit amet, ad qui alii omnium placerat. Eam omittam consequat eu, ea est dicam utamur admodum. Iuvaret voluptua adolescens eum no, id denique accusam accusamus est. Hinc mediocritatem qui ex, ne mucius melius per.
<p>
Est in omnes aliquam sanctus. Facilisis assueverit vis ad, cu elitr luptatum philosophia sea. No iudico graeci vim. Quo eu graeci oblique nusquam, id ius case interpretaris. Ut clita iriure rationibus sit. Vix ne aeque assentior, ad usu option epicurei.
<p>
Et quo velit veritus phaedrum, te his nullam praesent. Pri cu vidisse epicurei, tamquam democritum adipiscing ex mel, no feugait detraxit nam. No feugiat expetenda intellegat vis, quis duis ad ius. Has clita prodesset an, sit error quaerendum no, cu odio omnes epicuri vim. Velit repudiare ex nam, pri cibo ubique eloquentiam at.
<p>
Vis quod purto necessitatibus cu. In nonumy tritani cum, vel postea convenire ad. Et error rationibus usu, sit postea verterem dissentias cu. Cu sea facete veritus epicurei. Feugiat nostrum ad has, et facilisi mandamus interesset eum.
<p>
Te nam tota lorem. Movet atomorum mandamus mel ad, ius et laudem noster repudiare. Cum minimum nominati partiendo no. Vix utroque veritus ei, ancillae verterem deterruisset pro cu. Id per porro debet iudicabit. Vel id mucius recteque, vix ubique perpetua ne, alia clita possit qui ea.</div>
</div>
 <div style="width: 300px; font-family: 'Cinzel', serif; font-size: 9px; text-align: right;"><a href="http://cttw.jcink.net/index.php?showuser=1479">&hearts;alisa</a></div>
</center>

<!--HTML--><div class="signature"><link rel="stylesheet" type="text/css" href="http://amanda002.b1.jcink.com/uploads/amanda002/debbie.css"><link href="http://fonts.googleapis.com/css?family=Oswald:700" rel="stylesheet" type="text/css"><br><div class="debbiecontainer" style="background-image:url(http://i61.tinypic.com/2s8hg5s.jpg);"><br>  <div class="debbiehov1" style="background-color:#4a3544;"><a href="http://cttw.b1.jcink.com/index.php?showtopic=808&amp;st=0" ""="">gallery</a> <a href="http://cttw.b1.jcink.com/index.php?act=Msg&amp;CODE=04&amp;MID=280&quot;&quot;">private message</a> <a href="http://cttw.jcink.net/index.php?showtopic=827&quot;&quot;">flower shop</a> <a href="http://cttw.jcink.net/index.php?showtopic=2396&quot;&quot;">tracker</a></div><br>  <div class="debbiename" style="color:#1d1c1c;">debbie</div><br>  <div class="debbiehov2"></div><br>  <div class="debbiegif"><img src="http://i59.tinypic.com/20kw3zs.jpg"></div><br>  <div class="debbieabout">My name is Debbie and I'm a graphic designer.Graphics made by me, signature template made by Amanda</div><br></div><br><br><a href="http://cttw.b1.jcink.com/index.php?showtopic=808&amp;st=0" rel="nofollow" target="_blank">MY GALLERY</a></div>

<!--HTML--><align=center><dohtml><div class="postcolor"> <div align="center"><font style="font-size:150%;">Rules for using Bry's template.</font>
<div style="width:50%;text-align:justify;font-size:90%"><font color="00bf00">UNE.</font> Please please please don't remove my tag. 
<font color="00bf00">DEUX.</font> Feel free to play around with the colors and fonts. :)
<font color="00bf00">TROIS.</font> It is also okay if you repurpose it.
<font color="00bf00">QUATRE.</font> Don't be afraid to ask me questions, via pm, email, or a reply down below.
<font color="00bf00">CINQ.</font> I would appreciate a post in this thread if you are going to use it! A link to where would be even more appreciated.
<font color="00bf00">SIX.</font> Enjoy, Enjoy, Enjoy<i>-!</i></div></div><br><br><div align="center"><link href="https://fonts.googleapis.com/css?family=Open+Sans|Oleo+Script+Swash+Caps" rel="stylesheet" type="text/css"><style type="text/css">

.collected { width:320px;height:420px;padding:15px;overflow:hidden; }
.collected-main { width:300px;height:350px;padding:10px;background-color:#fff;margin-top:385px;opacity:0;-webkit-transition:all linear .5s; transition:all linear .5s; -moz-transition:all linear .5s; }
.collected:hover .collected-main { opacity:1;margin-top:0;-webkit-transition:all linear 1.1s; transition:all linear 1.1s; -moz-transition:all linear 1.1s; }
.collected-text { width:244px;height:170px;padding:0 10px;border-width:0 0 0 1px;border-style:solid;border-color:#000;text-align:justify;font:10px open sans;line-height:99%;color:#333;overflow:auto; }
.collected-text::-webkit-scrollbar { width:1px; background-color:#000; }
.collected-text::-webkit-scrollbar-thumb { width:1px; background-color:#ccc; }
.collected-text a { font:10px open sans; color:#ffa500 }

.barre { width:398px; height:55px; padding-top:10px;  position:relative;margin-top:-110px;margin-bottom:45px; }
.left-barre { position: absolute; top: 65px; left: 0; width: 0; height: 0; border: 12px solid;  }
.right-barre { position: absolute; top: 65px; right: 0; width: 0; height: 0; border: 12px solid;  }
.barre .content { text-align: center; font:30px Oleo Script Swash Caps; text-shadow:2px 2px 0 #000; line-height:95%; color:#fff; }
.u-barre{ width:370px; height:11px; padding:0 0 4px 0; background-color:#79817B; text-align:center; font:11px Open Sans;color:#fff; }
.u-barre font { color:#F5B800 }

.collected-text font { font:12px Oleo Script Swash Caps;color:#f5b800; }</style>

<div class="collected" style="background:url('http://i.imgur.com/ZCdPCNr.jpg');">

<div class="collected-main" style="border-bottom:50px solid #BBBFBC;">

<table><tbody><tr>

<td style="width:110px;display:block;margin-right:5px;">

<img src="http://33.media.tumblr.com/1a48856c6f35a5efc53c67500053b885/tumblr_n96k14PKqu1tsr46mo1_250.gif" style="width:100px;height:100px;border:5px solid #9ea9a2">

</td>
<td style="text-align:center;font-family:open sans;line-height:25px;color:#111;">

<font style="font-size:19px;letter-spacing:6px;">COMIN' LIKE</font>
<br><font style="font-size:28px;color:#F5B800;letter-spacing:5px;">THUNDER,</font>
<br><font style="font-size:11px;">YOU KNOW YOU MAKE ME WALK</font>
<br><font style="font-size:30px;color:#FFA500;letter-spacing:5px;">THE WIRE</font>

</td>

</tr><tr>

<td style="padding:10px 15px;" colspan="2">

<div class="collected-text">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est <a href="http://cttw.b1.jcink.com">~laborum</a>.

<p><font>friends</font> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</p><p></p><p><font>lovers</font> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</p><p><font>enemies</font> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</p></div>

</td>

</tr></tbody></table>

</div>

</div>

<div class="barre" style="background:#929994;"><div class="left-barre" style="border-color: #3B3F3D #3B3F3D transparent transparent;"></div><div class="right-barre" style="border-color: #3B3F3D transparent transparent #3B3F3D;"></div>
    <div class="content">

Nicolau T.R. Madeira

<center><div class="u-barre">

IS IT ANY <font>WONDER</font>, YOU GOT ME COMIN' UNDER <font>FIRE</font>

</div></center>

</div>
</div>
BRY of <a href="http://cttw.jcink.net/index.php?showuser=1679">CAUTION</a>
</div><br><br><!--c1--><table border="0" align="center" width="95%" cellpadding="0" cellspacing="1" id="CODE-WRAP" class="nicole-code"><tbody><tr><td><div class="code-top"><div class="code-title">Code <span class="code-toggle">• toggle height</span></div> <div class="code-highlight">click here to highlight code</div></div></td></tr><tr><td id="CODE"><div class="code-scroll"><!--ec1-->[align=center][dohtml]&lt;link href='https://fonts.googleapis.com/css?family=Open+Sans|Oleo+Script+Swash+Caps' rel='stylesheet' type='text/css'&gt;&lt;style type="text/css"&gt;<br><br>.collected { width:320px;height:420px;padding:15px;overflow:hidden; }<br>.collected-main { width:300px;height:350px;padding:10px;background-color:#fff;margin-top:385px;opacity:0;-webkit-transition:all linear .5s; transition:all linear .5s; -moz-transition:all linear .5s; }<br>.collected:hover .collected-main { opacity:1;margin-top:0;-webkit-transition:all linear 1.1s; transition:all linear 1.1s; -moz-transition:all linear 1.1s; }<br>.collected-text { width:244px;height:170px;padding:0 10px;border-width:0 0 0 1px;border-style:solid;border-color:#000;text-align:justify;font:10px open sans;line-height:99%;color:#333;overflow:auto; }<br>.collected-text::-webkit-scrollbar { width:1px; background-color:#000; }<br>.collected-text::-webkit-scrollbar-thumb { width:1px; background-color:#ccc; }<br>.collected-text a { font:10px open sans; color:#ffa500 }<br><br>.barre { width:398px; height:55px; padding-top:10px; &nbsp;position:relative;margin-top:-110px;margin-bottom:45px; }<br>.left-barre { position: absolute; top: 65px; left: 0; width: 0; height: 0; border: 12px solid; &nbsp;}<br>.right-barre { position: absolute; top: 65px; right: 0; width: 0; height: 0; border: 12px solid; &nbsp;}<br>.barre .content { text-align: center; font:30px Oleo Script Swash Caps; text-shadow:2px 2px 0 #000; line-height:95%; color:#fff; }<br>.u-barre{ width:370px; height:11px; padding:0 0 4px 0; background-color:#79817B; text-align:center; font:11px Open Sans;color:#fff; }<br>.u-barre font { color:#F5B800 }<br><br>.collected-text font { font:12px Oleo Script Swash Caps;color:#f5b800; }&lt;/style&gt;<br><br>&lt;div class="collected" style="background:url('http://placehold.it/350x450');"&gt;<br><br>&lt;div class="collected-main" style="border-bottom:50px solid #BBBFBC;"&gt;<br><br>&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;<br><br>&lt;td style="width:110px;display:block;margin-right:5px;"&gt;<br><br>&lt;img src="http://33.media.tumblr.com/1a48856c6f35a5efc53c67500053b885/tumblr_n96k14PKqu1tsr46mo1_250.gif" style="width:100px;height:100px;border:5px solid #9ea9a2"&gt;<br><br>&lt;/td&gt;<br>&lt;td style="text-align:center;font-family:open sans;line-height:25px;color:#111;"&gt;<br><br>&lt;font style="font-size:19px;letter-spacing:6px;"&gt;COMIN' LIKE&lt;/font&gt;<br>&lt;br&gt;&lt;font style="font-size:28px;color:#F5B800;letter-spacing:5px;"&gt;THUNDER,&lt;/font&gt;<br>&lt;br&gt;&lt;font style="font-size:11px;"&gt;YOU KNOW YOU MAKE ME WALK&lt;/font&gt;<br>&lt;br&gt;&lt;font style="font-size:30px;color:#FFA500;letter-spacing:5px;"&gt;THE WIRE&lt;/font&gt;<br><br>&lt;/td&gt;<br><br>&lt;/tr&gt;&lt;tr&gt;<br><br>&lt;td style="padding:10px 15px;" colspan="2"&gt;<br><br>&lt;div class="collected-text"&gt;<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est &lt;a href="http://cttw.b1.jcink.com"&gt;~laborum&lt;/a&gt;.<br><br>&lt;p&gt;&lt;font&gt;friends&lt;/font&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>&lt;p&gt;&lt;p&gt;&lt;font&gt;lovers&lt;/font&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>&lt;p&gt;&lt;font&gt;enemies&lt;/font&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>&lt;/div&gt;<br><br>&lt;/td&gt;<br><br>&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;<br><br>&lt;/div&gt;<br><br>&lt;/div&gt;<br><br>&lt;div class="barre" style="background:#929994;"&gt;&lt;div class="left-barre" style="border-color: #3B3F3D #3B3F3D transparent transparent;"&gt;&lt;/div&gt;&lt;div class="right-barre" style="border-color: #3B3F3D transparent transparent #3B3F3D;"&gt;&lt;/div&gt;<br> &nbsp; &nbsp;&lt;div class="content"&gt;<br><br>First M. Last<br><br>&lt;center&gt;&lt;div class="u-barre"&gt;<br><br>IS IT ANY &lt;font&gt;WONDER&lt;/font&gt;, YOU GOT ME COMIN' UNDER &lt;font&gt;FIRE&lt;/font&gt;<br><br>&lt;/div&gt;&lt;/center&gt;<br><br>&lt;/div&gt;<br>&lt;/div&gt;<br>BRY of &lt;a href="http://cttw.jcink.net/index.php?showuser=1679"&gt;CAUTION&lt;/a&gt;<br>[/dohtml][/align]<!--c2--></div></td></tr></tbody></table><!--ec2-->  </div>
</dohtml></align>

<!--HTML--><dohtml><div id="baseycly">
<div id="bigtitle">sylvia's babies</div>
 <div class="bwah">
 <div class="plottoy">
   <table>
     <tr>
       <td><div class="descy">
       <div class="totesbar">about</div>
         How long can two people talk about nothing? Well, I'll say this for him - he's sure of himself. Your shields were failing, sir. Wait a minute - you've been declared dead. You can't give orders around here. Not if I weaken first. You did exactly what you had to do. You considered all your options, you tried every alternative and then you made the hard choice. This is not about revenge. This is about justice. Computer, lights up! Sorry, Data. Mr. Worf, you sound like a man who's asking his friend if he can start dating his sister. We have a saboteur aboard. You're going to be an interesting companion, Mr. Data. And blowing into maximum warp speed, you appeared for an instant to be in two places at once. I'll alert the crew. Now we know what they mean by 'advanced' tactical training. The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules. Worf, It's better than music. It's jazz. Mr. Worf, you do remember how to fire phasers? When has justice ever been as simple as a rule book?
       </div></td>
       <td>
         <img src="http://i.imgur.com/uc6c8Fy.gif">
       </td>
       <td><div class="relly">
       <div class="totesbar">ships & tracker</div>
         <li><a href="/" style="color: teal;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/" title="title name">[ 1 ]</a>
           <a href="/" title="title name">[ 2 ]</a>
           <a href="/" title="title name">[ 3 ]</a>
           <a href="/" title="title name">[ 4 ]</a>
           <a href="/" title="title name">[ 5 ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
         </div></li>
         <li><a href="/" style="color: maroon;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: purple;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: pink;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
       </div></td>
     </tr>
   </table>
 </div>
 <div class="plottay" style="background: url(http://i.imgur.com/MT3igNf.gif) no-repeat; -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;">leonard drabek</div></div>
   
 <div class="bwah">
 <div class="plottoy">
   <table>
     <tr>
       <td><div class="descy">
       <div class="totesbar">about</div>
         How long can two people talk about nothing? Well, I'll say this for him - he's sure of himself. Your shields were failing, sir. Wait a minute - you've been declared dead. You can't give orders around here. Not if I weaken first. You did exactly what you had to do. You considered all your options, you tried every alternative and then you made the hard choice. This is not about revenge. This is about justice. Computer, lights up! Sorry, Data. Mr. Worf, you sound like a man who's asking his friend if he can start dating his sister. We have a saboteur aboard. You're going to be an interesting companion, Mr. Data. And blowing into maximum warp speed, you appeared for an instant to be in two places at once. I'll alert the crew. Now we know what they mean by 'advanced' tactical training. The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules. Worf, It's better than music. It's jazz. Mr. Worf, you do remember how to fire phasers? When has justice ever been as simple as a rule book?
       </div></td>
       <td>
         <img src="http://i.imgur.com/uc6c8Fy.gif">
       </td>
       <td><div class="relly">
       <div class="totesbar">ships & tracker</div>
         <li><a href="/" style="color: teal;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/" title="title name">[ 1 ]</a>
           <a href="/" title="title name">[ 2 ]</a>
           <a href="/" title="title name">[ 3 ]</a>
           <a href="/" title="title name">[ 4 ]</a>
           <a href="/" title="title name">[ 5 ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
         </div></li>
         <li><a href="/" style="color: maroon;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: purple;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: pink;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
       </div></td>
     </tr>
   </table>
 </div>
 <div class="plottay" style="background: url(http://i.imgur.com/BaUo3bp.gif) no-repeat; -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;">phoros cervantes</div></div>
  
 <div class="bwah">
 <div class="plottoy">
   <table>
     <tr>
       <td><div class="descy">
       <div class="totesbar">about</div>
         How long can two people talk about nothing? Well, I'll say this for him - he's sure of himself. Your shields were failing, sir. Wait a minute - you've been declared dead. You can't give orders around here. Not if I weaken first. You did exactly what you had to do. You considered all your options, you tried every alternative and then you made the hard choice. This is not about revenge. This is about justice. Computer, lights up! Sorry, Data. Mr. Worf, you sound like a man who's asking his friend if he can start dating his sister. We have a saboteur aboard. You're going to be an interesting companion, Mr. Data. And blowing into maximum warp speed, you appeared for an instant to be in two places at once. I'll alert the crew. Now we know what they mean by 'advanced' tactical training. The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules. Worf, It's better than music. It's jazz. Mr. Worf, you do remember how to fire phasers? When has justice ever been as simple as a rule book?
       </div></td>
       <td>
         <img src="http://i.imgur.com/uc6c8Fy.gif">
       </td>
       <td><div class="relly">
       <div class="totesbar">ships & tracker</div>
         <li><a href="/" style="color: teal;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/" title="title name">[ 1 ]</a>
           <a href="/" title="title name">[ 2 ]</a>
           <a href="/" title="title name">[ 3 ]</a>
           <a href="/" title="title name">[ 4 ]</a>
           <a href="/" title="title name">[ 5 ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
           <a href="/" title="title name">[ x ]</a>
         </div></li>
         <li><a href="/" style="color: maroon;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: purple;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
         <li><a href="/" style="color: pink;">name mcname</a> // lover and potential final
           <div class="threadsy">
           <a href="/">[ 1 ]</a>
           <a href="/">[ 2 ]</a>
           <a href="/">[ 3 ]</a>
         </div></li>
       </div></td>
     </tr>
   </table>
 </div>
 <div class="plottay" style="background: url(http://i.imgur.com/2MxxSkd.gif) no-repeat; -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;">elaine cadmium</div></div>
 
 
<div id="botterm"></div>
<div id="credity"><a href="http://cttw.jcink.net/index.php?showuser=2709">▼ sylvia ▼</a></div>
</div></div>


<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<style type="text/css">
 #baseycly {
   width: 500px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   padding: 10px 0;
 }
 
 .bwah {
   width: 480px;
   height: 80px;
   trasition: all 1.6s ease-out;
 }
 
 .plottay {
   width: 480px;
   height: 80px;
   font: bold normal normal 80px fjalla one;
   color: black;
   background: url(http://placehold.it/500x80) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-transform: uppercase;
   letter-spacing: -8px;
   text-align: center;
   cursor: default;
   position: absolute;
   left: 0;
   transition: all 1.6s ease-in;
 }
 
 .plottoy {
   width: 440px;
   height: 55px;
   margin: 5px 0 0 10px;
   padding: 10px;
   background-color: black;
   position: relative;
   float: left;
   top: 0;
   left: -500px;
   transition: all 1.6s ease-in;
 }
 
 .plottoy td {
   font: 9px calibri;
   text-transform: uppercase;
   color: white;
   letter-spacing: 1px;
   overflow: auto;
   text-align: justify;
   line-height: 100%;
 }
 
 .plottoy img {
   margin: 0 5px;
   width: 40px;
   padding: 5px;
   border: 1px solid #e9e9e9;
 }
 
 .descy {
   width: 200px;
   height: 50px;
   overflow: auto;
   padding-right: 3px;
 }
 
 .totesbar {
   font: 8px fjalla one;
   color: white; 
   border: 1px solid #e9e9e9;
   line-height: 100%;
   text-align: center;
   padding: 4px 0;
   margin-bottom: 4px;
   letter-spacing: 3px;
 }
 
 .relly {
   width: 157px;
   height: 50px;
   overflow: auto;
   padding-right: 3px;
 }
 
 .relly a {
   text-decoration: none;
   font: bold normal normal 10px fjalla one;
 }
 
 .threadsy {
   width: 120px;
   position: relative;
   left: 30px;
   font: 8px calibri;
   margin: 3px 0;
 }
 
 .threadsy a {
   text-decoration: none;
   font: 8px calibri;
   color: white;
 }
 
 .threadsy a:hover {
   color: grey;
 }
 
 .bwah:hover .plottay {
   left: 500px;
   transition: all 1.6s ease-in;
 }
 
 .bwah:hover .plottoy {
   left: 10px;
 }
 
 #bigtitle {
   width: 458px;
   margin: 0 0 20px 20px;
   border: 1px solid black;
   font: 10px calibri;
   color: black;
   text-align: center;
   text-transform: uppercase;
   line-height: 100%;
   padding: 20px 0;
   letter-spacing: 4px;
 }
 
 #botterm {
   width: 458px;
   margin: 30px 0 0 20px;
   background-color: black;
   height: 1px;
 }
 
 #credity {
   width: 80px;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   border-left: 1px solid black;
   font: 8px calibri;
   text-transform: uppercase;
   text-align: center;
   margin: 0 auto;
   padding: 2px 10px;
   letter-spacing: 2px;
 }
 
 #credity a {
   text-decoration: none;
   color: black;
 }
 
 .descy::-webkit-scrollbar { width: 4px; }
 .descy::-webkit-scrollbar-thumb { background: black; border: 1px solid #e9e9e9; border-radius: 2px; }
 
 .relly::-webkit-scrollbar { width: 4px; }
 .relly::-webkit-scrollbar-thumb { background: black; border: 1px solid #e9e9e9; border-radius: 2px; }
</style></dohtml>

<!--HTML--><div class="postcolor"> 
<link href="https://fonts.googleapis.com/css?family=Mr+De+Haviland" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Varela" rel="stylesheet" type="text/css">
<style type="text/css">



.tabackground {
	position: relative;  
	width: 400px;
	height:  400px;
	margin-top: 20px;
        overflow: hidden;
	background-image: url(http://s5.postimg.org/c937nzexj/tilebg9.png);}

.tabber {
	float: left;}

.tabber label {
	display: block;
	width: 95px; 
	text-align: center;
	font-family: 'calibri,' sans-serif; 
	color: #888; 
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-image: url
	padding: 5px;
        border-bottom-left-radius: -4px;
        border-bottom-right-radius: -4px;
        border-top: none;
	border-bottom: 1px solid #222;
        border-right: 1px solid #222;
        border-left: 1px solid #222;
	position: relative;
	top: 365px;
	left: 50px;}
	
.tabber [type=radio] {
	display: none;  }

.content {
        height: auto;
	position: absolute;
	top: 40px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #fff;
	font-family: 'calibri,' sans-serif;
	color: #545454;
	font-size: 10px;
	line-height: 95%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 35px;
	border: 10px solid #fff;
       opacity: 0;
-webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; overflow: hidden; top: 320px; bottom: 0px; left: 0px; right: 0px; }
	
.animage {
	height: 250px;
	width: 250px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;}

.imagehide {
	width: 250px;
	height: 250px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	top: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
    transition: 0.9s linear;
    -moz-transition: 0.9s linear;
    -ms-transition: 0.9s linear;
    -o-transition: 0.9s linear;
    -webkit-transition: 0.9s linear;  }
    
#imageholder {
	width: 250px;
	height: 250px;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto; }
    
#imageholder:hover .imagehide {
	top: 0px; }

.headingz {
	width: 150px;
	height: 30px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #222 !important; }

.aname1, .aname1 a:link, .aname1 a:visited, .aname1 a:active {
	font-family: 'mr de haviland', cursive;
	font-size: 45px;
	color: #941717 !important;
        text-shadow: -1px 0px 0px #964b4b, 0px 1px 0px #3a0202, 1px 2px 0px #3a0202, 2px 2px 1px #222222;
	letter-spacing: 1px;
	padding-top: 5px;
	text-transform: lowercase;
	text-align: center;
	margin-top: 45px;
	margin-left: auto;
	margin-right: auto;}

.info1 {
	width: 150px;
	height: 50px;
	background-color: #fff;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	padding: 5px;}

.info1 p {
	text-align: center;
	font-family: 'calibri,' sans-serif;
	text-transform: uppercase;
	color: #545454;
	margin: 0px; }

.paragraphs {
	font-family: 'calibri,' sans-serif;
	color: #545454;
	font-size: 10px;
	line-height: 95%
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 2px;
	overflow: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 250px; }

.paragraphs h1 {
	text-align: center;
	font-size: 12px;
	font-family: 'varela', sans-serif; 
	letter-spacing: 10px;
	text-transform: uppercase;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	width: 170px;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;}

.paragraphs h2 {
	text-align: center;
	font-size: 10px;
	font-family: 'calibri', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: -5px;
	margin-right: auto; }

.thelabelz {
	font-size: 40px;
	font-family: 'mr de haviland', cursive;
	text-align: right;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 3px;
	padding: 2px; }

[type=radio]:checked ~ label {
	background-color: #fff;
	border-bottom: 0px solid;
	z-index: 2; }

[type=radio]:checked ~ label ~ .content {
	z-index: 1;
     top: 27px;
     opacity: 1;}



</style>




<center><div class="tabackground">

<div class="tabber">
<input type="radio" id="tabber-1" name="tabber-group-1" checked="">
<label for="tabber-1">live.</label>
<div class="content">

<div class="thelabelz" style="color:#fff;">.</div>

<div id="imageholder">
<div class="animage"><img src="http://i.imgbox.com/7nrrmVRI.png"></div>

<div class="imagehide">

<div class="aname1">trashmouth</div>

<div class="info1"><br>
<p>─ stani codes ─</p>
<p><a href="http://cttw.jcink.net/index.php?showtopic=499&amp;hl=">graphics</a></p>
<p><s>birdhouse</s></p>
</div>

</div>

</div>

</div>
</div>

<div class="tabber">
<input type="radio" id="tabber-2" name="tabber-group-1">
<label for="tabber-2">work.</label>

<div class="content">
<div class="thelabelz">codes</div>
<div class="paragraphs">
links that direct you to caution-submitted template are free for you to use with credit. all other examples cannot be used without permission. <!--emo&:love:--><img src="http://i.imgur.com/lnW2yfS.gif" border="0" style="vertical-align:middle" alt="http://i.imgur.com/lnW2yfS.gif"><!--endemo-->
<p>
</p><h1>skins</h1>
<h2><a href="http://starburst.jcink.net">afterman</a> // for starburst</h2>

<h1>site</h1>
<h2>none</h2>

<h1>thread</h1>
<h2><a href="http://cttw.b1.jcink.com/index.php?showtopic=3256">breathe me</a> // hover+scroll</h2>

<h1>misc</h1>
<h2><a href="http://cttw.b1.jcink.com/index.php?showtopic=2088&amp;hl=">i know it hurts</a> // thread tracker</h2>
<h2><a href="http://cttw.b1.jcink.com/index.php?showtopic=3204&amp;hl=">sunday morning rain</a> // playlist</h2>



</div>

</div>
</div>

<div class="tabber">
<input type="radio" id="tabber-3" name="tabber-group-1">
<label for="tabber-3">fight.</label>
<div class="content">
<div class="thelabelz">challenges</div>

<div class="paragraphs">
i'm still pretty fresh to coding, but i've been enjoying myself thus far! pretty much anything i've created has been out of personal motivation, however, so while i'm not keen on opening a birdhouse for requests just yet, i am happy to take on challenges. if you have something you'd like to see me do, please fill out this form and if it's something i feel i can attempt, i'll certainly do my best! go easy on me. &lt;3
<p>
<!--c1--></p><table border="0" align="center" width="95%" cellpadding="0" cellspacing="1" id="CODE-WRAP" class="nicole-code"><tbody><tr><td><div class="code-top"><div class="code-title">Code <span class="code-toggle" style="display: none;">• toggle height</span></div> <div class="code-highlight">click here to highlight code</div></div></td></tr><tr><td id="CODE"><div class="code-scroll"><!--ec1-->
[b]type of template:[/b]
[b]challenge requirements:[/b]
[b]other notes:[/b]
<!--c2--></div></td></tr></tbody></table><!--ec2-->
</div>
</div>



</div></div></center>
  </div>

<!--HTML--><dohtml><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.CCthread {
height:400px;
width:500px;
background-color:#fff;
overflow:hidden;
border:0px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.ccthreadA {
margin-left:0px;
top:0px;
border:0px;
height:400px;
width:250px;
background-image: url('// URL 400x250 //');
float:left;
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.ccthreadB {
border:0px;
height:auto;
width:250px;
top:0px;
float:right;
background-color:#fff;
-webkit-transition: .9s ease-in-out; -moz-transition: .9s ease-in-out; -ms-transition: .9s ease-in-out; -o-transition: .9s ease-in-out; transition: .9s ease-in-out;
}
.ccthreadB p {font-family: 'Playfair Display SC', serif; font-size:10px; color:#000;padding:10px; text-align: justify;line-height:13px;}
.ccthreadB p:first-letter {font-family: 'Playfair Display SC', serif; font-size:20px;  color:#2E6761;display: block;}
.ccthreadB b {font-family: 'Playfair Display SC', serif; font-size:11px; font-weight: 700; color:#2E6761;}
.ccthreadB i {font-family: 'Playfair Display SC', serif; font-size:11px; font-weight: 700; font-style:italic; color:#BB7D34;}
.ariscroll{overflow-x: scroll;}
.ariscroll::-webkit-scrollbar { display: none;}
.CCthread:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none;}
.ccthreadB:hover {margin-top:-400px;overflow-x: scroll;}
.ccCrown {height:400px;}
</style><center>
<div class="CCthread"><div class="ccthreadA"></div><div class="ccthreadB ariscroll"><center><div class="ccCrown"><img src="http://arie-designs.net/Shine/ombre-crown.jpg" style="height: 50px;margin-top:150px;" /><br><span style="font-family: 'Playfair Display', serif; font-size:8px; margin-top:-20px;">OMBRE QUEEN</div>
<div class="ccCrown ariscroll">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Sed id pulvinar turpis.</b> In euismod erat at justo imperdiet dapibus. Suspendisse in tellus eleifend, lobortis ipsum ac, accumsan ligula. Ligula ut lectus lacinia, non pharetra purus viverra. Ut felis odio, dignissim ac aliquam non, ornare luctus tortor. Proin rutrum, orci vestibulum laoreet lacinia, purus velit ultrices felis, ut aliquet risus nunc non nulla. <i>Suspendisse lobortis consequat vestibulum.</i> Curabitur aliquet tortor eu urna venenatis, id porta urna mattis. Praesent dignissim risus eu lobortis laoreet. Integer a leo consectetur, commodo enim vel, tincidunt velit.
  <p>Quisque iaculis scelerisque diam, nec condimentum ipsum imperdiet sed. Donec convallis pellentesque sem et fermentum. Integer vitae euismod justo. Sed vestibulum auctor velit, eget condimentum quam. Proin ligula elit, gravida ac scelerisque in, varius eleifend justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vitae malesuada metus, ac aliquam nisl. Suspendisse dictum placerat lacus, sed rutrum leo ultrices ut.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Sed id pulvinar turpis.</b> In euismod erat at justo imperdiet dapibus. Suspendisse in tellus eleifend, lobortis ipsum ac, accumsan ligula. Ligula ut lectus lacinia, non pharetra purus viverra. Ut felis odio, dignissim ac aliquam non, ornare luctus tortor. Proin rutrum, orci vestibulum laoreet lacinia, purus velit ultrices felis, ut aliquet risus nunc non nulla. <i>Suspendisse lobortis consequat vestibulum.</i> Curabitur aliquet tortor eu urna venenatis, id porta urna mattis. Praesent dignissim risus eu lobortis laoreet. Integer a leo consectetur, commodo enim vel, tincidunt velit.
  <p>Quisque iaculis scelerisque diam, nec condimentum ipsum imperdiet sed. Donec convallis pellentesque sem et fermentum. Integer vitae euismod justo. <b>Sed vestibulum auctor velit, eget condimentum quam.<i> Proin ligula elit</i>, gravida ac scelerisque in, varius eleifend justo.</b> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vitae malesuada metus, ac aliquam nisl. Suspendisse dictum placerat lacus, sed rutrum leo ultrices ut.</div>
</div></div>
<a href="http://cttw.jcink.net/index.php?showtopic=2958"  title="code by arie-designs" style="color:#fff;">✿</a>
</center></dohtml>

<!--HTML--><center>

<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:300italic' rel='stylesheet' type='text/css'>

<style type="text/css">
.two::-webkit-scrollbar {width: 5px;background: #f0f0f0;}
.two::-webkit-scrollbar-thumb {background: #cdcdcd;}
.two::-webkit-scrollbar-corner {background: #f0f0f0;}

.one {
width: 400px;
height: 400px;
background-image: url('https://40.media.tumblr.com/5ad9edfed1ed9dced2f1bf3e8a225680/tumblr_nvc64mdlNG1sfkj6to1_1280.jpg');
background-position: center center;
font: 10px/11px calibri, sans-serif;
color: #000;
position: relative;
border: 25px solid #FFF;
outline: 1px solid #cdcdcd;
}

.two {
width: 200px;
height: 300px;
overflow: auto;
padding: 10px;
background-color: rgba(255,255,255,0.9);
position: absolute;
left: 0px;
bottom: 25px; 
text-align: justify;
}

.oCircle {
 position: relative;
 width: 135px; 
 height: 135px;
 background-image: url('135X135 gif here!');
 background-size: auto;
 background-position: center;
 border-radius: 100%; }



.oContain {
position: absolute;
top: 25px;
right: 25px; }

.lilbanner {
position: absolute;
right: 0px;
top: 170px;
background-color: rgba(255,255,255,0.9);
font: italic 12px/14px 'Merriweather Sans', sans-serif;
color: #343434;
min-width: 100px;
max-width: 125px;
max-height: 50px;
text-transform: uppercase;
padding: 5px; }

.credit, .credit a:link, .credit a:active, .credit a:visited {
position: absolute;
bottom: 2px;
right: 2px;
color: #9BD8CA; }

.credit a:hover { color: #fff; }

</style>

<div class="one">
<div class="two">

your lil post goes here !

</div>

<div class="oContain">
<div class="oCircle"> </div>
</div>

<div class="lilbanner">character name or line of lyrics here</div>

<div class="credit"><a href="http://cttw.jcink.net/index.php?showuser=1139">&hearts;</a></div>
</div>


</center>