<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700italic,700|Lora:700italic' rel='stylesheet' type='text/css'>
<link href='http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/cherry2.css' rel='stylesheet' type='text/css'>

<style>

/*** BORDER COLOUR TOP RIGHT ***/
.n-maddy img {
  border-top-color: #fe4365;
  border-right-color: #fe4365;
}

/*** BORDER COLOUR BOTTOM LEFT ***/
.n-maddy img {
  border-left-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
}

/*** TOP SECTION COLOUR ***/
.n-maddy .n-mtop {
  background-color: #FC9D9A;
}

/*** BOLD COLOUR ***/ 
.n-maddy b {
  color: #83AF9B;
}
</style>

<div class="n-maddy-sq"><div class="n-maddy2">
 
 <div class="n-mtop">
   
   
   <img src="http://placehold.it/100">
   
   
 </div>
 
 <div class="n-mpost">
   
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia nunc vel dictum mattis. Nunc convallis eget dolor sagittis pellentesque. Aliquam erat volutpat. In tincidunt et velit eget imperdiet. Curabitur lacus dui, malesuada et bibendum aliquet, imperdiet vel metus. Sed lobortis leo ut ligula pulvinar lacinia. Phasellus finibus arcu non malesuada euismod. Praesent nec erat lacus. Donec iaculis pulvinar lectus, sit amet porttitor erat. Quisque consequat, massa ac vestibulum mattis, turpis orci sollicitudin arcu, non consequat ex metus volutpat massa. Vivamus aliquam interdum aliquet. Proin tristique erat ut turpis gravida sodales. Nullam sed dui blandit, accumsan mi et, tincidunt tortor. Donec id maximus erat.
<p>
Proin porttitor fringilla auctor. Nunc ut consectetur est. Donec ut urna et nunc commodo hendrerit quis nec urna. Maecenas feugiat nec libero et iaculis. Aliquam scelerisque consectetur nibh et ornare. Aliquam fringilla dui dui. Quisque blandit elementum quam. Cras lectus augue, porttitor sit amet dignissim at, mollis at magna.
<p>
Fusce ut vehicula ante, quis varius est. Aliquam sem urna, posuere non turpis ac, luctus blandit dolor. Fusce mollis finibus diam quis sagittis. Ut condimentum, mi non congue elementum, mi ligula elementum sem, at sollicitudin arcu nisl sit amet magna. Morbi sodales magna quis urna placerat tristique. Phasellus ultricies neque velit, sit amet sodales ipsum congue ac. In ac fringilla nibh. Integer eu sodales lectus. Maecenas nec tempus diam. Maecenas ullamcorper odio sed odio tempus, eget suscipit lectus facilisis.
   
 </div>
 
</div></div>

