<!--HTML--><div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"><style type="text/css">.lauztut {width: 250px; background-color: #eeeeee; padding: 20px; border-bottom: 10px solid #E83A6B; font-family: tahoma; color: #121212; font-size: 10px; text-align: justify; line-height: 90%;} .lauztut b {color: #e83a6b;} .lauztitle {font-family: oswald; color: #E83A6B; font-size: 40px; text-transform: uppercase; letter-spacing: 1px; text-align: center; text-shadow: 1px 1px 0px white, 2px 2px 0px black;}</style><center><div class="lauztut"><br><div class="lauztitle">lauz's rules</div><br><br><br>
<b>o1.</b> never remove my credit. ever.<br><br>
<b>o2.</b> link me to where you're using my codes. if i can't see the forum you're using it in as a guest, please take screenshots for me. otherwise, don't use the code.<br><br>
<b>o3.</b> feel free to change any colors or lyrics that you want. you can even make small sizing adjustments. as long as my credit stays on.
</div></center><br><br><div align="center"><span style="font-size:14pt;line-height:100%"><b>DO NOT RECREATE ANY OF MY CODES<br>PLEASE AND THANK YOU.</b></span></div><br><br><br><link href="http://fonts.googleapis.com/css?family=Abril+Fatface&amp;subset=latin-ext,latin" rel="stylesheet" type="text/css"><style type="text/css">
#llcontainer {width: 500px; position: relative;}
.lcontainer {width: 100px; height: 400px; position: relative; overflow: hidden;}
#llcontainer .starlight {font-family: abril fatface; font-size: 100px; color: #DE1A72; text-transform: lowercase; letter-spacing: -3px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); padding-top: 30px;margin-top: 260px; text-shadow: 1px 1px 0px #2C0D1A, 2px 3px 0px #fff, 3px 4px 0px #121212, 4px 5px 0px #F8F5C1; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
#llcontainer:hover .starlight {color: #349E97;}
#llcontainer .star {color: #349e97; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
#llcontainer:hover .star {color: #DE1A72;}
.un1 {margin-left: -5px; width: 250px; height: 400px; background-color: #fff; position: relative;}
.starwrite {width: 180px; height: 350px; font-family: tahoma; color: #121212; letter-spacing: 1px; line-height: 90%; text-align: justify; overflow: auto; padding-right: 10px; margin: 20px;}
.starwrite b {color: #DE1A72;}
.starwrite i {color: #349E97;}

</style><center><div id="llcontainer"><table><tbody><tr><td><div class="lcontainer"><div class="starlight"><span class="star">star</span>light</div></div></td>

<td><div class="un1"><div style="height: 5px; border-right: 100px solid #349E97; background-color: #DE1A72;"></div><center><div class="starwrite">

 <b>This is what bold looks like!</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non mauris vulputate ante pretium aliquam eget a eros. Aliquam erat volutpat. Vivamus sed ultrices urna, a interdum risus. Suspendisse bibendum nisl in mauris varius, nec ornare nunc vulputate. Nam adipiscing orci eu nulla varius malesuada. Pellentesque dictum ipsum arcu, id pellentesque sem ultrices a. Aenean elementum urna nisi, id imperdiet lorem blandit et. Aenean eget urna ut justo tristique pellentesque. Cras vestibulum, magna et tempus lacinia, purus erat rutrum odio, sit amet placerat nunc turpis posuere urna. Fusce rhoncus elit sit amet orci iaculis sodales a ut leo. Sed quis ligula orci.

<p><i>This is what italic looks like!</i> Cras vitae dolor dictum, rhoncus ipsum ultrices, semper ante. Sed luctus massa dolor, a sollicitudin ligula volutpat et. Duis luctus nisl magna. Phasellus auctor ac ipsum nec posuere. Sed nec vestibulum nisi, nec facilisis purus. Aliquam id feugiat ligula. Nam consectetur ligula nec feugiat condimentum. Aenean facilisis lorem et turpis molestie, ac auctor est lacinia. Phasellus lacinia nibh nisl. Donec in nisi non mi tristique placerat. Donec suscipit quam sit amet diam euismod tincidunt. Proin in ullamcorper turpis, nec commodo enim. Donec molestie libero est, id porttitor odio rhoncus quis. Donec tristique felis at tortor adipiscing accumsan. Quisque auctor luctus eleifend. Sed urna nulla, dictum ut facilisis in, elementum id libero.

</p><p>Cras venenatis lectus eros, eget viverra orci aliquam sed. Vivamus tristique ultricies porttitor. Cras eget quam tincidunt, blandit mauris a, porta arcu. Maecenas ornare sapien scelerisque, ultrices nunc ut, elementum dui. Quisque ut fringilla mi. Donec sed pretium sapien. Aenean at nulla ante. Vestibulum eu risus odio. Quisque auctor hendrerit elit, ut volutpat ipsum vulputate ut. Sed hendrerit metus non elit dictum placerat. 

</p></div></center><div style="height: 5px; border-left: 100px solid #349E97; background-color: #DE1A72;"></div></div></td>


<td><img src="http://placehold.it/100x400" style="margin-left: -5px;"></td></tr></tbody></table></div><div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center><br><br><!--c1--><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1" id="CODE-WRAP"><tbody><tr><td><b>CODE</b> </td></tr><tr><td id="CODE"><!--ec1-->[dohtml]&lt;link href='http://fonts.googleapis.com/css?family=Abril+Fatface&amp;subset=latin-ext,latin' rel='stylesheet' type='text/css'&gt;&lt;style type="text/css"&gt;#llcontainer {width: 500px; position: relative;} .lcontainer {width: 100px; height: 400px; position: relative; overflow: hidden;} #llcontainer .starlight {font-family: abril fatface; font-size: 100px; color: #DE1A72; text-transform: lowercase; letter-spacing: -3px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); padding-top: 30px;margin-top: 260px; text-shadow: 1px 1px 0px #2C0D1A, 2px 3px 0px #fff, 3px 4px 0px #121212, 4px 5px 0px #F8F5C1; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;} #llcontainer:hover .starlight {color: #349E97;} #llcontainer .star {color: #349e97; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;} #llcontainer:hover .star {color: #DE1A72;} .un1 {margin-left: -5px; width: 250px; height: 400px; background-color: #fff; position: relative;} .starwrite {width: 180px; height: 350px; font-family: tahoma; color: #121212; letter-spacing: 1px; line-height: 90%; text-align: justify; overflow: auto; padding-right: 10px; margin: 20px;} .starwrite b {color: #DE1A72;} &nbsp;.starwrite i {color: #349E97;}&lt;/style&gt;&lt;center&gt;&lt;div id="llcontainer"&gt;&lt;table&gt;&lt;td&gt;&lt;div class="lcontainer"&gt;&lt;div class="starlight"&gt;&lt;span class="star"&gt;star&lt;/span&gt;light&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div class="un1"&gt;&lt;div style="height: 5px; border-right: 100px solid #349E97; background-color: #DE1A72;"&gt;&lt;/div&gt;&lt;center&gt;&lt;div class="starwrite"&gt;<br><br>post here.<br><br>&lt;/div&gt;&lt;/center&gt;&lt;div style="height: 5px; border-left: 100px solid #349E97; background-color: #DE1A72;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;<br><br>&lt;img src="100X400 IMAGE HERE" style="margin-left: -5px;" /&gt;<br><br>&lt;/td&gt;&lt;/table&gt;&lt;/div&gt;&lt;div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"&gt;&lt;a href="http://shine.b1.jcink.com/index.php?showuser=145"&gt;&amp;hearts; lauz&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;[/dohtml]<!--c2--></td></tr></tbody></table><!--ec2-->  </div>

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Croissant+One' rel='stylesheet' type='text/css'><div style="width: 450px; height: 400px; border: 10px solid #fff;"><div style="width: 150px; height: 400px; background: url(http://i.imgur.com/J3afJRw.jpg); float: left;"></div><div style="width: 260px; height: 360px; padding: 20px; float: right;"><div style="width: 240px; height: 340px; padding: 10px; background: #fff;"><div id="sympathy"><div class="devil"><div style="width: 210px; height: 310px; padding-right: 5px; text-align: justify; color: #000; overflow: auto; font-family: arial; font-size: 10px; line-height: 100%;" class="rsscroll">

CONTENT HERE

</div></div><div style="width: 204px; height: 110px; margin-bottom: 6px; margin-top: 8px; border: 10px solid #000; background: url(210X110 IMAGE HERE);"></div>

<div style="width: 240px; font-family: 'Croissant One', cursive; letter-spacing: -2px; font-size: 25px; color: #000; line-height: 90%; margin-top: 4px; margin-left: -5px; text-align: center;">pleased to meet you</div><div style="width: 224px; font-family: arial; font-size: 6px; color: #000; line-height: 90%; text-transform: uppercase; margin-top: -1px; text-align: justify;">Please allow me to introduce myself I'm a man of wealth and taste I've been around for a long year Stole many a man's soul and faith And I was around when Jesus Christ Had his moment of doubt and pain Made damn sure that Pilate Washed his hands and sealed his fate Pleased to meet you Hope you guess my name</div>

<div style="width: 204px; height: 110px; margin-top: 10px; border: 10px solid #000; background: url(210X110 IMAGE HERE);"></div>

</div></div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 464px; margin-top: -12px; color: #000; font-size: 9px; text-align: right;">❀</div></a></center>

<style type="text/css">#sympathy { width: 240px; height: 340px; position: relative; top: 0px; left: 0px; }
.devil  { width: 210px; height: 310px; padding: 15px; background: #fff; transform: scale(0.2); -webkit-transform: scale(0.2); -moz-transform: scale(0.2); position: absolute; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; transition: 0.9s all ease-in-out; opacity: 0; }
#sympathy:hover .devil { opacity: 1; transform: scale(1); -webkit-transforM: scale(1); -moz-transform: scale(1); }
.rsscroll::-webkit-scrollbar { width: 3px;}
.rsscroll::-webkit-scrollbar-track { background: transparent; }
.rsscroll::-webkit-scrollbar-thumb { background: #000; }</style>

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300|Raleway:400,800,900' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/divine.css"><style type="text/css">

.divineover1, .divineover2, .divineover3, .divineover4 { background-color: #24C1C7; }
.divinecontent1 b { color: #65776F; }
.divinecontent1 i { color: #A4ACA4; }
.divinecontent1::first-letter, .divinecontent1 p::first-letter, .divinecontent1::-webkit-scrollbar-thumb { background-color: #449C9B; }
.divinequote1 { color: #449C9B; }

</style>

<div id="divinewrap">
<div id="divineinside">
<div class="divinetop">
<div class="divinegif" style="background-image: url(http://placehold.it/160x160);"></div>
<div class="divinename">first m. last</div>
<div class="divineinfo">##. member group. occupation.</div>
</div>

<div class="divinecontent"><div class="divinecontent1">

Shipper stuff here! This is what <b>bold</b> looks like. This is what <i>italic</i> looks like. 

</div></div>

</div>
<div class="divinequote"><div class="divinequote1">❝</div>

lyrics here

</div>
<div class="divineover1"></div><div class="divineover2"></div><div class="divineover3"></div><div class="divineover4"></div>
<div class="divinebg" style="background-image: url(http://placehold.it/300x500)"></div>
</div>
<div class="reexoxo"><a href="http://shine.b1.jcink.com/index.php?showuser=3019">nevermore.</a></div>
</center>

<!--HTML--><link href='http://louiscodes.b1.jcink.com/uploads/louiscodes/louisgroup1.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><style type="text/css">
.louisgroup1 .two b { color: #A7E8E5; }
</style><center>
<div class="louisgroup1"><div id='louisgroup1-tabs'>

</ ABOUT TAB >
<div class='tab'><input type='radio' id='about' name='tab-group-1' checked><label for='about'>A</label><div class='content'>
<div class="one"><h1>header one</h1><h2>header two</h2></div><div class="two">

short blurb

<p><b>---- ----</b>, #, face claim, short description
<p><b>---- ----</b>, #, face claim, short description
<p><b>---- ----</b>, #, face claim, short description

</div></div></div>
</ END ABOUT TAB >

</ PERSON ONE >
<div class='tab'><input type='radio' id='person-1' name='tab-group-1'><label for='person-1'>
<img src="https://placehold.it/100/f5f5f5">
</label><div class='content'><div class="one"><h1>first last</h1><h2> #, face claim, short description</h2></div><div class="two">

summary here

</div></div></div>
</ END PERSON ONE >

</ PERSON TWO >
<div class='tab'><input type='radio' id='person-2' name='tab-group-1'><label for='person-2'>
<img src="https://placehold.it/100/f5f5f5">
</label><div class='content'><<div class="one"><h1>first last</h1><h2> #, face claim, short description</h2></div><div class="two">

summary here

</div></div></div>
</ END PERSON TWO >

</ PERSON THREE >
<div class='tab'><input type='radio' id='person-3' name='tab-group-1'><label for='person-3'>
<img src="https://placehold.it/100/f5f5f5">
</label><div class='content'><div class="one"><h1>first last</h1><h2> #, face claim, short description</h2></div><div class="two">

summary here

</div></div></div>
</ END PERSON THREE >

</div></div><div style='margin-top:8px; width:100%; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:2px;'>[url=http://shine.jcink.net/index.php?showuser=599]© LOUIS![/url]</div></center>

<!--HTML--><center><style>
.credit { text-align: right; width: 490px; text-transform: uppercase; letter-spacing: 2px; font-size: 8px; }

.kisseu {  opacity: 0; width: 250px; height: 330px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.kisseuu {  width: 250px; height: 330px; }
.kisseu:hover { opacity: 3; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.kisseua { width: 200px; padding: 5px; background-color: #fff; font: 9px; font-weight: 100; letter-spacing: 1px; color: #000; text-align: center; text-transform: lowercase; }
.kisseub { width: 200px; height: 250px; padding: 5px; background-color: #fff; font: 9px; font-weight: 100; letter-spacing: 0px; color: #000; text-align: justify; text-transform: lowercase; overflow: auto; }
.kisseuc { width: 490px; padding: 5px; background-color: #fff; font: 9px; font-weight: 100; letter-spacing: 1px; color: #000; text-align: center; text-transform: lowercase; }
</style>

<div class="kisseuc" style="text-transform: center; padding-bottom: 10px; position: relative;">
alias' characters; scrolls sideward, alphabetized</div>
<div style="width:500px;overflow-y:hidden;overflow-x:scroll; overflow: auto;">  
 <table>
<td>
<div style="background-image: url(insertpictureurlhereitshouldbe250x330); height:330;">
<div class="kisseuu"><div class="kisseu"><div style="height: 20px;"></div><center>
<div class="kisseua"><a href="link to app">name here</a></div>
<div style="height: 10px;"></div>
<div class="kisseub">set up what you want here i guess it will scroll should there be not enough space. </div>
</center>
</div><div></div>
</td>

<td>
<div style="background-image: url(insertpictureurlhereitshouldbe250x330); height:330;">
<div class="kisseuu"><div class="kisseu"><div style="height: 20px;"></div><center>
<div class="kisseua"><a href="link to app">name here</a></div>
<div style="height: 10px;"></div>
<div class="kisseub">set up what you want here i guess it will scroll should there be not enough space. </div>
</center>
</div><div></div>
</td>

</div></table></div>
<div class="credit">THANKS<a href="http://shine.b1.jcink.com/index.php?showuser=3389">JOEI</a></div>
</center>

<!--HTML--><div style="width: 550px; padding: 5px; background-image: url(http://lenagold.ru/fon/tum/kor/kortum20.jpg); border: 1px solid #ccc;"><div style="width: 520px;  background-color: #e7dac1; border: 15px solid #e7dac1; font-family: arial; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #000000; text-align: justify; overflow: auto; box-shadow: 0px 0px 3px #ccc;"> <div style="text-align:center; line-height: 80%; font-family: Cambria; font-size: 25px; letter-spacing: -3px; color: #553d1e"> katherine pierce</div> <br><br>



<div align="center">
<a href="http://24.media.tumblr.com/b46c6dc3b0b95f63abe3deda933d2bb5/tumblr_mkix4wyOo21s28iwao3_250.gif" original-title=""><img class="Hoverbuttons" src="http://24.media.tumblr.com/b46c6dc3b0b95f63abe3deda933d2bb5/tumblr_mkix4wyOo21s28iwao3_250.gif" original-title="" style="opacity: 0.3;"></a>
<a href="http://38.media.tumblr.com/19d5b1e79646a70e0150b2c27db8e9c6/tumblr_mkix4wyOo21s28iwao1_250.gif" original-title=""><img class="Hoverbuttons" src="http://38.media.tumblr.com/19d5b1e79646a70e0150b2c27db8e9c6/tumblr_mkix4wyOo21s28iwao1_250.gif" original-title="" style="opacity: 0.3;"></a>


<br><font style="color: #553d1e; font-family: Christmas ScriptC; font-size: 21px; text-shadow: #d1cdc2 1px 1px 0px;">К</font>этрин Пирс, она же  Катерина Петрова, вампир из прошлого братьев Сальваторе, она прекрасна и соблазнительна. <br>
Жизнь нашей Катерины хоть и находится под угрозой, но это поправимый факт, совсем скоро поправимый. Кэтрин Пирс вновь сможет стать вампиром, но со своими последствиями, о которых можно узнать из <a href="http://burning.f-rpg.ru/viewtopic.php?id=4#p4" original-title="">сюжета</a>. Мы не требуем от нашей будущей Кати чего-то неведомого и необычного, сказочного волшебства, даже не требуем проставляться после первой зарплаты, мы хотим лишь, чтобы Вы влюбились в проект так, как мы. Мы ждём активности и бурной деятельности, красивые содержательные посты с минимумом грамматических и пунктуационных ошибок. Мы хотим видеть желание развивать персонажа, сливаться с ним. Ждём свою Катерину Петрову и надеемся, что всё же найдём её, ну или она найдёт нас.<br><br>

<b>***</b><br> 
Мы не проводим никакого кастинга, прием данного персонажа будет исключительно по заполнению <u>полной</u> анкеты. <br>
Из-за большого спроса на данную роль мы придерживаем прекрасную Катерину максимум на 2-3 часа, не больше. После чего вся команда амс совещается и мы приминаем решение, подходит ли игрок на эту роль.<br>
Роль придерживается без очередей.<br>
________________________________________<br><br>
Пост разрешается писать на вольную тему, но только от лица мисс Пирс.<br> 
В случае отказа администрации Вам в данной роли, это не значит, что мы прогоняем вас, вы вполне можете присоединится к нам в любом другом амплуа. Если же нет, о не обижайтесь.
</div>





</div></div>

<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css">

<div style="width: 462px; padding: 15px; background-image: url(http://subtlepatterns.com/patterns/diagonal-noise.png);"><div id="libra"><div style="width: 456px; background: #fff; padding: 3px; "><table><tbody><tr><td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/71bed2d32e9af6da34a3d8bc50fabf87/tumblr_inline_nb5d9dFol81qcs1lc.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/732284a013b6d90b2212d1f775fe3655/tumblr_ngqh53WQ0T1sjuq40o4_250.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/8679b23721016ddb025b7640d0fa7e4b/tumblr_inline_nhotynjVFG1qcs1lc.gif); background-size: cover;"></div></td></tr>
<tr><td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/9e559d6dfa1f3483b48d3a7d77fa441e/tumblr_ngpmq23xS41ry6fqro1_250.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/3c6408b97f156afdbecea7b0b0c31cc4/tumblr_inline_ngab0wMCT31s61rec.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/89a6057fad3a88a08c5c31b85ddabbd1/tumblr_nh8bzvqG7e1twzxg5o8_250.gif); background-size: cover;"></div></td></tr>
<tr><td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/ccdff04d665b59e363195b85db8922c1/tumblr_inline_nb70vt1ZIA1qcs1lc.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/fbfb3fc50b0cbed962d9d81af7516b44/tumblr_inline_nimv94eOP11qcs1lc.gif); background-size: cover;"></div></td>
<td><div style="width: 150px; height: 150px; background: url(http://media.tumblr.com/fcbf9db9f1839ca54137c26ce03dd1fe/tumblr_nh9wrbcrxI1u1qmpzo6_250.gif); background-size: cover;"></div></td></tr></tbody></table></div><div class="cover"><div style="width: 456px; height: 456px; background: rgba(0,0,0,0.9); padding: 3px;"><div style="width: 456px; text-align: center; font-family: fjalla one; letter-spacing: -6px; font-size: 90px; color: #FEEBAA; position: relative; top: 200px;">#teamlibra</div>
<div style="width: 456px; text-align: center; font-family: roboto; letter-spacing: 1px; font-size: 10px; color: #F7E28F; position: relative; top: 232px;">♎ - SEPTEMBER 23RD TO OCTOBER 23RD - 'THE SCALES'</div>
<div style="width: 456px; text-align: center; font-family: roboto; letter-spacing: 2px; font-style: italic; font-size: 10px; color: #FFF6D0; position: relative; top: 232px;">the optimistic sign</div></div></div></div></div></center>
<style>#libra {width: 462px; height: 462px; position: relative; top: 0px;}
#libra .cover {width: 462px; height: 462px; transform: scale(1); -webkit-transforM: scale(1); -moz-transform: scale(1); position: absolute; top: 0px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; opacity: 0.99; }
#libra:hover .cover { opacity: 0; transform: scale(0.2); -webkit-transforM: scale(0.2); -moz-transform: scale(0.2);}</style></div>

<!--HTML--><style type="text/css"> .golliew { width: 500px; height: 600px; margin: 10px; border: 10px solid #3D3222; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #354854; -moz-box-shadow: 1px 1px 2px #354854; box-shadow: 1px 1px 2px #354854; background: url(http://savepic.org/6605083.gif) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 600px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 1000px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 400px; width: 400px; top: 100px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 50%; float: left; } .gollinfo { height: 250px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 12px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://savepic.org/6605083.gif" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">HOSTAGES, приветствует вас!</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font>Вы должны остаться с нами, потому что наш сюжет совершенно уникален. Мы ни на кого не похожи и вы найдете себе теплое местечко возле нашего ведьминского костра.<br /><br /> <font color="#837372">♦</font> Люди, вампиры, оборотни, ведьмы, даже гибриды, мы рады вам всем. Но Маркос изловчился гад перед смертью наложил какое-то заклинание, мы не в курсах какое, знаем лишь то, что супер ниндзя черепашки не пройдут. Еще по округе бродит злой, серый волк и цапает за ляжки всех юных и няшных вампиров, как ты понимаешь, после порции яда попавшего к ним в организм они долго не живут.<br /><br /> <font color="#837372">♦</font> У нас разрешено все в пределах разумного. Хочешь кому-нибудь голову оторвать? Пожалуйста, главное прибери за собой. Любишь нецензурно выражаться? Шериф по головке не погладит, но тоже можно. А секисом заниматься сам бог велел, поэтому плодитесь и размножайтесь, дети мои!<br /><br /> Вербены и аконита тебя, странник! Ты попал на The Vampire Diaries: Hostages и даже не смей нажимать тот красный крестик в правом верхнем углу экрана, потому что таких дневников ты еще не видел. Мы не шутим <s>если только совсем чуть-чуть</s> мы подошли к созданию проекта со всей ответственностью и любовью, в чем ты можешь убедиться самостоятельно, прошвырнувшись по нашим темам. Если ты все еще надеешься уйти незамеченным, знай, мы разучили не один десяток заклинаний, что удержат тебя здесь. Открыл новую вкладку, а там Хостэджис? Да-да-да, это магия, бадди! В общем, располагайся, чувствуй себя как дома<s>, но не забывай, что ты в гостях.</s> Бурбончику, кстати, накапать? У Сальваторе-старшего лучшие запасы, может быть не в мире, но в Мистик Фоллс точно и он любезно поделился с нами. Ладно, все, молчу-молчу, если что надумаешь, ты знаешь, где нас найти!</div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">ПРИДЕРЖАННЫЕ РОЛИ</div> <div class="gollinfo">Кетрин Пирс до 8.12.14 Хейли Маршалл до 9.12.14<br /> name here<br /> name here</div></div> <div id="clm2" class="column"><div class="gollund">ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</div> <div class="gollinfo">name here<br /> name here<br /> name here</div></div> </div> </div> </div> </center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><center>
<link href='http://fleurskin001.b1.jcink.com/uploads/fleurskin001/9a97afea-immortals.css' rel='stylesheet' type='text/css'>
<div id="immortals">
<div class="bless"><div class="blessimg" style="background-image:url('http://placehold.it/70x70');"></div> <div class="blessimg" style="background-image:url('http://placehold.it/70x70');"></div> <div class="blessimg" style="background-image:url('http://placehold.it/70x70');"></div></div>
<div class="pretty"><div class="groovin">first n. last n.</div><div class="music">ВОЗРАСТ | ДЕЯТЕЛЬНОСТЬ   | ВНЕШНОСТЬ</div></div>
<div class="mirror">
<p>ваш текст здесь
</div>
</div>
<a href="http://shine.b1.jcink.com/index.php?showuser=570"><div style="padding:1px; border:1px solid #f0f0f0; font-size:8px; text-transform:uppercase; text-align:center; width:50px; color:#000000; margin-top:5px; font-family:calibri;">&copy; fleur</div></a>
</center>

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

.trackerbox {  background-color: #362940;  width: 450px; height: 25px; color: transparent; line-height: 90%; font-family: calibri; text-align: justify;  font-size: 10px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; overflow: hidden; }

.trackerbox:hover { width: 450px; height: 250px; overflow: auto;  background-color: #ccc; color: #fff; line-height: 90%; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; }

.box1 { width: 190px; height: 20px; background-color: #362940; border: 5px solid #f1f1f1; font-family: benchnine; font-size: 16px; text-transform: uppercase; color: #fff; }

.box2 { width: 190px; height: 20px; background-color: #915475; border: 5px solid #f1f1f1; font-family: benchnine; font-size: 14px; text-transform: uppercase; color: #fff; }


</style>
<div style="width: 505px; height: 10px; padding: 23 0 23 0;background-color: #915475;"><div style="font-family: benchnine; font-size: 45px; letter-spacing: 2px; color: #fff;"> 

CHARACTER NAME 

</div> </div>
 <div style="width: 450px; background-color: #eee; border-left: 55px solid #A9CCB8;">
<div style="width: 450px; height: 250px; background-image: url(http://i.imgur.com/2AblU.png);"></div>

<div class="trackerbox"><div style="font-family: arial; font-size: 8px; text-transform: uppercase; padding: 9px 0px 3px 0px; color: #fff; text-align: center;"> hover here for tracker </div> 
<div style="padding: 5px;"></div>
<center><div style="width: 430px; text-align: justify;"> 
<center>
<table><tbody><tr><td valign="top">

<a href="LINK TO APP HERE"> <div class="box1" style="text-align:center; padding: 5 0 8 0;"> 

APPLICATION 

</div> </a> </td>
<td valign="top">

<a href="LINK TO SHIPPER HERE"><div class="box1" style="text-align:center; padding: 5 0 8 0;"> 

SHIPPER

</div> </a>
</td> </tr>
<tr>
<td valign="top">

<div class="box2" style="text-align: center; padding: 4 0 2 0;"> CURRENT THREADS </div> 
<div style="font-family: arial; font-size: 8px; text-align: center; text-transform: uppercase; line-height: 8pt; padding: 5px; color: #151515;">

 <a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  <p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>
</p></div>
</td>
<td valign="top">
<div class="box2" style="text-align: center; padding: 4 0 2 0;"> INACTIVE THREADS </div> 
<div style="font-family: arial; font-size: 8px; text-align: center; text-transform: uppercase; line-height: 8pt; padding: 5px; color: #151515;"> 

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  <p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>

<a href=""> <b> THREAD TITLE NAME </b></a><br> 
 CHARACTER &amp; CHARACTER  </p><p>

</p></div>
</td></tr>
</tbody></table>
</center>

</div></center>

</div>
</div>
</center>
<center><div style="font-size: 8px; font-size: verdana; letter-spacing: 1px;"><a href="http://shine.b1.jcink.com/index.php?showuser=165" rel="nofollow" target="_blank">THANKS SARA! </a> </div> </center>
  </div>

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



<div style="width: 490px; background-color: #1c1c1c; padding: 20 10 20 10; border-radius: 25 0 25 0;-moz-border-radius: 25 0 25 0; -webkit-border-radius: 25 0 25 0; -o-border-radius: 25 0 25 0;">
<table cellspacing="0" cellpadding="0">
<tbody><tr><td>
<div style="width: 220px; height: 300px; background-image: url(http://placehold.it/220x300); border-radius: 25 0 0 0;-moz-border-radius: 25 0 0 0; -webkit-border-radius: 25 0 0 0; -o-border-radius: 25 0 0 0;'"></div>
<div style="width: 220px; height: 88px; background-color: #A39DAA; font-family: lato; font-size: 34px; letter-spacing: 0px; line-height: 100%; color: #000; text-align: center; padding-top: 12px; text-shadow: -1px 0px -3px #000;"> ANNALISE<br>
HUGHES

</div></td><td>
<div style="width: 240px; height: 370px; background-color: #f1f1f1; border: 15px solid #A39DAA; border-radius: 0 0 25 0;-moz-border-radius: 0 0 25 0; -webkit-border-radius: 0 0 25 0; -o-border-radius: 0 0 25 0; overflow: auto;">
<div style="width: 200px; padding-left: 12px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; font-family: times; font-size: 9px; letter-spacing: 1px; text-align: justify; line-height: 100%; ">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. <p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p><p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

</p></div>
</div>

</td>
</tr></tbody></table>
</div>
</center>
<br><br>NOT DONE WITH THIS.  </div>

<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css"><style type="text/css">

.sweet {width: 350px; height: 280px; background-image:url(http://i.imgur.com/eomSs.png);}  

.nothing { background-color: #F1F1F1; width: 0px; height: 280px; opacity: 0;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; overflow: auto; }

.sweet:hover .nothing { width: 350px; opacity: 1; color: #333;   transition-duration: .5s;  -moz-transition-duration: 0.9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; overflow: auto;}

.lyrics01 {width: 350px; height: 15px; padding-top: 10px; background-color: #D59E99; border-bottom: 1px dotted #fff; text-align: center; font-family: georgia; font-size: 9px; letter-spacing: 2px; font-style: italic; line-height: 100%; color: #fff; text-shadow: 1px 1px 0px #333; text-transform: lowercase; }

.lyrics02 {width: 350px; height: 28px; padding-top: 25px; background-color: #D59E99; border-top: 1px dotted #fff; font-family: parisienne; font-size: 48px; color: #fff;  text-shadow: 1px 1px 0px #333; letter-spacing: -1px; text-transform: lowercase; }

</style>
<div style="width: 380px; padding: 15 10 15 10; background-color: #8F7B7D; border: 1px dotted #ccc;">
<div style="width: 360px; background-image: url(http://i.imgur.com/1tCa2.png); border: 1 dotted #000; padding: 15 5 15 5;">
<div class="lyrics01">

i want the kiss i'll never get

</div>
<div class="sweet">
<div class="nothing">
<center><div style="width: 285px; padding: 10 8 10 8; text-align: justify; font-family: tahoma; font-size: 9px; line-height: 100%;">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. <p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p><p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p><p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p><p>

</p></div> </center></div></div>
<div class="lyrics02">

the lovers anthem, 

</div>
<div style="width: 320px; height: 1px; border-bottom: 1px dotted #000;"></div>

</div></div>
<a href="http://shine.b1.jcink.com/index.php?showuser=165"><div style="width: 400px; text-align: right; font-family: verdana; font-size: 8px; text-transform: uppercase; color: #000; margin-left: -80px; margin-top: 3px;"> ♥ TY SARA! </div></a>
</center>

<!--HTML--><div class="postcolor"> 

<link href="http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500italic,500,900,700" rel="stylesheet" type="text/css">

<style type="text/css">.tabs {
position: relative;  
width:500px;
height:  45px;
top: 0px;
}

.tab {
float: left;
}

.tab label {
margin-left: 0x;
position: relative;
left: 0px;
}

.tab [type=radio] {
display: none;  
}

.content {
position: absolute;
top: 100px;
bottom: 45px;
left: 0px;
right: 0px;
background: white;
width: 450px;
height:230px;
padding:20px;
}

[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}

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

#luverzi { width: 490px; height: 200px; overflow: hidden; }
.wearewe { width: 490px; height: 200px; overflow:hidden; background-color: transparent; position: relative; left: 490px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#luverzi:hover .wearewe {right:auto; left:0px;}

.mememe b { color:#191919; }
.mememe::-webkit-scrollbar { width: 9px; height: 9px;  }
.mememe::-webkit-scrollbar-track { background-color: #ddd; }
.mememe::-webkit-scrollbar-thumb { background-color: #121212;  border-bottom:1px solid white; border-top:1px solid white; }

</style>


<center><div style="width: 500px;  padding: 30px; border-bottom: 40px solid #121212; background:url(http://www.designbolts.com/wp-content/uploads/2013/02/Free-Seamless-Wood-Textures-Patterns-For-3D-Mapping-2.jpg);"><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">
<label for="tab-1"><div style="width:100px; height:50px; background:#55134E; font:40px roboto; font-weight:800; color:white;">001.</div></label>
<div class="content">
<table><tbody><tr>

<td valign="top"><div style="width:150px; height:200px; padding:15px; border-right:1px dotted #121212;"><div style="width:120px; height:40px; margin-top:15px; background:#55134E; font:30px roboto; font-weight:800; color:white; text-align:center;">threads</div></div></td>

<td><div style="width:320px; height:200px; padding:15px; text-align:justify; font:9px calibri; text-transform:uppercase; overflow:auto;">

001. <a href="http://shine.b1.jcink.com/index.php?showtopic=18144&amp;hl=">you don't really care for hallelujah</a><br>
002. <a href="http://shine.b1.jcink.com/index.php?showtopic=21092&amp;hl=">just a tiny spark</a><br>
003. <a href="http://shine.b1.jcink.com/index.php?showtopic=15379&amp;hl=">i need this</a><br>
004. <a href="http://shine.jcink.net/index.php?showtopic=21218&amp;hl=">the birth of a nation</a><br>
005. <a href="http://shine.b1.jcink.com/index.php?showtopic=21485&amp;hl=">broken things</a><br>




</div></td>

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

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><div style="width:100px; height:50px; background:#FF9900; font:40px roboto; font-weight:800; color:white;">002.</div></label>
<div class="content">


<table><tbody><tr>

<td valign="top"><div style="width:150px; height:200px; padding:15px; border-right:1px dotted #121212;"><div style="width:120px; height:40px; margin-top:15px; background:#FF9900; font:30px roboto; font-weight:800; color:white; text-align:center;">shippers</div></div></td>

<td><div style="width:320px; height:200px; padding:15px; text-align:justify; font:9px calibri; overflow:auto; text-transform:uppercase;">

001. <a href="http://shine.b1.jcink.com/index.php?showtopic=16053&amp;hl=">all hail khaleesi</a><br>
002. <a href="http://shine.b1.jcink.com/index.php?showtopic=15411&amp;hl=">causality of love</a><br>
003. <a href="http://shine.b1.jcink.com/index.php?showtopic=21502&amp;hl=">haters gonna hate</a><br>


</div></td>

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

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"><div style="width:100px; height:50px; background:#FAF93C; font:40px roboto; font-weight:800; color:white;">003.</div></label>
<div class="content">
<table><tbody><tr>

<td valign="top"><div style="width:150px; height:200px; padding:15px; border-right:1px dotted #121212;"><div style="width:120px; height:40px; margin-top:15px; background:#FAF93C; font:30px roboto; font-weight:800; color:white; text-align:center;">wanteds</div></div></td>

<td><div style="width:320px; height:200px; padding:15px; text-align:justify; font:9px calibri; overflow:auto; text-transform:uppercase;"></div></td>

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

<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4"><div style="width:100px; height:50px; background:#EC1559;font:40px roboto; font-weight:800; color:white;">004.</div></label>
<div class="content">
<table><tbody><tr>

<td valign="top"><div style="width:150px; height:200px; padding:15px; border-right:1px dotted #121212;"><div style="width:120px; height:40px; margin-top:15px; background:#EC1559; font:30px roboto; font-weight:800; color:white; text-align:center;">skins</div></div></td>

<td><div style="width:320px; height:200px; padding:15px; text-align:justify; font:9px calibri; overflow:auto; text-transform:uppercase;">

001. <a href="http://shine.b1.jcink.com/index.php?showtopic=21474&amp;hl=">this texas spirit</a>

</div></td>

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

<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5"><div style="width:100px; height:50px; background:#10C8CD; font:40px roboto; font-weight:800; color:white;">005.</div></label>
<div class="content">
<table><tbody><tr>

<td valign="top"><div style="width:150px; height:200px; padding:15px; border-right:1px dotted #121212;"><div style="width:120px; height:40px; margin-top:15px; background:#10C8CD; font:30px roboto; font-weight:800; color:white; text-align:center;">misc</div></div></td>

<td><div style="width:320px; height:200px; padding:15px; text-align:justify; font:9px calibri; overflow:auto; text-transform:uppercase;"></div></td>

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




</div>

<table><tbody><tr><td><div style="width:200px; height:200px; background:white url(http://40.media.tumblr.com/tumblr_m8noanAt2P1qcm0i5o6_500.png) 60% 50%;  background-size:cover; margin-top:350px; margin-left:-10px;"></div></td>

<td><div style="width:280px; height:140px;  padding:5px; border-bottom:50px solid #3A0021; background:white; text-align:justify; overflow:auto; margin-top:350px;">

<font style="font:30px roboto; font-weight:800; letter-spacing:-3px; color:#3A0021; ">hey my name is rachel,</font> or rae, you could call me rae. i'm a 20 years old, tea drinking, werewolf loving, outdoor enthusiast, who literally spends all of winter inside. i love super heros. i'm probably one of the biggest nerds ever, but i like that. :3

</div></td></tr></tbody></table>


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