<!--HTML--><div class="postcont"> <center>
<link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/Hells_Bells.css"><center>

<div id="hellsbells" div style="background: #f4f4f4 url(http://imagizer.imageshack.us/a/img540/5559/fCuaJt.png)"> 



<div class="whitelightflashing"> <h1> 


Hells Bells 


</h1> <h2> 


tag. words. notes. anything else you see fit. 


<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">✖︎</a> </h2> </div> <div class="splitthenight"><div class="takingyoudown"><div class="acrossthesky">

Thank you to Jurate for the placeholder image! Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). <p>

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. <p>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). <p>

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.



</div></div></div><div class="rollingthunder"> 



I'll give you black sensations up and down your spine 



</div><div class="pouringrain"></div></div></center></center>  </div>

<!--HTML--><div class="postcont"> <center> 
                <P>
                    <BR><div class="sigsep"></div>
                    <br /><br />


<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<style type="text/css">
  
  @keyframes jphoneslide {
    0%, 100% { color: #fff; }
    50% { color: #666; }
  }

  @-webkit-keyframes jphoneslide {
    0%, 100% { color: #fff; }
    50% { color: #666; }
  }
  
  @-moz-keyframes jphoneslide {
    0%, 100% { color: #fff; }
    50% { color: #666; }
  }
  
  @-o-keyframes jphoneslide {
    0%, 100% { color: #fff; }
    50% { color: #666; }
  }
  
  
  .jphone6 { 
    width: 478px; 
    height: 595px; 
    margin: 10px auto;
    background: transparent url(http://i.imgur.com/bLLfF0a.png);
    position: relative;
  }

  .jphone6-1 {
    width: 257px;
    height: 454px;
    background: #000 url(http://i.imgur.com/QX8YW8N.png);
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }
  
  .jphone6:hover .jphone6-1 {
    left: 258px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }
  
  .jphone6-2 {
    width: 257px;
    height: 454px;
    background-color: rgba(0,0,0,0.7);
  }
  
  .jphone6-status1 {
    width: 248px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font: normal normal 200 10px/10px 'Roboto'; 
    padding: 3px 3px 3px 6px;
  }
  
  .jphone6-status2 {
    width: 248px;
    background-color: rgba(231,231,233,0.4);
    color: #000;
    font: normal normal 300 10px/10px 'Roboto'; 
    padding: 3px 3px 3px 6px;
  }
  
  .jphone6 h1 {
    margin: 15px auto 5px;
    text-align: center;
    font: normal normal 100 50px/100% 'Roboto'; 
    color: #fff;
    opacity: 0.8;
  }
  
  .jphone6 h2 {
    margin: 0px auto;
    text-align: center;
    font: normal normal 100 13px/100% 'Roboto'; 
    color: #fff;
    opacity: 0.8;
  }
  
  .jphone6 h3 {
    margin: 290px auto;
    text-align: center;
    font: normal normal 100 20px/100% 'Roboto'; 
    color: #fff;
    opacity: 0.8;
    animation: jphoneslide 5s linear 0s infinite alternate;
    -webkit-animation: jphoneslide 5s linear 0s infinite alternate;
    -moz-animation: jphoneslide 5s linear 0s infinite alternate;
    -o-animation: jphoneslide 5s linear 0s infinite alternate;
  }
  
  .jbattery {
    display: inline;
    margin: 1px;
    float: right;
  }
  
  .jbattery2 {
    display: inline;
    margin: 1px;
    float: right;
  }
  
  .jbattery span {
    display: inline-block; 
    width: 20px;
    height: 8px;
    border: 1px solid #fff;
    margin: 0px 2px;
    border-radius: 2px;
  }
  
  .jbattery2 span {
    display: inline-block; 
    width: 20px;
    height: 8px;
    border: 1px solid #000;
    margin: 0px 2px;
    border-radius: 2px;
  }
  
  .jphone6-3 {
    width: 257px;
    height: 454px;
    top: 70px;
    left: 111px;
    overflow: hidden;
    position: relative;
  }
  
  .jphone6-4 {
    width: 257px;
    height: 454px;
    background-color: #fff; 
    position: absolute;
    top: 0px;
    left: -258px; 
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }
  
  .jphone6:hover .jphone6-4 {
    left: 0px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }
  
  .jphone6-top {
    width: 251px;
    background-color: rgba(231,231,233,0.4);
    color: #000;
    font: normal normal 700 16px/100% 'Roboto'; 
    padding: 3px 3px 10px;
    text-align: center;
    border-bottom: 1px solid #e8e8ea;
  }
  
  .jphone6-bottom {
    width: 257px;
    background-color: rgba(231,231,233,0.4);
    color: #000;
    font: normal normal 400 10px/100% 'Roboto'; 
    padding: 10px 0px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #e8e8ea
  }
    
  .jphone6-bottom span {
    width: 70%;
    background-color: #fff;
    display: inline-block; 
    border-radius: 3px;
    border: 1px solid #e8e8ea;
    padding: 4px;2px;
  }
  
  .jphone6-top::before {
    content: 'Messages';
    float: left; 
    font: normal normal 300 12px/100% 'Roboto';
    color: #2576d2;
    margin: 2px;
  }
  
  .jphone6-top::after {
    content: 'Details';
    float: right; 
    font: normal normal 300 12px/100% 'Roboto';
    color: #2576d2;
    margin: 2px;
  }
  
  .jphone6-bubble {
    background-color: #077eff;
    max-width: 75%;
    float: right; 
    margin: 6px 10px 0px;
    border-radius: 10px;
    padding: 10px;
    font: normal normal 300 12px/100% 'Roboto';
    color: #fff;
    position: relative;
    clear: both; 
  }
  
  .jphone6-bubble::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -7px;
    bottom: 0px;
    transform: rotate(30deg);
    border-top: 5px solid transparent;
    border-left: 10px solid #077eff;
    border-bottom: 5px solid transparent;
  }
  
</style>

<div class="jphone6"> <div class="jphone6-3">
  <div class="jphone6-1">
    <div class="jphone6-2">
      <div class="jphone6-status1">●●◦◦◦ TELUS <img src="http://i.imgur.com/qQ8sCpx.png" height="12" /><div class="jbattery">21% <span><div style="width: 21%; height: 100%;background-color: #fff;"></div></span></div></div>
      <h1>9:28</h1>
      <h2>Friday, December 26</h2>
      
      <h3>> slide to unlock</h3>
    </div></div>
   
   <div class="jphone6-4">
           <div class="jphone6-status2">●●◦◦◦ TELUS <img src="http://i.imgur.com/6pnnxj3.png" height="12" /><div class="jbattery2">21% <span><div style="width: 21%; height: 100%;background-color: #000;"></div></span></div></div>
     <div class="jphone6-top"><span>Brenna</span></div>
     
     <div class="jphone6-bubble">stuff here tbqh i am not looking forward to this thANKS loune</div>
     <div class="jphone6-bubble">more stuff here ugh why don't i have a little tag oh there you are okay good hm maybe i need to do you based on the bottom.</div>
     <div class="jphone6-bubble">a+ based on the bottom worked ok hella oh GOD WHY DONT U WORK FROM THE RIGHT</div>
     <div class="jphone6-bubble">right align troubleshooting</div>
     <div class="jphone6-bubble">fixed</div>
     
     <div class="jphone6-bottom"><span>iMessage</span></div>
   </div>   
   
   
  </div>
  
</div>


</div></center></td></tr>

<!--HTML--><div class="postcont"> <center>

<div class="asprofile">
 
 
 
 <h1>nixon t. day</h1>
 
 
 <div class="row">
   
   <div class="col-1">
     
     <img src="https://cdn.nickpic.host/images/8OH5Y.png" class="asmain" />
     
   </div>
   
   <div class="col-2">
     
     <div class="astext">
       
       <h2>nickname //</h2> nix
       <br /><h2>age //</h2> 28
       <br /><h2>occupation //</h2> bookstore helper, volunteer with social services
       <br /><h2>birthday //</h2> september 1st
       <br /><h2>pronouns //</h2> he/him
       <br /><h2>sexuality //</h2> demisexual
       <br /><h2>hometown //</h2> here
       <br /><h2>city of residence //</h2> here 
       <br /><h2>highest level of education //</h2> high school
       <br /><h2>immediate family //</h2> none
       <br /><h2>pets //</h2> golden labrador - apollo
       <br /><h2>face claim //</h2> nyle dimarco

     </div>
     
   </div>
   
 </div>
 
 
 <div class="assection" style="background-image: url(http://i.imgur.com/4KkdLrz.png);">
   
   <div class="assec">
     
     
Hm okay so he's gonna be deaf, simply because I could never take that away from nyle for a character. Probably a product of like, a teenage mum that just couldn't handle a baby let alone deaf baby, so he'd have gone through the system, very lonely, families taking him on only to not being able to handle his silence. He'd be very defensive with everyone, constantly on edge and ready to fight because he wouldn't really trust people. Eventually when he becomes an adult he'd do various jobs that don't need talking, just his hands, like construction or mail man or whatever. So anyway, he's very protective of the kids in the system that he grew up with. He'd be like the dad figure for them when he's an adult, bailing them out of shitty homes and stuff. I'm thinking that eventually he'd fall into a slump, depression over being nothing and going nowhere, hurting himself because that's the only way to feel. After maybe a year of this, I can just see him running. Packing a bag and leaving the country on the first flight to anywhere, idk like France or Sweden or something like thst, living there for many years because it would feel like he's owning his life a bit more? He's not constantly reminded of being abandoned etc. So anyway, eventually one of his foster siblings get in touch with him because they're in a shit load of trouble. He has to come back, he just can't leave them so he does, and all the pain floods back but he sort of takes them in (I'm thinking they commited a crime and are on bail for whatever amount of months so he rents an apartment and let's them live with him). Idk this is a mess but he'd be demisexual,, literally not even thinking about sex or relationships and tbh he'd feel like he's incapable and undeserving of that anyway, but he wouldn't realise that he just needs to make a connection with one person to feel that. But yeah I will come up with a career for him now but the downlow is that he's just lonely, he's fiercely protective but instantly wary of anyone giving him a minute amount of attention especially because a lot of people don't know sign language. (I also think about adding the idea of him having a secret bucket list, just things he dreams of doing but he doesn't have to do alone). Basically lmk if any of this doesn't work for you
     
     
   </div>
   
 </div>
 
 
 
</div>
</center>  </div>

<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900|Lato:100|Cousine" rel="stylesheet"><style>#sound {width: 550px; background-color: #121212; position: relative;}
.silence {width: 550px; background-color: #222; position: relative; height: 400px; overflow: hidden;}
@-moz-keyframes ontheblinkk {18%, 29%, 35%, 37%, 43% {color: transparent; text-shadow: none;} 16%, 28%, 30%, 34%, 36%, 38% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff9000, 0 0 15px #ff0000;}}
@-webkit-keyframes ontheblinkk {18%, 29%, 35%, 37%, 43% {color: transparent; text-shadow: none;} 16%, 28%, 30%, 34%, 36%, 38% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff9000, 0 0 15px #ff0000;}}
@-moz-keyframes ontheblink {21%, 39%, 45%, 47%, 53% {color: transparent; text-shadow: none;} 26%, 38%, 40%, 44%, 46%, 48% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff9000, 0 0 15px #ff0000;}}
@-webkit-keyframes ontheblink {21%, 39%, 45%, 47%, 53% {color: transparent; text-shadow: none;} 26%, 38%, 40%, 44%, 46%, 48% {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff9000, 0 0 15px #ff0000;}}
.soslyr {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff9000, 0 0 15px #ff0000; font: 100px Playfair Display; letter-spacing: -5px; text-align: center;}
.out {-moz-animation: ontheblink 10s infinite; -ms-animation: ontheblink 10s infinite; -webkit-animation: ontheblink 10s infinite;}
.out2 {-moz-animation: ontheblinkk 10s infinite; -ms-animation: ontheblinkk 10s infinite; -webkit-animation: ontheblinkk 10s infinite;}
.soslyr2 {padding: 10px; text-align: right; font: 8px cousine; color: #fff; text-transform: uppercase;}
.soslyr3 {color: #fff; font: 8px cousine; text-transform: uppercase; text-align: left; padding: 30px 0px 0px 40px; margin-bottom: -25px;}
.soslyr3:after {content: ""; display: inline-block; vertical-align: middle; margin-left: 20px; height: 1px; background-color: #fff; width: 220px;}
.soslyr4 {color: #616161; font: 20px lato; font-weight: 100; text-transform: uppercase; text-align: center; margin-top: -15px; padding: 0px 0px 30px 0px; letter-spacing: 40px; margin-left: 35px;}
#sound .sosimg {width: 550px; height: 400px; background-position: 0px 0px; background-image: url(#c9c5c2); background-size: cover; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;}
#sound:hover .sosimg {background-position: -150px 0px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s;}
#sound .sosbg {transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; width: 550px; height: 400px; background-color: rgba(18,18,18,0.9); bottom: -400px; position: absolute; left: 0px;}
#sound:hover .sosbg {bottom: 0px; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.sosbg2 {margin: 20px; border: 1px solid #2f2f2f; padding: 20px; height: 320px; position: relative;}
.soswrite {background-color: rgba(18,18,18,0.6); padding: 20px; position: absolute; top: 20px; left: 20px; border: 1px solid #2f2f2f; width: 200px; height: 280px;}
.soswrite2 {color: #616161; font: 9px tahoma; text-align: justify; line-height: 105%; height: 240px; padding-right: 10px; overflow: auto; margin: 20px;}
.soswrite2 b {font: 10px playfair display; font-weight: 900; color: #9f4141;} .soswrite2 i {color: #9f4141;}
.sosimg2 img {position: absolute; top: 20px; right: 20px; padding: 10px; background-color: rgba(18,18,18,0.6); border: 1px solid #2f2f2f; height: 300px; width: 180px; filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.welcomefr {
    color: #301a1c;
    font-size: 22px;
    text-align: center;
    font-family: arial narrow;
    font-weight: bold;
    text-decoration: underline;
}
.welcomtit {
    color: #efebe8;
    font-size: 9px;
    font-family: calibri;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;

</style><center><div id="sound"><div class="soslyr3">and the people bowed and prayed to the</div>
<div class="soslyr">CO<span class="out">N</span>DUCT ZE<span class="out2">RO</span></div><div class="soslyr4">they made</div><div class="silence">

<div class="sosimg" style="background-color: #c9c5c2;">
<div class="welcomefr">ВЭЛКАМ, ПРИЯТЕЛЬ,</div>
<div class="welcomtit">скорость – вниз, скорость – вверх, проснись: этот мир светит для нас с тобой одних,
город спит, снова жизнь кадрами;
здесь только мы и вечная дорога в завтра.</div>
Улыбнись, старина, бояться нечего. Ты быстро войдёшь во вкус этой жизни, что никогда не спит. Тут ты попадёшь в самые захватывающие истории, что вскружат твою голову хлеще, чем американские горки, и ты непременно захочешь ещё! Сеул накрывает с головой, топит в своём вечном сумасшествии, но непременно даёт передышки самым усталым. Здесь твой дом, строится твоя уникальная судьба. Ты уже часть города, её неотъемлемая и жизненно-важная деталь. Ты только не беги так отчаянно: дорога через тернии к звёздам будет тяжелой, но ты непременно справишься. Город не оставит тебя одиноким на долгом пути. Этот мир непредсказуем, ведь даже заклятый враг может протянуть руку помощи в трудную минуту, а родная душа – уйти по-английски. И ведь это не повод для горестей, просто верь, что завтра нас ждёт новый, удивительный день. Проведём его без сожалений и печалей вместе? 
знаешь, счастье.. оно где-то здесь.

<div class="sosbg"><div class="sosbg2"><div class="soswrite"><div class="soswrite2">


post


</div></div><div class="sosimg2">

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

</div></div></div></div></div><div class="soslyr2">

tagged and notes

</div></div><div style="width: 550px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.jcink.net/index.php?showuser=145">LAUZ  ღゝ◡╹)ノ♡</a></div></center>

<!--HTML-->


<div class="bren">
<div class="brenimgcont"><div style="width: 120px; height: 120px; background-image:url(120X120 IMAGE HERE; "></div></div>
<div class="brenlyrics">

Тут текст гостевой<br>
All of your flaws and all of my flaws<br>
When they have been exhumed<br>
We'll see that we need them to be who we are<br>
Without them we'd be doomed<br>
### words for name and notes notes notes
Тут текст гостевой<br>
All of your flaws and all of my flaws<br>
When they have been exhumed<br>
We'll see that we need them to be who we are<br>
Without them we'd be doomed<br>
### words for name and notes notes notes
Тут текст гостевой<br>
All of your flaws and all of my flaws<br>
When they have been exhumed<br>
We'll see that we need them to be who we are<br>
Without them we'd be doomed<br>
### words for name and notes notes notes

</div>

<div class="brenpost">
<table>
  <tr>
    <td>
<p>Words <b>Speech</b></p>

<p>Words <b>Speech</b></p>

<p>Words <b>Speech</b></p>
</td>
<td>
<p>Words <b>Speech</b></p>

<p>Words <b>Speech</b></p>

<p>Words <b>Speech</b></p>
</td>
  </tr>
</table>


</div>

</div>
<div class="brencred"><a href="http://shine.b1.jcink.com/index.php?showuser=2051">shawnarew</a></div>
<style type="text/css">
.bren {width: 550px; height: 550px; background-image:url(http://funkyimg.com/i/2vHwX.png); margin:0 60px 0;} 
.brenimgcont {width: 120px; height: 120px; border: 3px solid rgba(255,255,255,.7); -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100% -moz-border-radius: 100%; border-radius: 100%; position: relative; top: 0px; z-index: 5; overflow: hidden; margin-bottom: -120px; margin:0 210px 0;} 
.brenlyrics {width: 360px; height: 330px; border: 1px solid rgba(255,255,255,.7); position:relative; top: 75px;  color: #d4d4d4; font-size: 12px;   padding: 50px 20px 20px; box-shadow: 1px 2px 20px #000; overflow: hidden; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; margin: -110px 75px 0;} 
.bren:hover .brenlyrics {height: 0px; width: 0px; padding: 0px; width: 400px; border-bottom: 0px; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; margin: -110px 75px 0;} 
.brenpost {width: 360px; height: 0px; background-color: rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.7); border-top: 0px; border-bottom: 0px;position:relative; top: 75px;     color: rgba(255,255,255,.7); font-size: 12px; line-height: 14px; text-align: justify; padding: 0px 20px; box-shadow: 0px 0px; overflow: hidden; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out;     margin: 0 75px 0;}
.bren:hover .brenpost {width: 360px; height: 330px; background-color: rgba(0,0,0,.6);border: 1px solid rgba(255,255,255,.7); padding: 35px 20px 20px; box-shadow: 1px 2px 20px #000; overflow: auto; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s;  margin: 0 75px 0;}
.brenpost b {color:  ;} 
.brenpost::-webkit-scrollbar { width:3px; background: transparent; border: 0px; }
.brenpost::-webkit-scrollbar-thumb {background: #8da6b6; } 
.brenpost::-webkit-scrollbar-corner {background: #8da6b6; } 
.brencred a:link, .brencred a:visited, 
.brencred a:active { font-family: georgia; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90%; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; color: #ccc; } 
.brencred a:hover { color: transparent; text-shadow: 1px 0px 1px #8da6b6; letter-spacing: 5px;}
</style>