<!--HTML-->
<style type="text/css">
.burger { width: 300px; margin: auto; }
.burgert { width: 260px; padding: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 30px; text-align: center; text-transform: uppercase; color: #fff; background-color: #44aaae; line-height: 100%; }
.burg { width: 280px; padding: 10px; background-color: #fff; }
.burgi { width: 90px; border: 5px solid #f0f0f0; }
.burgi img { width: 90px; }
.burge { width: 160px; padding: 10px; height: 80px; }
.burgt { overflow: auto; font-family: calibri, sans-serif; font-size: 10px; line-height: 100%; color: #222; text-align: justify; width: 155px; height: 80px; padding-right: 5px; }
.burgt::-webkit-scrollbar { width: 1px; height: 1px; }
.burgt::-webkit-scrollbar-track { background-color: #fff; }
.burgt::-webkit-scrollbar-thumb { background-color: #44aaae; }
.burgt b { font-size: 10px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; color: #44aaae; }
</style>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

<div class="burger"><div class="burgert"> somebody to love;</div><div class="burg"><table cellpadding="0" cellspacing="0"><td><div class="burgi"><a href="http://candyland-couture.com/index.php?showuser=27"><img src="http://placehold.it/100"/></a></div></td><td><div class="burge"> <div class="burgt">

[b]about name[/b] Cupcake ipsum dolor sit amet. Dessert cheesecake powder carrot cake cake jelly beans candy oat cake jelly. Oat cake apple pie danish danish wafer. Sweet roll caramels sesame snaps liquorice sugar plum drag�e danish danish. Pastry gingerbread candy canes bear claw gummi bears muffin cheesecake tootsie roll. Gummi bears fruitcake pie danish brownie. Oat cake jelly-o chocolate bar cookie drag�e caramels gingerbread tart jelly. Dessert sugar plum cupcake danish chocolate bar biscuit dessert. Cotton candy pudding icing marshmallow jelly candy canes danish topping cheesecake. Cotton candy jelly-o jujubes cupcake apple pie cheesecake.

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge"> <div class="burgt"> 

[b]friends[/b] Dessert pastry candy canes powder carrot cake pudding. Halvah sweet roll pastry gingerbread dessert bear claw cotton candy. Chocolate cake gummi bears topping halvah marzipan. Biscuit cake fruitcake. Tootsie roll drag�e jelly beans gingerbread candy canes. Pie sugar plum pastry.

</div></div></td><td><div class="burgi"><img src="http://placehold.it/100"/></div></td></table><div style="height: 10px;"></div>

<table cellpadding="0" cellspacing="0"><td><div class="burgi"><img src="http://placehold.it/100"/></div></td><td><div class="burge">  <div class="burgt">

[b]enemies[/b] Danish lemon drops fruitcake gummies tart. Cheesecake pastry donut gummies icing croissant. Cotton candy toffee tiramisu cake chocolate cake donut. Chocolate cupcake lollipop. Marzipan powder sweet roll chupa chups candy canes chupa chups candy croissant. Pie carrot cake gummi bears tart cookie ice cream carrot cake bear claw candy. Candy drag�e drag�e donut.

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge">  <div class="burgt">

[b]lovers[/b] Fruitcake icing lollipop cotton candy chocolate bar oat cake. Tiramisu sugar plum chupa chups cupcake cake pudding pudding apple pie gummi bears. Macaroon souffl� sugar plum powder donut. Jelly beans jelly bonbon lollipop souffl�. Fruitcake cupcake cotton candy. Pie chocolate bar oat cake croissant. Ice cream lollipop danish liquorice sweet jujubes candy gummies. Sugar plum liquorice sesame snaps cake gingerbread bear claw cupcake lemon drops. Cheesecake gummi bears jelly croissant.

</div></div></td><td><div class="burgi"><img src="http://placehold.it/100"/></div></td></table></div></div>

<!--HTML-->
<div id="p56-content" class="post-content">
            <div class="htmldemo">
<style>
.newsbg { background: #f9f9f9; width: 585px; padding: 15px; margin: 0 auto; }
.newshead { border-top: double; border-bottom: double; border-color: #505050; padding: 5px; }
.newshead > .k1, .newshead > .k2 { margin: 0; padding: 0; font: 9pt times new roman; font-variant: small-caps; color: #505050; }
.newshead > .k2 { float: right; margin-top: -17px; }
.newsbg > .k1 { margin: 0; padding: 0; text-transform: uppercase; font: bold 38px arial; text-align: center; }
.newsbg > .k2 { margin: 0; padding: 0; text-transform: uppercase; font: bold 58px times new roman; text-align: center; border-top: 15px solid palevioletred; }
.newscontent { column-count: 3; column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; }
.newscontent img { float: left; border: 3px solid #505050; margin: 0px 10px 5px 0px; }
.newsbg p { font: 9px verdana; line-height: 9px; text-align: justify; }
span.credit { display: block; text-align: center; font: 8pt courier new; text-transform: uppercase; }
</style>
<div class="newsbg"><span class="k2">The Daily News</span><div class="newshead"><span class="k1">Vol. 1, Issue. 1</span> <span class="k1">November 2014</span></div>
<span class="k1">Fishboy Strikes Again!</span>
<div class="newscontent"><img src="http://placehold.it/180x200"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor ligula mi. Sed a commodo ligula. Proin a blandit urna. Etiam eget lobortis nunc, eu lobortis tortor. Etiam euismod ullamcorper arcu sit amet sodales. Curabitur eget nisi mi. Morbi iaculis, mauris vel fringilla viverra, sapien eros varius odio, ac tincidunt felis risus at orci.</p>

<p>Pellentesque pulvinar ipsum eros, ac venenatis eros accumsan ac. Vivamus sit amet enim elit. Integer rhoncus hendrerit neque ut pharetra. Quisque commodo velit id rhoncus egestas. Praesent interdum pretium ligula, sit amet malesuada neque sagittis id. Aenean consectetur orci orci, nec maximus magna lobortis ac. Donec viverra justo et mi consequat vulputate. Mauris viverra nunc in sapien fermentum dapibus. Etiam quis maximus velit.</p>

<p>Phasellus a mauris ut nulla feugiat scelerisque. Donec vitae commodo dui. Integer non orci ligula. Nullam id nunc nulla. Nunc vitae diam aliquam, consectetur metus quis, mollis est. Ut lacus leo, semper sit amet tellus sit amet, ultricies suscipit augue. Nam dictum mi id dui eleifend, eu dictum elit cursus. Fusce dapibus metus nulla, sed suscipit mi rhoncus feugiat. Maecenas tellus lectus, auctor eu tempus eget, rutrum nec magna. Vestibulum fermentum risus a dolor viverra congue.</p>

<p>Ut ut ipsum facilisis, ornare dui sit amet, lobortis erat. Aliquam non leo quis est ultricies pharetra non ac risus. Donec nec dui purus. Phasellus sed ultrices urna. Vivamus ut sem sit amet turpis hendrerit lobortis. Integer faucibus orci lorem, at faucibus dui volutpat eu. Phasellus id mollis odio. Maecenas tincidunt placerat egestas. Sed pretium massa vitae lectus mollis, in aliquam mauris semper. Suspendisse neque arcu, elementum quis ante at, interdum commodo felis. Donec quis diam ut dolor laoreet feugiat quis nec ex. In viverra quam vel enim vestibulum, eget porttitor nulla consectetur.</p>

<p>Aliquam tincidunt, mauris et convallis ultrices, ex dolor placerat lorem, eget lacinia tellus nulla eu lorem. Duis maximus risus at tortor faucibus auctor. Phasellus vulputate venenatis nulla, eget viverra felis fermentum at. Vestibulum nisi ante, porta eu blandit et, consequat eget nisl. Vestibulum mi orci, lobortis at urna nec, sollicitudin pulvinar nisi. Nunc volutpat, sem nec consectetur sollicitudin, arcu libero pulvinar lectus, sit amet semper justo mi quis purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sit amet placerat sapien. </p></div></div><span class="credit">Made by RITZ! of <a href="http://candylandcouture.jcink.net/index.php?">Candyland Couture</a></span></div>
            </div>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Cutive+Mono|Fascinate+Inline' rel='stylesheet' type='text/css'><style type="text/css" >.gbgnew { background-color: #DCDCDC; width: 600px; padding: 15px; background-image: url(http://i62.tinypic.com/33e4cg3.jpg);}
.gnewhead { font-family: 'Fascinate Inline', cursive; font-size: 50px; color: #1A2421;   padding-bottom:31px;padding-top:12px;}
.gnewline { background-color: #808080; width: 500px; height: 1px; margin-bottom: 1px; }
.gnewmintext { font-family: monospace; font-size: 12px; color: 808080; padding-bottom:2px; }
.imgborde3r { margin-top: 10px;border: 2px solid #1a2421; width: 500px; height: 200px; margin-bottom: 10px;} 
.gnewtitle { font-family: 'Fascinate Inline', cursive; font-size: 50px; padding-top: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: -3px; width: 550px; line-height: 40px; color: #1A2421;}
.gnewmintext2 { font-family: monospace; font-size: 12px; color: #1A2421; padding-bottom:5px; text-align: right;width: 490px; }
.gnewsinfo h1 {
   color: #1a2421;height: 100px;
   font-family: "Fascinate Inline";
   font-size: 23px;
   line-height: 25px;
   padding: 2px 0 5px;
   text-align: left; width:
}
.gnewsinfo { - 243px;-column-count:2; -moz-column-count:2; column-count:2;-webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px;  color: #1a2421; text-align: justify; width: 500px;font-family: monospace; font-size: 10px; line-height: 11px; margin-top:3px; margin-bottom: 10px;}
p:first-letter{ font-size:150%;color:#85754E; padding-top: 10px;}
.gnewsicon {background-image: url(http://placehold.it/100); width: 100px; height: 100px; border: 1px dashed #1A2421; float: left; margin-right: 10px; }
.gnewscred {  width: 480px; height: 15px; margin-top: 0px; color: #3B444B; font-family: mali,  text-transform: uppercase; font-size: 13px; padding-top: 10px; font-size: 10px;  }</style>
<center>
 <div class="gbgnew">
   <div class="gnewhead">♦ Coffeerush Times ♦</div>
   <div class="gnewline"></div> <div class="gnewline"></div>
   <div class="gnewmintext">Volume 3, Number 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       Fredericksburg, Texas   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;March 24, 2014   </div>
   <div class="gnewline"></div>
<div class="gnewline"></div>
   <div class="gnewtitle">Mayor Caught doing the Nasty in office</div>
   <div class="gnewmintext2">Reported by Jessica Weatherbe</div>
  <div class="imgborde3r"> <img src="http://placehold.it/500x200" border=2></div>
   <div class="gnewline"></div><div class="gnewline"></div>
  
   <div class="gnewsinfo"><div class="gnewsinfo"><h1>Caught in Action on Company Desk</h1></div><div class="gnewsicon"></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in congue magna. Integer leo erat, feugiat et tortor id, euismod molestie tortor. Vivamus at felis aliquet, sodales arcu non, imperdiet sapien. Cras egestas lectus nec erat iaculis congue. Nunc rhoncus leo a odio aliquam ullamcorper. Maecenas tristique tristique sodales. Quisque scelerisque mollis auctor. Curabitur vitae nulla nec leo gravida cursus vel a magna. Sed lectus velit, rhoncus ac libero vitae, dapibus viverra erat. In hac habitasse platea dictumst. Nunc vel magna non libero interdum facilisis ac eget nibh. Sed eu ultricies libero, eu blandit ante. Cras tincidunt iaculis sem a fringilla. Phasellus porttitor aliquam semper.</p>

<p>Fusce volutpat mi diam, non sodales ligula vulputate eu. Maecenas vel vestibulum elit. Nunc ac eros hendrerit, placerat arcu in, luctus nunc. Cras porta nibh sed urna convallis imperdiet. Pellentesque quis interdum risus. Suspendisse tempus volutpat ipsum, et fermentum sem. Integer semper mauris non lacus rhoncus volutpat. Pellentesque venenatis leo ut semper euismod.</p>

     <div class="gnewsicon"></div><p>Cras a tempor enim, ac bibendum massa. Phasellus lobortis lectus non metus euismod, a sollicitudin metus rutrum. Nam vel dolor massa. Morbi eu blandit ligula. Sed tincidunt mauris ac erat hendrerit, vitae consequat felis feugiat. Mauris scelerisque feugiat aliquam. Sed eget nibh magna. Fusce ac libero sapien. Donec faucibus fermentum sapien, sed consectetur enim aliquet quis. Phasellus sed lacus ut massa adipisci n, gravida in eros sit amet, volutpat mattis urna.</p>


 </div>
   <div class="gnewline"></div><div class="gnewline"></div>

<div class="gnewscred"> created by MORBID MEMORIES @ <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2600"STYLE="TEXT-DECORATION: NONE"><font color="#663854">Shadowplay</font></a> & <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9125"STYLE="TEXT-DECORATION: NONE"><font color="#663854">ATF</font></a></div>
</center>

<!--HTML-->
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">

ИФ НА АНГЛ. <div class="canonrper">
ПРОЗВИЩЕ НА АНГЛ.</div></div></div></div><div class="canonmain">

<center><b>ИФ на рус.</b>, цифра возраста
<br>
<i>Кратко способность</i></center><P>
<br>
<b>ЛОЯЛЬНОСТЬ:</b> Люди Икс / Геноша / Эссекс / нейтралитет
<center><br><a href="ССЫЛКА НА ВАШ ПРОФИЛЬ"><img src="http://funkyimg.com/i/2c4na.png"/ title="ПРОФИЛЬ"></a>  <a href="ССЫЛКА НА АНКЕТУ"><img src="http://funkyimg.com/i/2c4nb.png"/ title="АНКЕТА"></a> </center></div></div></center>

<!--HTML-->
<div class="htmldemo">
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200" rel="stylesheet" type="text/css">
<style>
.mainbg {
width: 500px;
margin: 0 auto;
padding: 15px;
background: url(http://media.tumblr.com/tumblr_m7lch35Jw41ql52sm.jpg);
}

.mainbg-inner {
background: #eddfce; 
opacity: 0.80;
padding: 10px;
}

.mainbg-side {
padding: 7px;
width: inherit;
}

.mainbg-side .k2 {
margin: 0;
padding: 0;
color: #000;
font: 8pt courier new;
text-transform: uppercase;
background: #dfc7aa;
padding: 5px;
text-align: center;
margin-bottom: 7px;
}

.mainbg-side p {
margin: 0;
padding: 0;
font: 11px arial;
line-height: 11px;
text-align: justify;
margin-bottom: 10px;
}

.mainbg-box {
width: 520px;
height: 160px;
position: relative;
overflow: hidden;
border: 7px solid #c8af90;
margin: 0 auto;
margin-bottom: 20px;
}

.mainbg-info {
position: absolute;
background: #eddfce;
width: inherit;
height: inherit;
top: -160px;
left: -520px;
overflow: hidden;
transition: all 0.2s ease-in-out 0.2s; 
-webkit-transition: all 0.2s ease-in-out 0.2s; 
-moz-transition: all 0.2s ease-in-out 0.2s; 
-o-transition: all 0.2s ease-in-out 0.2s; 
-ms-transition: all 0.2s ease-in-out 0.2s;
}

.mainbg-box:hover .mainbg-info {
top: 0;
left: 0;
}

.mainbg-info div {
padding: 10px;
}

.mainbg-info img {
border-radius: 100px;
border: 4px solid #c8af90;
float: left;
}

.mainbg-info .k3 {
margin: 0;
padding: 0;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 5px;
font: 28px yanone kaffeesatz;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #000;
color: #505050;
text-shadow: 1px 1px #fff, 2px 2px #cccccc;
width: 98%;
}

.mainbg-info .k4 {
font: 11px courier new;
line-height: 11px;
text-transform: uppercase;
text-align: center;
width: inherit;
}

.mainbg-info span {
font: 7.5pt courier new;
text-transform: uppercase;
display: block;
width: 100px;
margin-left: 5px;
margin-bottom: 7px;
background: #c8af90;
padding: 4px;
color: #505050;
}
</style>

<div class="mainbg-box">
<div class="mainbg-info"><span class="k3"> James Potter</span>
<table><tbody><tr><td width="100px"><img src="http://funkyimg.com/i/2c78Z.gif"></td>
<td width="100px"><span><a href="http://allgenerations.rusff.me/profile.php?id=7">профиль</a> </span>
<span><a href="ССЫЛКА">анкета</a></span>
<span>любимый</span></td>
<td><span class="k4">ОПИСАНИЕ ОТНОШЕНИЙ</span></td></tr></tbody></table></div>
<div class="mainbg-inner-image"><img src="http://funkyimg.com/i/2c78V.jpg"></div>
</div>
</center></div>

<!--HTML-->
<div class="htmldemo">
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Cinzel+Decorative" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Economica" rel="stylesheet" type="text/css">
<style>
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic);

.timelineboxtext { font-family: 'Rajdhani', sans-serif; line-height: 11px; color: #000000; font-size: 10px; }
.timelineboxtext b { letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 12px; }
.timelineboxtext i { letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; line-height: 11px; color: #309585; font-size: 15px; }
.arrow { font-size: 50px; margin-left: -8px; color: #b5946d; }
.timelinewrap { width: 400px; height: 60px; overflow: auto; background-color: #eddfce; border-bottom: 4px solid #b5946d; }
.timelinetitle { font-family: 'Cinzel Decorative', cursive; text-transform: uppercase; color: #434345; font-size: 50px;line-height: 50px; text-shadow: -1px -1px 0px #434345, 1px 1px 0px #000000; }
</style>
<div style="background-image: url(http://funkyimg.com/i/2c9Ap.png); width: 500px; padding-top: 10px; padding-bottom: 10px; border-bottom: 4px solid #b5946d;">
<center><div class="timelinetitle">EPISODES</div>
<div style="font-family: 'Rajdhani', sans-serif;  letter-spacing: 1px;text-transform: uppercase; color: #434345; line-height: 8px; padding-top: 2px; padding-bottom: 2px; font-size: 8px;">Есть люди, которые никогда не сходят с ума. Какая ужасная это, должно быть, жизнь!</div>
</center></div>
<div style="width: 500px; background-color: #transparent;"><div style="width: 450px; margin-left: 30px; padding-top: 30px; border-left: 4px solid #b5946d;">

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[1977, March]<a href="http://allgenerations.rusff.me/viewtopic.php?id=101#p2544"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> It's you that I've been waiting to find © </div></a><a href="http://allgenerations.rusff.me/profile.php?id=7"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> James Potter </div></a></b> → Шалость удалась, как и день рождения. Но Поттер вовремя понял, что пора МакКиннон и Блэка оставить наедине, чтобы они продолжили доводить мирных волшебников до истерики. Сам же Джеймс, с трудом фокусируя взгляд даже в очках, отправился обратно в замок. Ему стоило немалых усилий обойти опасные места, где разгуливал Филч. Казалось бы - день удался и ничто не может сделать его еще лучше. Но как выяснилось - может!</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[1977, September]<a href="http://allgenerations.rusff.me/viewtopic.php?id=63#p648"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> We solemnly swear that we are up to no good © </div></a><a href="http://allgenerations.rusff.me/profile.php?id=2"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Sirius Black, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=7"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> James Potter, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=6"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Kate Lovely </div></a></b> → Не смотря на то, что Поттер и Эванс только-только начали более или менее встречаться, они не перестали ругаться. Возможно все дело в привычке, но их перепалки порядком надоели всем, а особенно Сириусу. Будучи заботливым лучшим другом, он решил помириться непутевых влюбленных. Ради такого дела он перерыл огромное количество книг и откопал зелье с кратковременным действием. Зелье, которое помогло бы его друзьям понять друг друга лучше... Но кто же знал, что все пойдет не так?</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[1981, October]<a href="http://allgenerations.rusff.me/viewtopic.php?id=141#p5741"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> In the cycle of time </div></a><a href="http://allgenerations.rusff.me/profile.php?id=47"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Harry Potter, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=7"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> James Potter, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=15"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Evan Rosier </div></a></b> → Новое поколение убедило Гарри Поттера и его друзей, что прошлое можно изменить. Несмотря на весь риск и всевозможные запреты, Темный Лорд уже начал что-то менять, но никто не знал, в какой год было отправлено письмо. Гарри, окрыленный надеждой, отправляется в 1981 год, прямиком в 31 октября. Другие ребята, что пошли с ним, были выброшены из других порталов. Сам Поттер оказался в озере в Запретном Лесу. Но он уже знал, куда ему идти. Но его ждет встреча не только с родителями, но и с Пожирателями...</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[1981, November]<a href="http://allgenerations.rusff.me/viewtopic.php?id=182#p10441"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> A bad compromise is better than a good lawsuit </div></a><a href="http://allgenerations.rusff.me/profile.php?id=13"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Walbugra Black, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=7"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> James Potter, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=18"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Remus Lupin, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=2"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Sirius Black, </div></a><a href="http://allgenerations.rusff.me/profile.php?id=17"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Marlene McKinnon </div></a></b> → Миссис Блэк - женщина своеобразная, Мародеры сами по себе не подарок, МакКиннон и Эванс тоже не беззащитные котята. Что же произойдет, если все эти люди окажутся в одном месте, в одном доме, под одной крышей? Смогут ли Мародеры убедить миссис Блэк, что Темный Лорд - зло, смогут ли найти общий язык мать и сын, смогут ли девушки посидеть спокойно, пока парни и Вальбурга бурно выясняют отношения?</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[1981, November]<a href="http://allgenerations.rusff.me/viewtopic.php?id=194#p11288"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> Some secrets should stay hidden </div></a><a href="http://allgenerations.rusff.me/profile.php?id=7"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> James Potter </div></a></b> → - Милый, нам нужно серьезно поговорить...
- Любимая, давай позже? Я слышал от Сириуса, что в этом доме есть страшный подвал! А я не верю, что Регулус пропал, а дядюшка Альфард умер своей смертью!</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[ДАТА]<a href="ССЫЛКА НА ЭПИЗОД"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> НАЗВАНИЕ ЭПИЗОДА </div></a><a href="ССЫЛКА НА ИГРОКА"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> ИМЯ </div></a></b> → ОПИСАНИЕ ЭПИЗОДА</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[ДАТА]<a href="ССЫЛКА НА ЭПИЗОД"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> НАЗВАНИЕ ЭПИЗОДА </div></a><a href="ССЫЛКА НА ИГРОКА"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> ИМЯ </div></a></b> → ОПИСАНИЕ ЭПИЗОДА</div></div></div></td></tr></tbody></table>

<p></p><table><tbody><tr><td width="40px"><div class="arrow">→</div></td><td width="400px"><div class="timelinewrap"><div style="width: 395px; height: 50px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 20px; overflow: auto;"><div class="timelineboxtext"><b>[ДАТА]<a href="ССЫЛКА НА ЭПИЗОД"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> НАЗВАНИЕ ЭПИЗОДА </div></a><a href="ССЫЛКА НА ИГРОКА"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 10px;"> ИМЯ </div></a></b> → ОПИСАНИЕ ЭПИЗОДА</div></div></div></td></tr></tbody></table>

<p>
</p></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=18211"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #b5946d; font-size: 15px;">thank-you maleficent of shadowplay</div></a></div></div>

<object width="550" height="42"><param name="movie" value="http://embedpleer.net/track?id=B3ipjdBiieevkBahb"></param><embed src="http://embedpleer.net/track?id=B3ipjdBiieevkBahb" type="application/x-shockwave-flash" width="550" height="42"></embed></object> <br> <small>Прослушать или <a href="http://pleer.com/tracks/5911753W0wa" target="_blank">скачать Zooey Deschanel Hey Girl бесплатно</a> на <a href="http://pleer.com/" target="_blank">Простоплеер</a></small>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700italic,700|Lora:700italic' rel='stylesheet' type='text/css'>
<link href='http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/cherry2.css' rel='stylesheet' type='text/css'>

<style>

/*** BORDER COLOUR TOP RIGHT ***/
.n-maddy img {
  border-top-color: #46e3d3;
  border-right-color: #46e3d3;
}

/*** BORDER COLOUR BOTTOM LEFT ***/
.n-maddy img {
  border-left-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
}

/*** TOP SECTION COLOUR ***/
.n-maddy .n-mtop {
  background-color: #CAFCED;
}

/*** BOLD COLOUR ***/ 
.n-maddy b {
  color: #83AF9B;
}
</style>

<div class="n-maddy-sq"><div class="n-maddy2">
 
 <div class="n-mtop">
   
   
   <img src="http://placehold.it/100">
   
   
 </div>
 
 <div class="n-mpost">
   
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia nunc vel dictum mattis. Nunc convallis eget dolor sagittis pellentesque. Aliquam erat volutpat. In tincidunt et velit eget imperdiet. Curabitur lacus dui, malesuada et bibendum aliquet, imperdiet vel metus. Sed lobortis leo ut ligula pulvinar lacinia. Phasellus finibus arcu non malesuada euismod. Praesent nec erat lacus. Donec iaculis pulvinar lectus, sit amet porttitor erat. Quisque consequat, massa ac vestibulum mattis, turpis orci sollicitudin arcu, non consequat ex metus volutpat massa. Vivamus aliquam interdum aliquet. Proin tristique erat ut turpis gravida sodales. Nullam sed dui blandit, accumsan mi et, tincidunt tortor. Donec id maximus erat.
<p>
Proin porttitor fringilla auctor. Nunc ut consectetur est. Donec ut urna et nunc commodo hendrerit quis nec urna. Maecenas feugiat nec libero et iaculis. Aliquam scelerisque consectetur nibh et ornare. Aliquam fringilla dui dui. Quisque blandit elementum quam. Cras lectus augue, porttitor sit amet dignissim at, mollis at magna.
<p>
Fusce ut vehicula ante, quis varius est. Aliquam sem urna, posuere non turpis ac, luctus blandit dolor. Fusce mollis finibus diam quis sagittis. Ut condimentum, mi non congue elementum, mi ligula elementum sem, at sollicitudin arcu nisl sit amet magna. Morbi sodales magna quis urna placerat tristique. Phasellus ultricies neque velit, sit amet sodales ipsum congue ac. In ac fringilla nibh. Integer eu sodales lectus. Maecenas nec tempus diam. Maecenas ullamcorper odio sed odio tempus, eget suscipit lectus facilisis.
   
 </div>
 
</div></div>

<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet">

<style>

.rapido-post { width: 250px; padding: 15px; background-color: #96e3cb; }

.rapido-post-img { width: 250px; border-top-left-radius: 50%; border-bottom-right-radius: 50%;  
border-bottom: 10px solid #b1f0eb; border-top: 10px solid #b1f0eb; }

.rapido-post-taggies { background-color: #b1f0eb; color: #000; font-size: 17px; font-family: 'Neucha', cursive; 
padding: 5px; }

.rapido-post-content { background-color: #96e3cb; height: 300px; padding-right: 5px; overflow: auto; line-height: 100%;
text-align: justify; font-family: 'Raleway', sans-serif; font-size: 14px; color: #fff; }

.rapido-post-celebrity-status { background: transparent; color: #0cedaa; padding-left: 175px; 
font-family: 'Neucha', cursive; font-size: 9px; margin-top: -15px; }

.rapido-post-content P { text-indent: 15px; }

.rapido-post-content p::first-letter { 
   font-size: 28;
   color: #558C8C;
   font-family: 'Lobster Two', cursive;
   
}

.rapido-post-talkie k { color: #558C8C; font-size: 16.5px; }




</style>

<center>

<div class=rapido-post>
<img src="http://placehold.it/250x150" class=rapido-post-img>  
  <div class=rapido-post-content><div class=rapido-post-talkie>
    <div style="padding-top: 10px; padding-left: 5px;">
    <p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, <k>ultricies nec, pellentesque eu, pretium quis, sem</k> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
<p>
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. <speech>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.</speech> Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
<p>
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.
<p>
Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.
    
  </div>
  </div>
  </div>
      
  
  
  <div class=rapido-post-taggies>TAG // WORDS // NOTES</div></div>

</center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Old+Standard+TT' rel='stylesheet' type='text/css'>
<style>.tabs {
position: relative;  
width: 450px;
height: 474px;  overflow: hidden; background-image: url(http://i.imgur.com/cFylTiq.png); align: center;
}

.tab {
float: left; background-image: url(http://i.imgur.com/cFylTiq.png); 
}

.tab label {
display: block;
text-align: center; width: 37px;
font-family: 'Monda', serif; 
color: #fff; margin-right: 0px;
font-size: 7px;
letter-spacing: 0px;
text-transform: uppercase;
height: 20px; line-height: 12px; padding-top: 5px;
border: 0px solid #ccc;
position: relative; z-index: 1; top: 27px
top: 0px;
left: 0px;
}

.tab [type=radio] {
display: none; baseline-tab-shift: true, retrieve; 
}

.content {
position: absolute;
top: 24px; background-color: #ffffff;
left: 0px;
width: 450px;
height: 450px;  -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; 
}

[type=radio]:checked ~ label {
background: white; color: #5d2526;
z-index: 2; 
}

[type=radio]:checked ~ label ~ .content {
z-index: 1; -webkit-transform: rotate(720deg); -o-transform: rotate(720deg); -moz-transform: rotate(720deg);
}

#idhover { width: 450px; height: 450px; overflow: hidden; }
.hover { width: 450px; height: 450px; background-color: #fff; position: relative; top: 450px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#idhover:hover .hover { top: 0px; }

.idqu { width: 220px; height: 40px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; margin-top: 3px; }

.idques { font-family: 'Rochester', cursive;  text-align: center; font-size: 18px; line-height: 13px; padding-top: 2px; }

.idans { font-family: 'Monda', serif; letter-spacing: 0px; text-transform: uppercase; text-align: center; font-size: 7px; }

.ruletitle { font-weight: 900; font-family: 'Lobster', cursive; letter-spacing: 2px;text-transform: none; text-align: center; font-size: 60px; letter-spacing: -3px; line-height: 20px; padding-top: 25px; padding-bottom: 24px; color: #ffffff;text-shadow: 1px 0px 0px #000000;  }

.refugee { font-weight: 100;font-family: 'Monda', serif;letter-spacing: 2px; text-transform: uppercase;text-align: center; font-size: 8px; color: #FFF; padding-top:5px; padding-bottom: 5px; background-color: #BE973B; width: 450px; }
.military { font-weight: 100;font-family: 'Monda', serif;letter-spacing: 2px; text-transform: uppercase;text-align: center; font-size: 8px; color: #FFF; padding-top:5px; padding-bottom: 5px; background-color: #36630d; width: 450px; }
.grouper { font-weight: 100;font-family: 'Monda', serif;letter-spacing: 2px; text-transform: uppercase;text-align: center; font-size: 8px; color: #FFF; padding-top:5px; padding-bottom: 5px; background-color: #1b5984; width: 450px; }
.loner { font-weight: 100;font-family: 'Monda', serif;letter-spacing: 2px; text-transform: uppercase;text-align: center; font-size: 8px; color: #d12f32; padding-top:5px; padding-bottom: 5px; background-color: #770707; width: 450px; }


.zombieap1 { font-family: 'Rochester', cursive; text-transform: none; text-align: center; font-size: 35px; letter-spacing: -1px; line-height: 20px;  color: #c4c4c4; text-shadow: 1px 0px 0px #000000; padding-top: 8px; padding-bottom: 0px; }

.zombieap1b { font-family: 'Rochester', cursive; text-transform: none; text-align: center; font-size: 35px; letter-spacing: -1px; line-height: 20px;  color: #c4c4c4; text-shadow: 1px 0px 0px #fff; padding-top: 8px; padding-bottom: 0px; }

.zombieap2 { border-top: 17px solid #63646b; width:150px; overflow: auto; height: 130px; }

.zombieboxy { width:150px; overflow: auto; height: 147px; }

.zombiepad { padding: 3px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-size: 9px; line-height: 9px; letter-spacing: 0px; color: #63646b; text-transform: none; }
.zombiepad a { font-weight: 900; padding: 3px; font-family: 'Monda', serif; text-align: justify; font-size: 8px; line-height: 9px; letter-spacing: 1px; color: #a81111; text-transform: uppercase; }
.zombiepad a:hover { font-weight: 900; padding: 3px; font-family: 'Monda', serif; text-align: justify; font-size: 8px; line-height: 9px; letter-spacing: 1px; color: #5d2526; text-transform: uppercase; }

.zombiepadb { padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-size: 9px; line-height: 9px; letter-spacing: 0px; color: #63646b; text-transform: none; }
.zombiepadb a { font-weight: 900; padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px; font-family: 'Monda', serif; text-align: justify; font-size: 8px; line-height: 9px; letter-spacing: 0px; color: #a81111; text-transform: uppercase; }
.zombiepadb a:hover { font-weight: 900; padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 4px;  font-family: 'Monda', serif; text-align: justify; font-size: 8px; line-height: 9px; letter-spacing: 0px; color: #5d2526; text-transform: uppercase; }
.padzom { padding: 5px; }

.musicplst { background-color: #1b5984; text-align: center; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; margin-top: 1px; line-height: 10px; font-size: 7px; color: #fff; font-family: 'Monda', sans-serif; text-transform: uppercase; }
.musicspan { font-size: 9px;  padding-right: 10px; }
.musicwrite { padding-left: 20px; padding-right: 20px; height: 40px; overflow: auto; font-family: 'Roboto Condensed', sans-serif; font-size: 7px; text-transform: uppercase;  }


.idqu { width: 220px; height: 40px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; margin-top: 3px; }

.journaltitle { font-family: 'Rochester', cursive;  text-align: center; font-size: 18px; line-height: 13px; padding-top: 2px; }
.journaldate { text-align: right; font-family: 'Rochester', cursive;  font-weight: 100; font-size: 12px;  }
.journaltext { font-family: 'Monda', serif; letter-spacing: 0px; text-transform: uppercase; text-align: justify; font-size: 7px; }


.personalitytitle { font-family: 'Rochester', cursive;  text-align: center; font-size: 18px; line-height: 13px; padding-top: 2px; }
.personalitytext { font-family: 'Monda', serif; letter-spacing: 0px; text-transform: uppercase; text-align: justify; font-size: 7px; }
.personalitytext b { text-align: right; color: #BE973B; font-family: 'Monda', serif;  font-weight: 900; font-size: 7px; text-transform: uppercase; }
.personalitytext i { text-align: right; color: #36630d; font-family: 'Rochester', cursive; text-transform: none; font-size: 12px;  }
.personalitytext u { text-align: right; color: #1b8451; font-family: 'Monda', serif;  font-weight: 100; font-size: 7px; text-transform: uppercase; }

.malef { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 200px; height: 280px;  overflow: auto; color: #000000; background-color:#fcfcfc;  } .malef:hover { opacity: 1; } 
</style>

<center><div style="width: 450px; background-image: url(http://i.imgur.com/cFylTiq.png);">
<div class="ruletitle">lydia a. baratheon</div><div class="grouper">
➥ playby ➥ trait ➥ trait 
</div></div><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">one</label>
<div class="content">

<center><div id="idhover"><div style="width: 450px; height: 450px; background-image: url(http://i.imgur.com/kjBEQ2S.png);"><div class="hover"><div class="padzom">
<table cellspacing='1' cellpadding='2'> <td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png);"><div class="malef"><p>
<div class="idques">Home Town</div><div class="idans">where they where raised</div>
<div class="idques">Birth Place</div><div class="idans">where they where born</div>
<div class="idques">Current Home</div><div class="idans">where they live now</div>
<div class="idques">Ethnicity</div><div class="idans">Whats their ethnic background</div>
<div class="idques">Religion</div><div class="idans">Do they believe in anything? </div>
</div></div></td><td><div style="width: 220px; height: 280px; line-height: 12px; ">
<div class="idques">Birth Name</div><div class="idans">lydia ann baratheon</div>
<div class="idques">Nickname(s)</div><div class="idans">dia, Annie, Ann</div>
<div class="idques">Birth Date</div><div class="idans">may 1st, twenty three</div>
<div class="idques">Height</div><div class="idans">5'1</div>
<div class="idques">Hair</div><div class="idans">pale blonde </div>
<div class="idques">Eyes</div><div class="idans">eye color</div>
<div class="idques">Gender</div><div class="idans">gender</div>
<div class="idques">Sexuality</div><div class="idans">sexuality here</div>
<div class="idques">Relationship Status</div><div class="idans">Single</div>
<div class="idques">Affiliation</div><div class="idans">any groups</div>
</div>
</td>
</table>
<div style="width: 420px; height: 150px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Qa2mmzj.png); ">
</div>

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

</div>
</div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">two</label>
<div class="content"><div class="padzom"><table cellspacing='1' cellpadding='1'>
<td><div style="width: 120px; height: 440px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/3mLFBgh.png); ">    

</div></td><td><div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); "></div><div class="zombieap1">Weapons</div>
<div class="zombieap2"><div class="zombiepad">
To survive a zombie apocalypse one will need some sort of weapons. You can list and describe your weapons here. 
</div></div>

<div class="zombieap1">Skills</div>
<div class="zombieap2"><div class="zombiepad">
To survive a zombie apocalypse one will need to adapt and learn skills. Here is where you can list their zombie apocalypse skills. 
</div></div>

</td>
<td><div class="zombieap1">Location</div>
<div class="zombieap2"><div class="zombiepad">
Are they a part of a camp? Are they on the road? Where they here to stay - or do they have another goal in mind. If so, where. Ext.  
</div></div>

<div class="zombieap1">Living</div>
<div class="zombieap2"><div class="zombiepad">
Do they have a set place, whats it like? Is it a house, a farm? Camper? Tent? If its mobile what is the constant characteristics?
</div></div>


<div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); ">    </div></td>
</table>
</div>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">three</label>
<div class="content">


<div class="padzom"><table cellspacing='1' cellpadding='1'>
<td><div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); "></div><div class="zombieap1b">Likes</div>
<div class="zombieboxy"><div class="zombiepadb">
character likes here
</div></div>

<div class="zombieap1b">Dislikes</div>
<div class="zombieboxy"><div class="zombiepadb">
character dislikes here
</div></div>

</td>
<td><div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); ">    </div>
<div class="zombieap1b">Goals</div>
<div class="zombieboxy"><div class="zombiepadb">
Character goals here
</div></div>

<div class="zombieap1b">Fears</div>
<div class="zombieboxy"><div class="zombiepadb">
Character fears here
</div></div>

</td><td><div style="width: 120px; height: 440px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/3mLFBgh.png); ">    </div></td>
</table>
</div>


</div>
</div>

<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">four</label>
<div class="content">


<center><div id="idhover"><div style="width: 450px; height: 450px; background-image: url(http://i.imgur.com/kjBEQ2S.png);"><div class="hover"><div class="padzom"><div style="width: 420px; height: 152px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Qa2mmzj.png); "></div>
<table cellspacing='1' cellpadding='2'> <td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="zombieap1b">Character Style</div><div class="zombiepadb">
What sort of clothing do they have, what is/was their favorite before the zombie apocalypse. Is it practical or more just an indulgence. Do they have more than one pair of clothes? What sort of shirts? Pants? Skirt? Jacket? Shoes? Write as little or as much as you like. You can link things like polyvor and the links will appear like <a href="">this</a>
</div></div>
</td><td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>
</table></div></div></div></center>

</div>
</div>

<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5">five</label>
<div class="content">

<div class="padzom"><div style="width: 420px; height: 150px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Qa2mmzj.png); "></div>
<table cellspacing='1' cellpadding='2'> <td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="zombieap1b">Character Playlist</div><div class="zombiepadb">

<div class="musicplst"><span class="musicspan">▶</span><b>SONG TITLE</b> - song artist</div>
<div class="musicwrite"> Here you can put why this song is on your character play list.  </div>

<div class="musicplst"><span class="musicspan">▶</span><b>SONG TITLE</b> - song artist</div>
<div class="musicwrite"> Here you can put why this song is on your character play list.  </div>

<div class="musicplst"><span class="musicspan">▶</span><b>SONG TITLE</b> - song artist</div>
<div class="musicwrite"> Here you can put why this song is on your character play list.  </div>

<div class="musicplst"><span class="musicspan">▶</span><b>SONG TITLE</b> - song artist</div>
<div class="musicwrite"> Here you can put why this song is on your character play list.  </div>

<div class="musicplst"><span class="musicspan">▶</span><b>SONG TITLE</b> - song artist</div>
<div class="musicwrite"> Here you can put why this song is on your character play list.  </div>


</div></div>
</td><td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>
</table></div>


</div>
</div>

<div class="tab">
<input type="radio" id="tab-6" name="tab-group-1">
<label for="tab-6">six</label>
<div class="content">

<div class="padzom">
<table cellspacing='1' cellpadding='2'> <td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td><td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="journaltitle">Dear Diary</div><div class="journaldate">## of Month,</div><div class="journaltext">
Diary / Journal entry from character</div>
</div>
</td>
</table>
<div style="width: 420px; height: 150px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Qa2mmzj.png); ">
</div>

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


<div class="tab">
<input type="radio" id="tab-7" name="tab-group-1">
<label for="tab-7">seven</label>
<div class="content">

<div class="padzom"><div style="width: 420px; height: 150px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Qa2mmzj.png); ">
</div>
<table cellspacing='1' cellpadding='2'><td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="personalitytitle ">Personality</div><div class="personalitytext">

Here is where you can go into detail about your characters personality. Your <b>bold text</b> will change to that and your <i>italic text</i> to that and your <u>underlined text</u> to that.

</div>
</div>
</td>
<td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>
</table>

</div>

</div></div>


<div class="tab">
<input type="radio" id="tab-8" name="tab-group-1">
<label for="tab-8">eight</label>
<div class="content">

<div class="padzom"><table cellspacing='1' cellpadding='2'>
<td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td><td><div style="width: 15px;"></div></td><td><div style="width: 210px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/rIZh3Fs.png); "></div></td>
</table>
<table cellspacing='1' cellpadding='2'>
<td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>
<td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="personalitytitle ">History</div><div class="personalitytext">

Here is where you can go into detail about your characters history. . Your <b>bold text</b> will change to that and your <i>italic text</i> to that and your <u>underlined text</u> to that.

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

</div>

</div></div>

<div class="tab">
<input type="radio" id="tab-9" name="tab-group-1">
<label for="tab-9">nine</label>
<div class="content">

<div class="padzom">
<table cellspacing='1' cellpadding='2'>
<td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="personalitytitle ">Relationships</div><div class="personalitytext">

Here is where you can go into detail about your characters relationships and family. . . What sort of romantic relationships do they / have they had? You could even give a write up on what kind of friend, enemy or lover they are. Your <b>bold text</b> will change to that and your <i>italic text</i> to that and your <u>underlined text</u> to that.

</div>
</div>
</td> <td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>

</table>
<table cellspacing='0' cellpadding='0'>
<td><div style="width: 210px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/rIZh3Fs.png); "></div></td><td><div style="width: 15px;"></div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); "></div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td>
</table>
</div>

</div></div>

<div class="tab">
<input type="radio" id="tab-10" name="tab-group-1">
<label for="tab-10">ten</label>
<div class="content">

<div class="padzom"><table cellspacing='0' cellpadding='0'>
<td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td><td><div style="width: 15px;"></div></td><td><div style="width: 210px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/rIZh3Fs.png); "></div></td>
</table>
<table cellspacing='1' cellpadding='2'>
<td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>
<td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="personalitytitle ">Plotting & Future</div><div class="personalitytext">

 Have plots planned out for your character you dont want to forget? Have an end goal? Put it in here!  Your <b>bold text</b> will change to that and your <i>italic text</i> to that and your <u>underlined text</u> to that.

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

</div>

</div></div>

<div class="tab">
<input type="radio" id="tab-11" name="tab-group-1">
<label for="tab-11">eleven</label>
<div class="content">

<div class="padzom">
<table cellspacing='1' cellpadding='2'>
<td><div style="width: 220px; height: 280px; line-height: 12px; overflow: auto; ">
<div class="personalitytitle ">Miscellaneous</div><div class="personalitytext">

Basically do what ever you want here! Your <b>bold text</b> will change to that and your <i>italic text</i> to that and your <u>underlined text</u> to that.

</div>
</div>
</td> <td><div style="width: 200px; height: 280px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/Gfvz0hW.png); "></div></td>

</table>
<table cellspacing='0' cellpadding='0'>
<td><div style="width: 210px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/rIZh3Fs.png); "></div></td><td><div style="width: 15px;"></div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); "></div></td><td><div style="width: 100px; height: 150px;  border-top: 4px solid #5d2526; border-bottom: 4px solid #282b41;  background-color:#fcfcfc; background-image: url(http://i.imgur.com/ChP8oPN.png); ">
</div></td>
</table>
</div>

</div></div>


<div class="tab">
<input type="radio" id="tab-12" name="tab-group-1">
<label for="tab-12">twelve</label>
<div class="content">


<div class="padzom"><table cellspacing='1' cellpadding='1'>
<td><div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); "></div><div class="zombieap1b">Misc. Title</div>
<div class="zombieboxy"><div class="zombiepadb">
misc text here
</div></div>

<div class="zombieap1b">Misc. Title</div>
<div class="zombieboxy"><div class="zombiepadb">
misc text here
</div></div>

</td>
<td><div style="width: 150px; height: 90px;  border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/FcZk99p.png); ">    </div>
<div class="zombieap1b">Misc. Title</div>
<div class="zombieboxy"><div class="zombiepadb">
misc text here
</div></div>

<div class="zombieap1b">Misc. Title</div>
<div class="zombieboxy"><div class="zombiepadb">
misc text here
</div></div>

</td><td><div style="width: 120px; height: 440px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; background-color:#fcfcfc; background-image: url(http://i.imgur.com/3mLFBgh.png); ">    </div></td>
</table>
</div>


</div>
</div>

</div><div class="grouper">
<div style="font-family: 'Monda', serif; font-size: 7px; text-transform; uppercase; letter-spacing: 0px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=18211"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; width: 450px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #ffffff; font-size: 8px;">thank-you maleficent of shadowplay</div></a></div>
</div></div>
</center>

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Crimson+Text|Montserrat|Poppins" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

<style>
#phantomhive-thread {
 position: center;
 width: 340px;
 height: auto;
 padding: 10px;
 background-color: #89e8e0;
 background-image: url("https://www.transparenttextures.com/patterns/climpek.png");
 border: 1px solid #ccc;
}

.cpbg { position: center; margin: 0px; width: 340px; height: auto; background-color: #ddd; border: 1px solid #ccc; }

.cp-icons { position: center  top: -8px; left: 8px; margin: auto; height: auto; width: 350px; }

.cp-icons p {
 display: block;
 float: left;
 width: 104px;
 height: 80px;
 object-fit: cover;
 z-index: 3;
 overflow: hidden;
 background-image: url(http://i.imgur.com/0nW7bnQ.png);
 background-blend-mode: multiply!important;
 background-position: center;
 filter: brightness(140%);
 margin-right: 3px;
 border: 1px solid #aaa;
}

.cp-icon1 { background-color: #9cf0e7!important; background-image: url( IMAGE URL )!important; }
.cp-icon2 { background-color: #daf7f7!important; background-image: url( IMAGE URL )!important; }
.cp-icon3 { background-color: #a8f0cf!important; background-image: url( IMAGE URL )!important; }


}

.cp-h1:before, .cp-h1:after { content: ""; width: 61px; height: 1px; background-color: #3E174C; display: inline-block; vertical-align: 20%; margin: 0px 5px; opacity: 0.4;}

.cp-text {
 margin-top: 100px;
 margin-bottom: 15px;
 width: 300px;
 height: auto;
 color: #444;
 font-size: 8px;
 font-family: Poppins;
 text-align: justify;
 letter-spacing: 1px;
 line-height: 13px;
}

#phantomhive-thread blockquote {
 position: relative;
 margin: 0px;
 width: 300px;
 height: auto;
 background-color: #ddd;
 border: 1px solid #ccc;
 margin-top: 10px;
 padding: 20px;
 color: #444;
 font-size: 8px;
 font-family: Poppins;
 text-align: justify;
 letter-spacing: 1px;
 line-height: 13px;
}



</style>

<center><div id="phantomhive-thread">
<div class="cp-links"><div class="cp-link">
 <a class="1"><i class="fa fa-certificate" aria-hidden="true"></i></a>
 <a class="2"><i class="fa fa-certificate" aria-hidden="true"></i></a>
 <a class="3"><i class="fa fa-certificate" aria-hidden="true"></i></a>
</div></div>
<div class="cpbg">
<div class="cp-icons"><p class="cp-icon1"></p><p class="cp-icon2"></p><p class="cp-icon3"></p></div>

<div class="cp-text">

Здесь я описываю отношения с кем-бы то ни было. С Буланом, братом, моей первой детской любовью и блаблаблаблаблаблаблабалабла

</div>
</div>

<blockquote><i class="fa fa-quote-left" aria-hidden="true"></i> 

QUOTE

</blockquote>

</div><span style="font-size:6px; color: #aaa !important; letter-spacing: 1px; font-family: Montserrat; margin-left: 300PX;">THANKS <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=19921" style="color: #89e8e0; font-weight: bold;">SYL ❤</a></span></center>

<!--HTML--><link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700italic,700|Roboto+Mono:400,700' rel='stylesheet' type='text/css'>
<link href='https://abandonedstudio.jcink.net/uploads/abandonedstudio/Threads/Unsteady.css' rel='stylesheet' type='text/css'>
<style>
 
 .s-thread {
   background-color: #f9f9f9; 
   border-bottom: 5px solid #445533; 
   border-top: 5px solid #445533; 
 }
 
 .s-thread h1 {
   color: #445533; 
   border-bottom: 1px solid #ddd;
 }
 
 .s-thread b {
   color: #445533; 
   background-color: #ddd;
 }

 .s-thread ::-webkit-scrollbar-thumb { background-color: #445533; }
 
</style>

<div class="s-thread">
 
 <img src="https://33.media.tumblr.com/tumblr_lxbcj3vUOa1r9cj2oo1_500.gif">
 
 <h1>hold onto me i'm a little unsteady</h1>
 
 <div class="s-scroll">
   
Post


   
 </div>
 
</div><div style="margin: 0 auto; width: 100%; max-width: 280px; font: bold 8px/100% 'Roboto', sans-serif; text-transform: uppercase; padding-right: 10px; text-align: right;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">thanks</a></div>

[simsim]<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">

<style>

.rapido-post { width: 250px; padding: 15px; background-color: #96e3cb; }

.rapido-post-img { width: 250px; border-top-left-radius: 50%; border-bottom-right-radius: 50%;  
border-bottom: 10px solid #b1f0eb; border-top: 10px solid #b1f0eb; }

.rapido-post-taggies { background-color: #b1f0eb; color: #000; font-size: 15px; font-family: 'bebas neue'; 
padding: 5px; }

.rapido-post-content { background-color: #96e3cb; height: 300px; padding-right: 5px; overflow: auto; line-height: 100%;
text-align: justify; font-family: 'bebas neue', sans-serif; font-size: 15px; color: #fff; }

.rapido-post-celebrity-status { background: transparent; color: #0cedaa; padding-left: 175px; 
font-family: 'bebas neue', cursive; font-size: 15px; margin-top: -15px; }

.rapido-post-content P { text-indent: 15px; }

.rapido-post-content p::first-letter { 
   font-size: 10;
   color: #558C8C;
   font-family: 'lobster', cursive;
   
}

.rapido-post-talkie k { color: #558C8C; font-size: 15px; }




</style>

<center>

<div class=rapido-post>
<img src="http://i.imgur.com/dNq5a8V.gif" class=rapido-post-img>  
  <div class=rapido-post-content><div class=rapido-post-talkie>
    <div style="padding-top: 10px; padding-left: 5px;">
    <p>
Мы не сидели за одной партой, но учились в соседних классах. Он был старше меня на два года, но строил из себя всезнайку и 
Слишком часто мы оказывались вместе, любое мероприятие и Эмили Джин Трамп с <k>Диланом Стаутом</k> идут развлекать друг друга, пока взрослые решают свои дела. Он не был другом или врагом, между нами была необъяснимая взаимная неприязнь. Этот парень постоянно играл в приставку и ломал мой домик для Барби. Как же я его ненавидела в этот момент, но я не плакала, не жаловалась родителям, а заново ставила домик. Дилан постоянно дёргал меняла косички. Слишком гиперактивный, он никогда не сидел на месте, жил в своём воображаемом мире и представляла себя капитаном космического корабля.
<p>
Один случай изменил всё, я ответила своему обидчику, запустив в него кроватку для куклы. Шишка была огромная, но Стаут её заслужил. Это изменило всё, потому что он стал как-то совсем по-другому относиться ко мне. Наверное, он совершенно не ожидал, что девчонка, которая младше, может дать сдачу.
<p>
Мы немного выросли, теперь придираться к нему из-за того, что он достаёт меня своими машинками, я не могла, а он не мог продолжать дёргать меня за косички. Теперь всё выглядело слишком смешно для окружающих, потому что я злилась, когда Дилан предлагал мне помочь с ромашкой или лабораторкой. Я же его раздражала своими подколами из-за того, что он постоянно спит на уроках.
<p>
На одной из школьных дискотек, на которую нам было нельзя, мы встретились. Мы столкнулись в прямом смысле слова, я бежала по коридору и врезалась в Стаута. Я не могла не заметить бутылку, которую он прятал в рюкзак и я даже догадалась, чем она наполнена. Я могла пойти и тут же сдать его, но как потом объяснить своё присутствие там, где меня быть не должно? Благо, он сам всё сделал за меня: "проси, что хочешь, только молчи об этом". Естественно, я тут же согласилась и довольная ушла, запомнив его глупый ляп.
<p>
Спустя полгода у меня умирает пёс. Он был со мной и Роном с самого детства, Джейк рос вместе с нами, но я была больше привязана к нему. Так что его потеря очень сильно отразилась на мне. Неделю я не могла придти в себя, постоянно вспоминала, как гуляла с ним и играла. Никто не мог понять, как я без него скучаю. И вот, Дилан, совершенно неожиданно стал тем человеком, который поддержал меня. Я впервые позволила ему обнять меня. Он не издевался и никак не пытался меня задеть. Это было немного странно, но в этот момент мне стало легче.
<hr>
<p>
Дурацкие вечеринки, я никогда не любила их, но друзья меня постоянно таскали на них. И вот, очередная вечеринка, дурацкая командная игра и мы проигрываем. Мы могли победить, но Стаут поторопился и это был самый настоящий разгром. Наказанием было любое действие победивших проигравшим. Наши знакомые слишком хорошо видели наши отношения и конечно не могли просто проигнорировать это. Мы должны были просидеть в тёмном шкафу с одеждой час, не общаясь с внешним миром. Только Трамп и Стаут, наедине. Предстояла настоящая пытка для нас. Подперев дверцу стулом, чтобы мы не могли выйти, наши общие друзья спустились на кухню, чтобы продолжить поедать запасы и не мешать нам. Время тянулось бесконечно долго и Дилан заговорил первым, он пошутил, я посмеялась. Мы стали перебирать общие воспоминания и это поражение, уже не казалось каким-то мучительным. Но потом я резко замолчала, вспоминая, как поймала его на школьной дискотеке и он обещал мне любую просьбу. Может он и забыл уже, но наверняка сейчас должен был вспомнить. "Поцелуй меня! Слабо?" - не долго думая, выпаливаю я. Почему я это сказала не знаю, но что взять с подростка. Мы не умели целоваться, так что хорошо, что это был тёмный запертый шкаф. Мы стали друг у друга первыми, но об этом никто не знает, только я и он.
Спустя некоторое время, мы с Диваном поняли, что отношения у нас не получатся, но в итоге мы стали лучшими друзьями. Я постоянно его пинала, чтобы он не валялся на диване с сигаретой, он же частенько заваливался ко мне ночью. Мы смотрели фильмы, ели чипсы, разговаривали, а под утро я засыпала на его плече. Так и жили, пока ему не пришлось уехать. Мне очень не хватало Стаута, его внезапных появлений у меня дома, разговоров до утра, куча вредной пищи и тупой комедии, которую он советует посмотреть.
<p>
Но нам повезло и мы всё же снова встретились, в нашем родном Чикаго.

    
  </div>
  </div>
  </div>
      
  
  
  <div class=rapido-post-taggies><a href="http://nice2meet.rusff.me/profile.php?id=50">DYLAN STOUT</a> // ЛУЧШИЙ ДРУГ</div></div>

</center>

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

<div class="gall-head">
<h2>Welcome <span>dear friend</span></h2>
<h3>Реал-лайф, NC-21, место действия: Сан-Франциско, Калифорния, США<br/>
<center> 
<a href="ССЫЛКА"><img src='http://se.uploads.ru/gCxZ6.png' onmouseover="this.src='http://se.uploads.ru/uaC83.png'" onmouseout="this.src='http://se.uploads.ru/gCxZ6.png'" border=0 title="F.A.Q."></a>   
<a href="ССЫЛКА><img src='https://i.imgur.com/x6t6Z0y.png' onmouseover="this.src='https://i.imgur.com/oOa4aSP.png'" onmouseout="this.src='https://i.imgur.com/x6t6Z0y.png'" border=0 title="нужные м"></a>   
<a href="ССЫЛКА"><img src='http://se.uploads.ru/NZ8ME.png' onmouseover="this.src='http://se.uploads.ru/iB7u3.png'" onmouseout="this.src='http://se.uploads.ru/NZ8ME.png'" border=0 title="нужные ж"></a>    
<a href="ССЫЛКА"><img src='http://se.uploads.ru/7SoJc.png' onmouseover="this.src='http://se.uploads.ru/GlTeS.png'" onmouseout="this.src='http://se.uploads.ru/7SoJc.png'" border=0 title="занятые внешности"></a>  
</center></h3>
</div>

<div class="tabGroup">
    <input type="radio" name="tabGroup1" id="rad1" class="gall-tab1" checked="checked"/>
    <label for="rad1">коротко о главном</label>
 
    <input type="radio" name="tabGroup1" id="rad2" class="gall-tab2"/>
    <label for="rad2">придержанные</label>
     
    <input type="radio" name="tabGroup1" id="rad3" class="gall-tab3"/>
    <label for="rad3">занятые</label>

    
    <br/>
 
    <div class="gall-tab1">
<div class="blinks">
<br/><center><b>so easy</b> - это так красиво ©</center><br/>
<center>Это тестовый форум, который в скором времени превратится в самый настоящий маленький мир. Мы готовим много всего интересного и надеемся, что вам понравится.</center><br/><br/>

<b>1. </b> Внешность придерживается на <b>3 дня</b>, но можно продлить, первый раз на 3 дня и второй раз на 2 дня. За не зарегистрированными пользователями, внешность придерживается на <b>сутки.</b><br/><br/>
<b>2. </b> Для того чтобы придержать внешность надо скопировать шаблон и вставить информацию. Код для придержания внешности ниже.<br/><br/>
<b>3. </b> Если вы <b>не появляетесь</b> 3 дня, то внешность <b>освобождается.</b><br/><br/>
<b>4. </b> Если вы придерживаете нужных, говорите название темы и номер поста. Если просите позвать заказчика, пишите его ник.  
</div>
</div>
    <div class="gall-tab2">
<div class="bwlinks">
<table class="ПРИДЕРЖАННЫЕ" width="550">
<tbody>
<td>
<center><img src="http://se.uploads.ru/lZBU7.png" border="0"><br><br>
внешность на англ. до 00.00.0000 <br>
внешность на англ. до 00.00.0000<br>
внешность на англ. до 00.00.0000 <br>
внешность на англ. до 00.00.0000 <br>
</center></td>
<td>
<center><img src="http://se.uploads.ru/iB7u3.png" border="0"><br><br>
внешность на англ. до 00.00.0000<br>
внешность на англ. до 00.00.0000 <br>
внешность на англ. до 00.00.0000 <br>
 <br>
 <br>
</center></td> 
</tr>
</tbody>
</table>
 
</div>

</div>
    <div class="gall-tab3">
<div class="bwlinks">
<table class="ЗАНЯТЫЕ" width="550">
<tbody>
<td>
<center><img src="http://se.uploads.ru/lZBU7.png" border="0"><br><br>

Charlie Hunnam<br>
Chris Wood<br>
Jason Momoa<br>
Nikita Dzhigurda <br>
</center></td>
<td>
<center><img src="http://se.uploads.ru/iB7u3.png" border="0"><br><br>
Teresa Palmer <br>
Troian Bellisario <br>
</center></td>
</tr>
</tbody>
</table>
</div>
</div>
    
</div>

</div>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>.gallbg { width: 600px; padding: 10px; margin: 0 auto; background: #ccb9a7; } .gall-head { width: inherit; position: relative; height: 65px; } .gall-head h2 { margin: 0px 0px 7px 0px; padding: 0; font: 28px oswald; text-transform: uppercase; color: #1E7F7D; position: absolute; top: 0; left: 0; } .gall-head h2 span { color: #56bca5; } .gall-head h3 { margin: 0; padding: 0; width: 300px; font: 8px verdana; line-height: 12px; text-transform: uppercase; color: #56bca5; position: absolute; top: 0; right: 0; text-align: justify; } 
.bwlinks { column-count: 1; column-gap: 3px; -moz-column-count: 1; -moz-column-gap: 3px; -webkit-column-count: 1; -webkit-column-gap: 3px; } .bwlinks a { display: block; width: inherit; margin: 0px 0px 3px 0px; background: #d6d2d2; padding: 5px; text-align: center; font: 10px calibri; text-transform: uppercase; color: #ccb9a7; } .bwlinks a:hover { background: #badae8; padding-left: 30px; color: #56bca5; letter-spacing: 0px; } .tabGroup { font: 11px arial; width: inherit; }.tabGroup > input[type="radio"] { display: none; }.tabGroup > input[type="radio"] + label { display: inline-block; background: #badae8; padding: 5px; color: #1E7F7D; font: 16px oswald; text-transform: uppercase; width: 185px; text-align: center; } .tabGroup > input[type="radio"]:focus + label { background: #d6d2d2; } .tabGroup > input[type="radio"]:checked + label { background: none; color: #56bca5; margin-bottom: -1px; } .tabGroup > div { display: none; background-color: #d6d2d2; padding: 10px; height: 100%; overflow: auto; } .gall-tab1:checked ~ .gall-tab1, .gall-tab2:checked ~ .gall-tab2, .gall-tab3:checked ~ .gall-tab3, .gall-tab4:checked ~ .gall-tab4, .gall-tab5:checked ~ .gall-tab5 { display: block; }</style>

внешность на англ. до 00.00.0000 <br>