<!--HTML--><style>
#doithread {width: 450px; font-family: montserrat; border: 10px solid #fcfcfc; color: #2e2e2e; margin: auto; min-height: 320px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.doiimg {height: 160px; width: 450px; position: relative}
#doithread .doiimg {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
#doithread:hover .doiimg {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.doiwords {width: 450px; height: 18px; background-color: #1E1E1E; font-family: montserrat; text-transform: uppercase; text-align: center; line-height: 18px; position: absolute; top: 110px; font-size: 8px; color: #fff; letter-spacing: 2px; transform:skewY(-5deg); -webkit-transform:skewY(-5deg); -moz-transform:skewY(-5deg);overflow: hidden}
.doiwords1 {width: 450px; height: 18px; background-color: transparent; position: absolute;}
#doithread .doiwords1 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; }
#doithread:hover .doiwords1 {left: 450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;  }
.doiwords2 {width: 450px; height: 18px; background-color: transparent; position: absolute}
#doithread .doiwords2 {left: -450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; }
#doithread:hover .doiwords2 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;  }
.doithreadmain {padding: 25px; font-size: 11px; text-align: justify; line-height: 11px; background: white;}
.doithreadmain p::first-letter {font-size: 30px; float: left; margin: 5px 5px 0px 5px; color: #F4D123; background: #2e2e2e; line-height: 30px; padding: 3px 7px; font-weight: 700; }
</style>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<div id="doithread">
<a href="http://candylandcouture.b1.jcink.com/index.php?showuser=2515"><div class="doiimg" style="background-image: url(450X160 IMG HERE)">
 <div class="doiwords"><div class="doiwords1"><font style="color: #F4D123"> do i wanna know</font>, if this feeling flows both ways</div>
   <div class="doiwords2">tag: holly/mike // words: 500 </div></div></div></a>
   <div class="doithreadmain">THREAD GOES HERE. USE PARAGRAPH TAGS FOR THE COOL FIRST LETTER BIT, AND IF YOU DONT WANT IT USE TWO LINE BREAK TAGS.
</div>
</div>