<!--HTML-->
<style type="text/css">
.noraa { opacity: 0; width: 400px; height: 200px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
.noraa:hover { opacity: 1; width: 400px; height: 200px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
</style>

<center><link href='http://fonts.googleapis.com/css?family=Sacramento|Amatic+SC' rel='stylesheet' type='text/css'>

<style type="text/css">

.k::-webkit-scrollbar { height: 6px; width: 3px }
.k::-webkit-scrollbar-thumb { background: #ccc; border: none; }
.k::-webkit-scrollbar-track { background: #eee }

#beach { width: 400px; height: 400px; position: relative; overflow: hidden; }

.fc { width: 322px; height: 322px; margin-top: 0px; position: absolute; transition: ALL 1s ease; -moz-transition: ALL 1s ease; -webkit-transition: ALL 1s ease; -o-transition: ALL 1s ease; -ms-transition: ALL 1s ease; }

#beach:hover .fc { width: 322px; height: 322px; margin-top: -400px; transition: ALL 1s ease; -moz-transition: ALL 1s ease; -webkit-transition: ALL 1s ease; -o-transition: ALL 1s ease; -ms-transition: ALL 1s ease; }

.te { width: 322px; height: 322px; margin-top: 400px; transition-delay: 2s; position: absolute; transition: ALL 1s ease; -moz-transition: ALL 1s ease; -webkit-transition: ALL 1s ease; -o-transition: ALL 1s ease; -ms-transition: ALL 1s ease; }

#beach:hover .te { width: 322px; height: 322px; margin-top: 0px; transition-delay:  2s; transition: ALL 1s ease; -moz-transition: ALL 1s ease; -webkit-transition: ALL 1s ease; -o-transition: ALL 1s ease; -ms-transition: ALL 1s ease; }
</style>

<div id="beach" style="width: 322px; height: 322px; background: url(http://o53xo.mfzhi43dojxwy3booj2q.cmle.ru/Images/2008/g/Gapchinska%20Evgenia/000055.jpg); padding: 49px;">

<div class="fc">

<div style="width: 330px; height: 330px; padding: 6px; border: 2px solid #fff;">

<div style="width: 330px; height: 330px; background: url(http://mfrxi2lpnzuwg33omf3wc4teomxgg33n.cmle.ru/wp-content/uploads/2012/07/Hollywood-Reporter-logo.jpg); border: 0px solid #fff"></div>

</div>

</div>

<div class="te">

<div style="width: 330px; height: 330px; padding: 6px; border: 2px solid #fff;">

<div style="width: 300px; height: 300px; background: #fff; border: 6px solid #fff; overflow: auto;">

<div style="font: 50px sacramento; text-align: center; text-transform: lowercase; color: #99cccc; line-height: 70%; text-shadow: 1px 1px #000; padding-top: 6px;">the winners</div>

<div style="font: 9px arial; text-align: justify; letter-spacing: 1px; word-spacing: 0px; line-height: 90%; text-transform: uppercase; color: black">Well, I came home Like a stone And I fell heavy into your arms These days of dust Which we've known Will blow away with this new sun But I'll kneel down, Wait for now And I'll kneel down, Know my ground And I will wait, I will wait for you</div>

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="16" style="margin: 10px 0px 10px 0px;">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="black" />
    <param name="FlashVars" value="mp3=http://www.goodishmusic.com/wp-content/uploads/2012/12/1-03-I-Will-Wait-1.mp3&amp;bgcolor=ffffff&amp;loadingcolor=eeeeee&amp;buttoncolor=99cccc&amp;slidercolor=eeeeee" />
</object>

<div style="font: 15px sacramento; text-align: center; text-transform: lowercase; color: #A52A2A; line-height: 70%; text-shadow: 1px 1px #000; padding-top: 6px;">активисты недели</div>
<table cellpadding="0" cellspacing="0" style="width: 280px;">
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
a. johnson
</td>
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
e. olsen
</td>
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
k. graham
</td>
<tr>
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
j. leto
</td>
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
c. delevingne
</td>
<td>
<img src="http://placehold.it/50" height="50px" style="border: 5px solid #eee;"><br>
j. sugg
</td>
</tr></table>
<div style="font: 15px sacramento; text-align: center; text-transform: lowercase; color: #A52A2A; line-height: 90%; text-shadow: 1px 1px #000; padding-top: 6px;">пара недели</div>
<div style="font: 13px century gothic; text-align: center; text-transform: lowercase; color: black; line-height: 40%; text-shadow: 0px 0px #000; padding-top: 6px;">name & name</div>
<div style="width:200px; height:100px; background-image:url(http://ne.nfwwo5lsfzrw63i.cmle.ru/YeaPbkK.png);"></div>

<div style="font: 15px sacramento; text-align: center; text-transform: lowercase; color: #A52A2A; line-height: 70%; text-shadow: 1px 1px #000; padding-top: 6px;">пост недели</div>
<center><a href="http://daydreamers.rusff.me/">ссылка на эпизод + название</a></center>
<div class="k" style="margin-top: 10px; width: 275px; height: 120px; background: #fff; overflow: auto;  font: 10px arial; text-align: justify; text-transform: normal; color: #000; line-height: 90%; padding-right: 5px;">

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them.<br /><br />

Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle.<br /><br />

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle. 

</div>
<div style="font: 15px sacramento; text-align: center; text-transform: lowercase; color: #A52A2A; line-height: 70%; text-shadow: 1px 1px #000; padding-top: 6px;">эпизод недели</div>
<center><a href="http://daydreamers.rusff.me/">ссылка на эпизод + название</a></center>
<div style="width:200px; height:100px; background-image:url(http://ne.nfwwo5lsfzrw63i.cmle.ru/YeaPbkK.png);"></div>
<div class="k" style="margin-top: 10px; width: 275px; height: 120px; background: #fff; overflow: auto;  font: 10px arial; text-align: justify; text-transform: normal; color: #000; line-height: 90%; padding-right: 5px;">

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them.<br /><br />

Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle.<br /><br />

Misha's main problems existed within the Hogwart's Castle. Misha was adjusting well, she thought, for a girl that was forced to go to a new place at the root of all evil to be hit upon and looked down upon for her impure blood. She believed in her blood, though, and most importantly, herself and her image. Misha was not going to let anyone tell her that she was not as good as the rest, but she would not challenge them. Misha preferred to work backwards, start in ways that no one would suspect. She was sweet, so she would never call anyone out or make fun of them (whatever it may be) but would not let it go, either. She was cunning and sometimes her temper got the best her, which was quite common for veelas (even only one-eighth blood veelas). Adding a line to make it scroll herp derp. Misha's main problems existed within the Hogwart's Castle. 
</div>

</div>
</div>

</center>

<!--HTML--><div class='postcolor'> <style>
  
  .jfb {
    width: 550px;
    height: auto;
    background-color: #e9eaed;
    outline: 1px solid #f0f0f0;
    margin: 0 auto; 
    overflow: auto; 
    position: relative;
    font: normal normal normal 11px/110% 'Helvetica', 'Arial', sans-serif;
  }
  
  .jfb ::-webkit-scrollbar { width: 3px; }
  .jfb ::-webkit-scrollbar-track { background-color: #d8dfea; }
  .jfb ::-webkit-scrollbar-thumb { background-color: #6d84b4; }
  
  .jfb .jprofile {
    position: absolute;
    top: 120px; 
    left: 18px;
    border: 3px solid #fff;
    outline: 1px solid #ddd;
  }
  
  .jfbtabbar {
    width: 100%;
    background-color: #fff;
    height: 40px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box; 
    
    text-align: center;
    font: normal normal normal 12px/40px 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .jfbtabcontainer {
    margin: 5px;
    position: relative;
    height: 420px;
  }
  
  .jfbtab { float: left; }
  
  .jfbtab input[type=radio] { display: none; }
  
  .jfbtab .jfcontent { opacity: 0; }

  .jfbtab input[type=radio]:checked ~ label ~ .jfcontent { opacity: 1; z-index: 2; }
  
  .jfbtab label {
    display: block;
    height: 40px;
    padding: 0 14px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 2px -1px 0 0;
    position: relative;
    top: -47px;
    left: 130px;
    
    font: normal normal bold 12px/40px 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
    letter-spacing: normal;
    color: #6d84b4;
  }
  
  .jfbtab input[type=radio]:checked ~ label {
    color: #000;
  }
  
  .jfbtab input[type=radio]:checked ~ label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 42%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #e9eaed;
  }
  
  .jfcontent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .jfbwide {
    border: 1px solid #ddd;
    background-color: #fff;
  }
  
  .jfbwide h1 {
    background-color: #f6f7f8;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
  }
  
  .jfbscroll {
    margin: 10px;
    padding-right: 5px;
    height: 345px;
    overflow: auto;
  }
  
  .jfbphotos img {
    border: 0; 
    padding: 0;
    float: left; 
    margin: 1px;
    width: 100px;
    height: 100px;
  }
  
  .jfbfriend {
    width: 49%;
    display: inline-block;
    height: 80px;
    overflow: auto;
  }
  
  .jfbfriend img { float: left; margin-right: 5px;}
  
  .jfbwide h2 {
    margin: 0;
    float: left;
    font: normal normal bold 16px/80px 'Helvetica', 'Arial', sans-serif;
    color: #3b5998;
  }
  
  .jfbwide h3 {
    font: normal normal bold 12px/100% 'Helvetica', 'Arial', sans-serif;
    margin: 0 0 20px 10px;
    padding: 3px 5px;
    color: #888;
  }
  
  .jfbwide h3:nth-of-type(1) {
    margin-top: 30px;
    border-left: 3px solid #3b5998;
    color: #000;
  }
  
  .jfbwide h4 {
    margin: 15px 0 5px;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    text-transform: uppercase;
    font: normal normal bold 9px/100% 'Helvetica', 'Arial', sans-serif;
    color: #888;
  }
  
  .jfbwide h4:nth-of-type(1) {
    margin-top: 0;
  }
  
  .jfbnarrow p {
    text-indent: 5px;
  }
  
  .jfbnarrow span {
    color: #6d84b4;
  }
  
  .jffloatleft { 
    height: 365px;
    width: 29%;
    float: left; 
    border-right: 1px solid #ddd;
  }
  
  .jfbnarrow {
    padding: 20px;
    box-sizing: border-box;
  }
  
  .jffloattall {
    height: 405px;
    box-sizing: border-box;
    padding: 10px 10px 0 5px;
  }
  
  .jfbpost {
    height: auto;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    margin-bottom: 20px;
  }
  
  .jfbpost:last-child { 
    margin-bottom: 0; }
  
  .jfbpostmain {
    background-color: #fff;
    padding: 15px;
    text-align: justify;
  }
  
  .jffloattall span {
    color: #6d84b4;
  }
  
  .jpostimage {
    float: left; 
    margin-right: 15px;
  }
  
  .jfbpostmain h5 {
    margin: 14px 0 18px 0;
    font: normal normal bold 14px/100% 'Helvetica', 'Arial', sans-serif;
    color: #3b5998;
  }
  
  .jfbpostmain h5 span {
    display: block;
    font-weight: normal;
    font-size: 10px;
    color: #666;
  }
  
  .jfblike {
    margin-top: 10px;
    color: #6d84b4;
  }
  
  .jfblike2 {
    color: #6d84b4;
    margin: 10px;
  }
  
  .jpostimage {
    max-width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  
</style>

<div class="jfb">


<img src="http://placehold.it/550x200" class="jcover">


<img src="http://placehold.it/100" class="jprofile">

<div class="jfbtabbar">



</div>
  
<div class="jfbtabcontainer">


<div class="jfbtab">
<input type="radio" id="jtimeline" name="jfbgroup-1" checked>
<label for="jtimeline"> Timeline </label>
<div class="jfcontent">

<div class="jffloatleft jffloattall">

<div class="jfbpost">
<div class="jfbpostmain">

Works at <span>unmasker</span><br /><br />
Went to <span>research</span><br /><br />
Lives in <span>everywhere</span><br /><br />
From <span>Upper East Side</span>

</div>
</div>

</div>
<div class="jfbscroll jfbnarrow jffloattall" style="padding: 10px;">



<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://placehold.it/50" class="jpostimage">
<h5>Name
<span>Sunday, May 5th</span>
</h5>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est. 

<div class="jfblike">Like &bull; Comment &bull; Share</div></div>

<div class="jfblike2">4 people like this</div>

</div>



<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://placehold.it/50" class="jpostimage">
<h5>Name
<span>Sunday, May 5th</span>
</h5>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<img src="http://placehold.it/400x200" class="jpostimage">

<div class="jfblike">Like &bull; Comment &bull; Share</div></div>

<div class="jfblike2">4 people like this</div>

</div>



<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://placehold.it/50" class="jpostimage">
<h5>Name
<span>Sunday, May 5th</span>
</h5>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est. 

<div class="jfblike">Like &bull; Comment &bull; Share</div></div>

<div class="jfblike2">4 people like this</div>

</div>


</div>

</div>
</div>


<div class="jfbtab">
<input type="radio" id="jabout" name="jfbgroup-1">
<label for="jabout"> About </label>
<div class="jfcontent">

<div class="jfbwide">
<h1>About</h1>
<div class="jffloatleft">
<h3>Overview</h3>
<h3>Work and Education</h3>
<h3>Contact and Basic Info</h3>
<h3>Family and Relationship</h3>
<h3>Details About You</h3>
<h3>Life Events</h3>
</div>
<div class="jfbscroll jfbnarrow">

<h4>about you</h4>
<p>Write a blurb about yourself here!
<h4>current city and hometown</h4>
<p>Currently living in <span>City</span></p>
<p>Born in <span>City</span></p>
<h4>family</h4>
<p>List any family you have</p>
<h4>relationship</h4>
<p>&hearts; <span>single</span></p>
<h4>work</h4>
<p>Jan 2015 - present, <span>Workplace</span>

</div>
</div>

</div>
</div>


<div class="jfbtab">
<input type="radio" id="jfriends" name="jfbgroup-1">
<label for="jfriends"> Friends </label>
<div class="jfcontent">

<div class="jfbwide">
<h1>Friends</h1>
<div class="jfbscroll">


<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>

<div class="jfbfriend">
<img src="http://placehold.it/80">
<h2>first last</h2>
</div>


</div>
</div>

</div>
</div>


<div class="jfbtab">
<input type="radio" id="jphoto" name="jfbgroup-1">
<label for="jphoto"> Photos </label>
<div class="jfcontent">

<div class="jfbwide">
<h1>Photos</h1>
<div class="jfbscroll jfbphotos">

<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">
<img src="http://placehold.it/100">

</div></div>

</div>
</div>


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

<!--HTML-->


<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position:relative; top:39px;">first last</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:40px; font-size:10px; line-height:100%; color:#333;">LIST OF TRAITS GOES HERE</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">about</label>
<div class="orionc">
STUFF ABOUT CHARACTER HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">friends</label>
<div class="orionc">
STUFF ABOUT FRIENDS HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-3" name="orion-group-1">
<label for="orion-3">enemies</label>
<div class="orionc">
STUFF ABOUT ENEMIES HERE
</div>
</div>

<div class="orion">
<input type="radio" id="orion-4" name="orion-group-1">
<label for="orion-4">lovers</label>
<div class="orionc">
STUFF ABOUT LOVERS HERE
</div>
</div>

</div></div>

<span class="libcred"><a href="http://shine.jcink.net/index.php?showuser=14639">love,</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3956">libby</a></span>
</center>

<style type="text/css">
.corion {
  width: 400px;
  padding: 15px;
  height: 400px;
  background-color: #fcfcfc;
  border: 1px solid #eee
  }

.corion2 {
  width: 400px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: "Kaushan Script";
  font-size: 32px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #333
  }

.orionhead2 {
  width: 150px;
  height: 115px;
  position: relative;
  float: right;
  border: 10px solid #eee;
  background-image: url(http://obwgcy3fnbxwyzbonf2a.cmle.ru/150x120)
  }

.orions {
  position: relative;
  width: 400px;
  height: 250px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #eee;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 100px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 348px;
  height: 178px;
  background: white;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 9.5px;
  line-height: 95%;

  border: 1px solid #eee;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: white;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>

<!--HTML--><center><style>
.mem { width: 300px; height: 125px; position: relative; background: url(http://ne3dc.oruw46lqnfrs4y3pnu.cmle.ru/mmzxna.png); padding: 10px; box-shadow: 1px 1px 3px #aaa;}
.mem a { font-family: iceland; font-size: 14px; line-height: 100%; text-transform: uppercase; color: #000;}
.mem a:hover { color: #aaa;}
.ber { width: 70px; height: 70px;  border: 9px solid #fff; outline: 1px solid #ddd; float: left; margin: 1px; }
.mew { width: 185px; height: 70px; border: 5px solid #fff; border-top: 9px solid #fff; border-bottom: 9px solid #fff;outline: 1px solid #ddd; float: right; background: #fff; padding: 0px 4px; overflow: auto; margin: 1px; text-align: justify; font-family: arial; font-size: 10px;} .mew::-webkit-scrollbar { width: 1px; } .mew::-webkit-scrollbar-track { background: #fff; } .mew::-webkit-scrollbar-thumb { background: #aaa;}
</style>
<div class="mem">
<div style="width: 275px; height: 10px; border: 9px solid #fff; outline: 1px solid #ddd; float: left; margin: 1px; margin-bottom: 6px; font-family: iceland; font-size: 20px; padding-right: 5px; line-height: 60%; text-align: right; text-transform: uppercase; color: #000; background: #fff;"><i>first middle last</i></div>
<div class="ber" style="background: url(IMAGE HERE!! 70x70);"></div> 
<div class="mew"><a href="ссылка на эпизод">название эпизода</a> -- участники эпизода <br>
<a href="ссылка на эпизод">название эпизода</a> -- with <i>first last</i><br>
<a href="link.here">thread title</a> -- with <i>first last</i><br>
<a href="link.here">thread title</a> -- with <i>first last</i><br>
<a href="link.here">thread title</a> -- with <i>first last</i><br>
<a href="link.here">thread title</a> -- with <i>first last</i><br></div></div><div style="width: 300px; padding: 5px 0px; text-transform: uppercase; text-align: right;"><a href="http://shine.jcink.net/index.php?showuser=5438">thanks emilie ☁</a></div>
</center><link href='http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i.cmle.ru/css?family=Iceland' rel='stylesheet' type='text/css'>