LOMARO

sdc

ergerg

erg

вавам

вам

ttyjtyj

[html]<div class="post-box">
            <div id="p952-content" class="post-content">
            <p><strong></strong></p><style type="text/css">
.lolkurt { width: 260px; height: 460px; background-color: #fafafa; padding: 20px; position: relative; overflow: hidden; border-radius: 100px;}
.lolkurt .lolblaine { width: 300px; height: 200px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: top; position: absolute; top: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; }
.lolkurt:hover .lolblaine { top: -350px; left: 0px; }
.lolkurt .lolmarried { width: 300px; height: 300px; background-image: url(http://i.imgur.com/qqesfr4.png); background-position: bottom; position: absolute; bottom: 0px; left: 0px; transition-duration: 2s; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s;  }
.lolkurt:hover .lolmarried { bottom: -450px; left: 0px;}
.lolname { width: 200px; font-family: cambria, serif; font-size: 15px; font-style: italic; text-transform: lowercase; line-height: 100%; background-color: #fff; color: #222; border-bottom: 3px solid #dbeff1; padding-top: 10px; padding-bottom: 10px; }
.lolmarried .lolname { position: absolute; bottom: 100px; left: 50px; }
.lolscroll::-webkit-scrollbar { width: 5px; height: 5px; }
.lolscroll::-webkit-scrollbar-track { background-color: #fff; }
.lolscroll::-webkit-scrollbar-thumb { background-color: #dbeff1; }
</style>

<center>

<div style="width: 300px; padding: 50px; background-image: url(http://i45.tinypic.com/9s4f3d.jpg); border: 1px solid #dbeff1;"><div class="lolkurt">
<div style="width: 260px; height: 150px; background-image: url(http://i.imgur.com/iIClmw4.png); border-radius: 100px 100px 0px 0px;"></div>
<div style="width: 260px; padding-top: 10px; padding-bottom: 10px; background-color: #dbeff1; color: #555; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; line-height: 100%; text-align: center;">26 | lower class | freelance photographer</div>
<div style="width: 255px; padding-right: 5px; margin-top: 10px; text-align: justify; font-family: cambria, serif; font-size: 10px; line-height: 100%; color: #222; height: 200px; overflow: auto;" class="lolscroll">

lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here lol shipping here

</div>
<div class="lolblaine"></div>
<div class="lolmarried">
<div class="lolname">nathan campbell.</div>
</div>
</div>
</div>
</center><p><strong><br></strong></p>
            </div>
        </div>[/html]

[html]<div class="postcolor"> <link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Galleries/Gallery1.css">

<div id="jcodegallery"><h1> Nicole's coding gallery </h1> <h3>hi i'm Nicole (or jae) i really like calibri and purple and hovers</h3>
<div id="jcodethreads"><div class="jcodeslidethreads">
  <div class="jcodeslideslinks">

<!--!!!! THREADS !!!!!-->

<a href="http://wecode.jcink.net/index.php?showtopic=652">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=682=">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=692">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=719&amp;hl=">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=811">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=825">✖︎</a>

</div>
</div>
     
    <h2> threads </h2></div>
<div id="jcodeshippers"><div class="jcodeslideshippers"><div class="jcodeslideslinks">

<!--!!!! SHIPPERS !!!!!-->

<a href="http://wecode.jcink.net/index.php?showtopic=653">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=667">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=773">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=803">✖︎</a>

</div>
</div>
    <h2> shippers </h2></div>
<div id="jcodecomms"><div class="jcodeslidecomms"><div class="jcodeslideslinks">

<!--!!!! COMMS !!!!!-->

<a href="http://wecode.jcink.net/index.php?showtopic=720&amp;hl=">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=804">✖︎</a>
<a href="http://wecode.jcink.net/index.php?showtopic=812">✖︎</a>

</div></div>
    <h2> comms </h2></div>
<div id="jcodesignatures"><div class="jcodeslidesignatures"><div class="jcodeslideslinks">

<!--!!!! SIGNATURES !!!!!-->

wow this section is empty?? i bet ur disappointed

</div></div>
    <h2> signatures </h2></div>
<div id="jcodesite"><div class="jcodeslidesite"><div class="jcodeslideslinks">

<!--!!!! SITE STUFF / SKINS !!!!!-->

skins: <a href="http://wecode.jcink.net/index.php?showtopic=768">✖︎</a> <p>

mini-profiles: <a href="http://wecode.jcink.net/index.php?showtopic=831">✖︎</a>

</p></div></div>
    <h2> site-related </h2></div>
<div id="jcodeother"><div class="jcodeslideother"><div class="jcodeslideslinks">

<!--!!!! WHATEVER ELSE !!!!!-->

idk what'll even go here idk idk idk

</div></div>
    <h2> other </h2></div>
</div>  </div>[/html]

[html]<div class="postcolor"> <center>

<div class="shawnabg" style="width:470px; height: 460px; background-color: white; border: 10px solid black; padding: 10px; ">

     <div style="width: 310px; height: 225px; float: left;">
          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden; float: left;">
               <div class="shawnat">HELLO!</div>
               <div class="shawnad2">Hi, my name is Shawna and this is my Gallery! I joined my first site in February of 2010, and a few months after that I started and coded my own site, and it's just been a downward spiral from there. I really love coding and I feel like I grow with each template that I make. <br><br>I've lived in Oregon since I was a jolly six-year-old, and I still do as a starving college student today. I'm going to school for Botany ('cause trees, man), but it's taking me a while because I frequently take terms off to go work in the woods teaching kids about phototropism and fasciation and whatnot, which is what I want to do for the rest of my life. If you need advice on the best methods for hugging trees, hit me up; my name is Shawna, and I speak for the trees.  </div>
          </div>

          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden; float: right;">
               <div class="shawnat">THREADS</div>
               <div class="shawnad"><a href="http://wecode.jcink.net/index.php?showtopic=754">thread 001.</a><br>
<a href="http://wecode.jcink.net/index.php?showtopic=755">thread 002.</a><br>
<a href="http://wecode.jcink.net/index.php?showtopic=761">thread 003.</a><br>
<a href="http://wecode.jcink.net/index.php?showtopic=766&amp;hl=">thread 004.</a><br>
               </div>
          </div>
     </div>

     <div style="width: 150px; height: 225px; float: right;">
          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden;">
               <div class="shawnat">SHIPPERS/ADS</div>
               <div class="shawnad2"><a href="http://wecode.jcink.net/index.php?showtopic=756">shipper 001.</a><br>
<a href="http://wecode.jcink.net/index.php?showtopic=767&amp;view=findpost&amp;p=3676">shipper 002.</a><br></div>
          </div>
     </div>
     
     <div style="width: 310px; height: 225px; float: left; margin-top: 10px;">
          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden; float: left;">
               <div class="shawnat">SOCIAL</div>
               <div class="shawnad"><a href="http://wecode.jcink.net/index.php?showtopic=757">im 001.</a></div>
          </div>

          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden; float: right;">
               <div class="shawnat">SIGS/MISC.</div>
               <div class="shawnad2"><a href="http://wecode.jcink.net/index.php?showtopic=758">signature 001.</a></div>
          </div>
     </div>

     <div style="width: 150px; height: 225px; float: right; margin-top: 10px;">
          <div class="shawnac" style="width: 150px; height: 225px; overflow: hidden;">
               <div class="shawnat">SITE</div>
               <div class="shawnad"><a href="http://wecode.jcink.net/index.php?showtopic=759">mini profile 001.</a><br>
<a href="http://wecode.jcink.net/index.php?showtopic=760">mini profile 002.</a></div>
          </div>
     </div>

</div>

</center>
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200" rel="stylesheet" type="text/css">
<style type="text/css">

.shawnat {background-color: #000; width: 150px; height: 225px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 200;  font-size: 30px;  color: #fff;  text-align: center; line-height: 225px; background-color: rgba(0,0,0,.6); -webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;}
.shawnac:hover .shawnat{height: 40px; background-color: #000; line-height: 40px;}

.shawnabg {background-image: url(http://25.media.tumblr.com/5fb6660512e0 … 1_1280.jpg);}

.shawnad {width: 140px; height: 175px; padding: 5px; background-color: rgba(255,255,255,.8); overflow: auto; font-family: georiga; font-size: 10px; line-height: 10px; color: #000; text-align: justify;}

.shawnad::-webkit-scrollbar { width:5px; background: #transparent }.shawnad::-webkit-scrollbar-thumb {background: #000; } .shawnad::-webkit-scrollbar-corner {background: #000; }
.shawnad::-moz-scrollbar { width:5px; background: #transparent }.moz::-webkit-scrollbar-thumb {background: #000; } .moz::-webkit-scrollbar-corner {background: #000; }

.shawnad a {color: #F91822;text-decoration: none; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;}
.shawnad a:hover {color: #8a8a8a}

.shawnad2 {width: 140px; height: 175px; padding: 5px; background-color: rgba(255,255,255,.8); overflow: auto; font-family: georiga; font-size: 10px; line-height: 10px; color: #000; text-align: justify;}

.shawnad2::-webkit-scrollbar { width:5px; background: #transparent }.shawnad2::-webkit-scrollbar-thumb {background: #000; } .shawnad2::-webkit-scrollbar-corner {background: #000; }
.shawnad2::-moz-scrollbar { width:5px; background: #transparent }.moz::-webkit-scrollbar-thumb {background: #000; } .moz::-webkit-scrollbar-corner {background: #000; }

.shawnad2 a {color: #8E8605; text-decoration: none; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;}
.shawnad2 a:hover {color: #8a8a8a}

</style>  </div>[/html]

[html]<div class="postcolor"> <style>
.gen {width:355px; text-align:center; height:75px; background-color:yellowgreen;}
.gen img {width:90px; height:90px; border:5px solid slateblue; margin-top:-12px; border-radius:100%;}
.sis {text-align: center; font-family: arial; padding-top: 15px;font-size: 40px; letter-spacing: -5px; color: yellowgreen; line-height: 30px;}
.exodust {width:315px; padding:20px; padding-bottom: 20px; background-color:#eee; text-align:justify; font-family:arial; font-size:10px; color:#3f3f3f; line-height:13px;border-top: solid slateblue 4px;}
</style>

<center><div style="padding-top:10px; padding-bottom:30px;"><div class="sis">▬  whoo are you</div>
<div class="exodust">A falling star fell from your heart, and landed in my eyes. I screamed aloud as it tore through them, and now it's left me blind. The stars, the moon, they have all been blown out, you left me in the dark. No dawn, no day, I'm always in this twilight, in the shadow of your heart. And in the dark, I can hear your heartbeat I try to find the sound. But then it stopped, and I was in the darkness, so darkness I became. I took the stars from my eyes and then I made a map, and I knew that somehow, I could find my way back. Then I heard your heart beating: you were in darkness, too, so I stayed in the darkness with you.
</div><div class="gen"><img src="http://i.imgur.com/EZ4vCzE.png"></div></div></center>  </div>[/html]

[html]<br><br><br><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<style type="text/css">

#likeanimals {
  width: 500px;
  height: 500px;
  position: relative;
  top: 0px;
  left: 0px;
  -moz-transition:  all1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  overflow: hidden;
  padding: 15px; }
 
.predator {   
  position: absolute;
  top: 30px;
  left: -400px;
  width: 400px; height: 100px;
  color: white;
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  text-transform: upperrcase;
  text-align: center ;
  -moz-transition:  all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
 
#likeanimals:hover .predator {
  top: 30px;
  left: 50px;
  width: 400px;
  }
 

.prey {   position: relative;
top: 120px;
left: -0px;
width: 400px;
height: 325px;
opacity: 0;
background: #fff;
border-top: 3px solid #000;
color: ##3d3d3d;
font-family: calibri;
font-size: 10px; 
line-height: 110%;
overflow:auto;
text-align: justify;
text-transform: lowercase;
-moz-transition:  all1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#likeanimals:hover .prey {
   top: 120px;
   left: -15px;
   right: 70px;
   width: 400px;
   opacity: 1; }
   
.ifyourun { margin: 40px 0px; }
.notenough { margin: 20px; }
</style>

<center>
<div style="width: 500px; height: 500px; background: url(http://i.imgur.com/wkl9yhw.png); border-bottom: 10px solid #000;">
<div id="likeanimals">

<div class="predator"> <div class="ifyourun">

FIRST NAME LAST NAME </div></div><div class="prey"><div class="notenough">

platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

<p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p><p>platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

</p><p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p><p>platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

</p><p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p><p>platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

</p><p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p><p>platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

</p><p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p><p>platform nine &amp; three quarters. morsmordre. resurrection stone. hadrigs hut. forbidden forest. chamber of secrets. room of requirement. nox. scarred. socks for house elves. great hall. sorting hat. phoenix. astrology tower. four post bed. cupboard under the stairs. hedwig. nimbus brooms. falmouth falcons. pixies.

</p><p>sacred twenty-eight. malfoy manor. elder wand. lockets. time turner. nicholas flammel. buckbeak. whomping willow. muggle london. moving staircase. talking portraits. wizarding war. quidditch world cup. burns in the family tree. unbreakable vow. felix felicis. gillyweed. diggorys funeral. age lines. charms.

</p></div></div>
</div></div>
<div style="width:500px; font-size: 10px; line-height: 120%; text-align: left;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=33708">▲</a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8022">▼</a><a href="http://wecode.jcink.net/index.php?showuser=44">✖</a></div>[/html]

[html]<center><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<div style="font-family:Parisienne; font-size: 85px; letter-spacing: -7px; line-height: 65%; color: #d87c8f">i don't wanna go</div><div style="font-family: trebuchet ms; font-size: 10px; text-transform: uppercase; width: 430px; text-align:justify; font-weight: bold; line-height: 99%; color: #000">but i don't wanna stay But I can't follow my heart Not if it leads me too far, not if we lose who we are But I've known this right from the start So I'm ready to run, if you are It's been a long road, but we're moving along But if we're in it together, it dosen't matter wherever we go I'll never let it slow us down Just say you'll stay with me, as we walk along I don't wanna go, but I know that I can't stay --------------------------------------------------------------------------</div><table><tr><td><div style="width: 200px; height: 15px; background: #d87c8f"></div><div style="width: 200px; height: 280px; border-top:35px solid #9695bf; border-bottom: 55px solid #98b1cd; background: url(image here)"></div><div style="width: 200px; height: 15px; background: #d87c8f"></div></td><td><div style="width: 200px; height: 200px; border-right: 30px solid #9695bf; background: url(image here)"></div><div style="width: 200px; height: 200px; background: url(image here); border-left: 30px solid #98b1cd"></div></tr></table></center>[/html]

[html]<link href="http://fonts.googleapis.com/css?family=Karla" rel="stylesheet" type="text/css">
<style type="text/css">
.vera-hold { position: relative;   width: 500px; height:  350px; clear: both; overflow: hidden; }
.vera-tab { float: left; }
.vera-tab label {  transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; width: 125px; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px;  font-family: karla; text-align: center; font-size: 9px; text-transform: uppercase; line-height: 100%; display: block; letter-spacing: 2px; color: #fff; background-color: #E8BF56; }
.vera-hold .vera-tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.vera-content { width: 490px; height: 240px; padding: 5px; background-color: #fff; position: absolute; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; overflow: hidden; top: 400px; bottom: 0px; left: 0px; right: 0px; }
.vera-hold .vera-tab [type=radio]:checked ~ label { background: #452632; z-index: 2; }
.vera-hold .vera-tab [type=radio]:checked ~ label ~ .vera-content { z-index: 1; top: 27px; }

.vera-container { width: 500px; margin: auto; overflow: hidden;}
.vera-top { background-color: #452632; color: #E8BF56; text-shadow: 1px 1px #fff; text-align: center; font-family: karla; font-weight: light; padding: 25px; width: 450px; text-transform: uppercase; font-size: 15px;  padding-top:50px; font-style: italic; letter-spacing: 1px; }

.vera-tab-image { width: 500px; height: 250px; margin-left: -5px; margin-top: -5px; background-image:url(http://placehold.it/500x250); }

.vera-bottom { background-color: #452632; font-family: times new roman; font-size: 11px; text-transform: lowercase; font-style: italic; letter-spacing: 1px; color: #fff; text-align: center; padding: 25px; margin: auto; width: 450px; margin-top:-75px; }

.vera-content-content { padding: 15px; border: 1px solid #E8BF56; width: 450px; margin: auto; font-family: times new roman; font-size: 11px; text-align: justify; height:200px; margin-top: 4px; }

.vera-content-text { width: 200px; height: 185px; overflow: hidden; padding: 5px; margin-left: 5px; border-top: 1px solid #452632; border-bottom: 1px solid #452632;}
.vera-content-text-2 { width: 200px; height: 170px; padding: 5px; overflow: auto; padding-right: 1px; text-align: justify; font-family: times new roman; font-size: 11px; line-height: 105%;}

.vera-content-text-2::-webkit-scrollbar { background: #fff; width: 5px;  }
.vera-content-text-2::-webkit-scrollbar-thumb { background: #452632; width: 5px }
.vera-content-text-2::-webkit-scrollbar-corner { background: #fff; }
.love-vera { width: 410px; padding: 2px; text-align: right; color: #D69640; text-transform: uppercase; font-family: calibri; font-size: 8px; text-transform: uppercase; margin: auto; }
.love-vera a { color: #452632; }

</style>

<div class="vera-container">

<div class="vera-top">
so afraid of the gift you give me
</div>

<div class="vera-hold">

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

<div class="vera-tab-image">

</div>

</div>
</div>

<div class="vera-tab">
<input type="radio" id="vera-tab-2" name="vera-tab-group-1">
<label for="vera-tab-2">ВАМПИРЫ</label>
<div class="vera-content">

<div class="vera-content-content">
<table>
<tbody><tr><td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

</div></div></td>
<td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

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

<div class="vera-tab">
<input type="radio" id="vera-tab-3" name="vera-tab-group-1">
<label for="vera-tab-3">ПЕРЕВЕРТЫШИ</label>
<div class="vera-content">
<div class="vera-content-content">
<table>
<tbody><tr><td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

</div></div></td>
<td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

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

<div class="vera-tab">
<input type="radio" id="vera-tab-4" name="vera-tab-group-1">
<label for="vera-tab-4">СУККУБЫ</label>
<div class="vera-content">
<div class="vera-content-content">
<table>
<tbody><tr><td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

</div></div></td>
<td><div class="vera-content-text"><div class="vera-content-text-2">

I’m a princess cut from marble, smoother than a storm. And the scars that mark my body, they’re silver and gold, My blood is a flood of rubies, precious stones, It keeps my veins hot, the fire's found a home in me. I move through town, I’m quiet like a fight, And my necklace is of rope, I tie it and untie. And now people talk to me, but nothing ever hits home People talk to me, and all the voices just burn holes. I’m done with it (ooh). This is the start of how it all ends They used to shout my name, now they whisper it I’m speeding up and this is the red, orange, yellow flicker beat sparking up my heart We're at the start, the colours disappear I never watch the stars, there’s so much down here So I just try to keep up with the red, orange, yellow flicker beat sparking up my heart

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

<div class="vera-bottom">Like I matter to the one I need</div>

</div>
<div class="love-vera">★ VERA</div>[/html]

[html]<div class="postcolor"> <style type="text/css">
.cbehav { position: relative; width: 372px; padding: 30px; background-color: #fff;  margin: auto; border: 3px double #f0f0f0; }
.behaviour { width: 350px; padding: 10px; border: 1px solid #f0f0f0; }
.complex { width: 350px; height: 50px; background-image: -webkit-gradient( linear, right top, left bottom, color-stop(0, #231F4D), color-stop(1, #AD234A) ); background-image: -o-linear-gradient(left bottom, #231F4D 0%, #AD234A 100%); background-image: -moz-linear-gradient(left bottom, #231F4D 0%, #AD234A 100%); background-image: -webkit-linear-gradient(left bottom, #231F4D 0%, #AD234A 100%); background-image: -ms-linear-gradient(left bottom, #231F4D 0%, #AD234A 100%); background-image: linear-gradient(to left bottom, #231F4D 0%, #AD234A 100%); }
.complex img { width: 100px; height: 100px; border-radius: 100%; border: 10px solid #fff;  margin: -35px 110px;}
.compb { width: 332px; padding: 20px; margin-bottom: 5px; height: 200px; font-family: 'Source Sans Pro', sans-serif; font-size: 10px; color: #000; text-align: justify; line-height: 100%; }
.compbb { width: 327px; height: 200px; overflow: auto; padding-right: 5px; }
.compbb::-webkit-scrollbar { width: 3px; height: 3px; }
.compbb::-webkit-scrollbar-track { background-color: #fff; }
.compbb::-webkit-scrollbar-thumb { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.69, #AD234A), color-stop(1, #231F4D) ); background-image: -o-linear-gradient(bottom, #AD234A 69%, #231F4D 100%); background-image: -moz-linear-gradient(bottom, #AD234A 69%, #231F4D 100%); background-image: -webkit-linear-gradient(bottom, #AD234A 69%, #231F4D 100%); background-image: -ms-linear-gradient(bottom, #AD234A 69%, #231F4D 100%); background-image: linear-gradient(to bottom, #AD234A 69%, #231F4D 100%);}
.compbb b { color: #231F4D; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 900;}
.cbahvt { width: 370px; font-family: 'Raleway', sans-serif; font-size: 57px; text-transform: uppercase; letter-spacing: -4px; color: #AD234A; font-weight: 900; text-align: center; line-height: 100%; text-shadow: 1px 1px 0px #222; }
.cbehav  .cbehvc {  position: absolute; top: 50px; left: 30px; background-color: #AD234A; width: 362px; padding: 5px; line-height: 100%; font-size: 6px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 4px; color: #fff; text-align: center;}
</style>

<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet" type="text/css">

<div class="cbehav"><div class="cbahvt">phenomenon</div><div class="cbehvc"> just your super-cute smile or your XX chromosome </div><div class="compb"><div class="compbb">

text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go <b>here ok bc lazy</b> bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum
<p>text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here <b>ok bc lazy bum text will</b> go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text <b>will</b> go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum text will go here ok bc lazy bum

</p></div></div><div class="behaviour"><div class="complex"><img src="http://media.tumblr.com/b262f09391bee4d82ce1947ada04cc2e/tumblr_n2xzh6aVtY1tsqc77o5_r1_250.gif"></div></div></div>  </div>[/html]

[html]<div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<style type="text/css">
.spro2wrapper {
width: 500px;
height: 340px;
background-color:#505050;
overflow:hidden;
box-shadow: 0 0 0 7px #fff, 0 0 0 8px #f3f3f3;
}

.spro2tabs {
margin-top: -29px;
position: relative; 
width: 415px;
height:  369px;
margin-right: -85px;
}

.spro2tab {
float: left;
}

.spro2tab label {
font-family: calibri, sans-serif;
font-size: 12px;
text-align: center;
display: block;
padding: 0px;
text-transform: uppercase;
position: absolute;
right: 415px;
top: 29px;
height: 85px;
width: 85px;
background-color:#414141;
color: #FFF;
}

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

.spro2content {
position: absolute;
top: 29px;
bottom: 0px;
left: 0px;
right: 0px;
background: #f4f4f4;
padding: 0px;
border-left: 1px #FFF solid;
color:#FFF;
}

[type=radio]:checked ~ label {
background:transparent;
z-index: 6;
}

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

.spro2gif1 {
height: 85px;
width: 85px;
background-size: cover;
background-image:url('http://i.imgur.com/CYaMxQi.png');
}

.spro2gif2 {
height: 85px;
width: 85px;
background-size: cover;
background-image:url('http://i.imgur.com/BeO14Np.png');
}

.spro2gif3 {
height: 85px;
width: 85px;
background-size: cover;
background-image:url('http://i.imgur.com/fCJ7b9L.png');
}

.spro2gif4 {
height: 85px;
width: 85px;
background-size: cover;
background-image:url('http://i.imgur.com/z7VzYZO.png');
}

.spro2overlay   { 
background:rgba(179, 214, 240, 0.75);
height: 85px;
width: 85px;
opacity:0;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

.spro2overlay2   { 
background:rgba(239, 195, 215, 0.75);
height: 85px;
width: 85px;
opacity:0;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

.spro2overlay3   { 
background:rgba(168, 222, 222, 0.75);
height: 85px;
width: 85px;
opacity:0;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

.spro2gif1:hover .spro2overlay {
opacity:1;}

.spro2gif2:hover .spro2overlay2 {
opacity:1;}

.spro2gif3:hover .spro2overlay3 {
opacity:1;}

.spro2gif4:hover .spro2overlay {
opacity:1;}

.spro2header1 {
width:200px;
padding-top: 20px;
padding-bottom: 20px;
background-color:#000;
color:#fff;
border-bottom:1px solid #FFF;
font-family: calibri;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
background-color:#b3d6f0;
border-left: 1px solid #FFF;
}

.spro2header1 h1 {
border-bottom: 1px solid #fff;
display: inline-block;
z-index: 2;
font-size: 9px;
}

.spro2header2 {
width:200px;
padding-top: 20px;
padding-bottom: 20px;
background-color:#000;
color:#fff;
border-bottom:1px solid #FFF;
font-family: calibri;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
background-color:#efc3d7;
border-left: 1px solid #FFF;
}

.spro2header2 h1 {
border-bottom: 1px solid #fff;
display: inline-block;
z-index: 2;
font-size: 9px;
}

.spro2header3 {
width:200px;
padding-top: 20px;
padding-bottom: 20px;
background-color:#000;
color:#fff;
border-bottom:1px solid #FFF;
font-family: calibri;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
background-color:#a8dede;
border-left: 1px solid #FFF;
}

.spro2header3 h1 {
border-bottom: 1px solid #fff;
display: inline-block;
z-index: 2;
font-size: 9px;
}

.spro2scroll::-webkit-scrollbar { width: 3px; }
.spro2scroll::-webkit-scrollbar-track { background-color: transparent; }
.spro2scroll::-webkit-scrollbar-thumb { background-color: #dadada; }
</style>

<br>
<center><div class="spro2wrapper"><div class="spro2tabs">

<div class="spro2tab">
<input type="radio" id="spro2tab-1" name="spro2tab-group-1" checked="">
<label for="spro2tab-1"><div class="spro2gif1"><div class="spro2overlay"></div></div></label>
<div class="spro2content">
<table width="415px" cellspacing="0" cellpadding="0" border="0" height="340px"><tbody><tr> <td rowspan="2" width="215px" valign="top"><div style="padding: 10px;"><div style="background-color:#FFF; border: 1px solid #e2e2e2; font-family: 'Roboto', sans-serif; text-align: justicy; padding: 15px; width: 165px; height: 290px; overflow: auto; font-size: 10px; color:#aaaaaa; text-align:justify; line-height: 102%;" class="spro2scroll">
+ yay for bullet points. this is penelope holden, an eighteen year old menson native. you can call her penny if you want, or yanno, any other nickname, but she prefers penelope. <br><br>
+ she just graduated high school, where she was a cheerleader, and she's set to attend ut austin in the fall, getting a degree in business administration. she's excited about it, but it's not her dream degree or future profession; it's simply what her parents wanted her to do.<br><br>
+ you see, penelope is such a people-pleaser, she'll go against her own wishes to make other people happy and satisfied. it's not that she doesn't have a backbone - she does! - but she strays far away from drama and getting into confrontations. the best way of doing that is making sure that people are happy.<br><br>
+  honestly, she's just one of the nicest people you'll ever meet.<br><br>
+  growing up amongst sport fanatics, it should come as no surprise that penelope is also interested in it. she doesn't get as heated and passionate about it as some might -cough- her  brother and father -cough- but she still enjoys attending games or just watching them on tv.<br><br>
<b>friends.</b> i figure she'll have a ton of these. a few really close ones, a couple of good ones and a whole bunch of acquaintances and casual friends. as i already mentioned, she was a cheerleader in high school, which sort of gave her a foot in the popular crowd. being the nice and sweet person that she is, she has never struggled to make friends and maintain friendships.<br><br>
<b>enemies.</b> she might rub people the wrong way; there have been a few people who mistake her niceness as sucking up and consider it insufferable. they're wrong, but whatever. also, i guess anyone from ronan would automatically fall into this category. <br><br>
<b>lovers.</b> penelope has only had one casual relationship, and it never really went past the dating phase. she's a virgin and she's not in a rush to lose it. she's one of those girls who thinks it should be romantic and with someone who loves her. whether that happens in a month or ten years from now remains to be seen. oh and then there's the thing with benjamin galloway that is going to send her parents to an early grave because hdu fall for someone from ronan. so yeah uh this is covered.
</div></div></td><td valign="top" height="30px"><div class="spro2header1"><h1>PENELOPE</h1></div></td></tr><tr><td valign="top"><img src="http://i.imgur.com/3ZI98tv.png" style="border-left: 1px solid #FFF;"></td></tr></tbody></table>
</div>
</div>

<div class="spro2tab">
<input type="radio" id="spro2tab-2" name="spro2tab-group-1">
<label for="spro2tab-2" style="margin-top: 85px;"><div class="spro2gif2"><div class="spro2overlay2"></div></div></label>
<div class="spro2content">
<table width="415px" cellspacing="0" cellpadding="0" border="0" height="340px"><tbody><tr> <td rowspan="2" width="215px" valign="top"><div style="padding: 10px;"><div style="background-color:#FFF; border: 1px solid #e2e2e2; font-family: 'Roboto', sans-serif; text-align: justicy; padding: 15px; width: 165px; height: 290px; overflow: auto; font-size: 10px; color:#aaaaaa; text-align:justify; line-height: 102%;" class="spro2scroll">
+ this tiny ball of energy is alessandra meyer. she moved to ronan from new york when she was two years old, so she's pretty much a native and she considers ronan to be her hometown.<br><br>

+ she's currently a senior at rhs, and she's a flyer on the cheerleading squad. she's kind of the definition of a girly-girl, and she takes great pride in the way she looks/acts.<br><br>

+ personality wise, alessandra is generally a nice girl - she cares about people and she's loyal to those she considers friends. however, she does have some not so pleasant tendencies when it comes to who she associates herself with - she's incredibly shallow and she's not above dismissing people just because they go to school looking like a hobo. they're free to do whatever they want with their life, but don't drag her into it.<br><br>
+ most likely contributed to her italian heritage is her passionate nature; she's intense when it comes to her emotions, both good or bad. she'll scream at you when she's mad and be extremely touchy-feely when she feels comfortable with you. you never really know what you're going to get with her, and that's part of the charm.<br><br>
+ generally speaking, you won't get a second chance. if you screw her over, you're out of her life for good and she <i>will</i> find a way to get back to you. alessandra is very vindictive, so you should probably think twice before messing with her. an eye for an eye and all of that, yanno.<br><br>
<b>friends.</b> i imagine she'll have quite a few of these! if you're nice to her and you don't look like you're homeless, she'll be more than happy to socialize with you. she doesn't have a ton of really close friends, but plenty of casual friends and acquaintances. <br><br>
<b>enemies.</b> ugh yes please!! as i said, she's extremely vindictive and she doesn't take shit from anybody. obviously, anyone who's from menson would fall under this category - she takes the rivalry really seriously (which is one of the reasons she applied to be on the cheer team, so she could cheer them on and gloat whenever menson loses a game).  <br><br>
<b>lovers.</b> her parents didn't let her date or anything like that until the day she turned eighteen, which wasn't that long ago. so she's never been in a relationship, but she has hooked up with guys in the past. anything goes, really.
</div></div></td><td valign="top" height="30px"><div class="spro2header2"><h1>ALESSANDRA</h1></div></td></tr><tr><td valign="top"><img src="http://i.imgur.com/2VWFf0y.png" style="border-left: 1px solid #FFF;"></td></tr></tbody></table>
</div>
</div>

<div class="spro2tab">
<input type="radio" id="spro2tab-3" name="spro2tab-group-1">
<label for="spro2tab-3" style="margin-top: 170px;"><div class="spro2gif3"><div class="spro2overlay3"></div></div></label>
<div class="spro2content">
<table width="415px" cellspacing="0" cellpadding="0" border="0" height="340px"><tbody><tr> <td rowspan="2" width="215px" valign="top"><div style="padding: 10px;"><div style="background-color:#FFF; border: 1px solid #e2e2e2; font-family: 'Roboto', sans-serif; text-align: justicy; padding: 15px; width: 165px; height: 290px; overflow: auto; font-size: 10px; color:#aaaaaa; text-align:justify; line-height: 102%;" class="spro2scroll">
+ [carrie underwood's all american girl starts playing in the background]<br><br>
+ it kinda fits phoebe, not gonna lie. she's a senior at mhs where she's on the cheer squad (yes my third cheerleader i'm very good at the whole ~diversity thing) and on the girls lacrosse team. she's really athletic and can't sit still for long periods of time. girl's got a need to move around in one way or another.<br><br>
+ she's not a bad student, really, but she doesn't put a lot of effort into her school work. between practice and having a social life, she finds it difficult to reach her full potential academically. it's not a disaster though - she's a B average student, but her mother is constantly on her case about it.<br><br>
+ her parents got divorced when she was seven, and not too long after that her mother found a new man, and phoebe went from an only child to having two step-sisters in a new york minute. she didn't deal with the change very well, and while she tolerates her step-sisters, they're not very close. it has felt more like a competition between the three than anything else.<br><br>
+ she wasn't always popular - up until middle school she was kind of a wallflower. she does her best to ~stay popular, even if that means conforming to stereotypes and the behavior of other popular kids. she's not really fake per se, but she does do her best to fit in.<br><br>
+ very bubbly and friendly, always willing to give people a chance. she's easy to talk to but difficult to get really close to; she's rather guarded and insecure once you look beyond the pretty face and the crowd she's with.<br><br>
<b>friends.</b> most of these will be fellow cheerleaders, jocks, and other kids who are considered ~popular. she's not opposed befriending people outside her social circle - she doesn't judge people based on their reputation or the clique they belong to - but it requires a bit more effort and doesn't come as naturally.<br><br><b>enemies.</b> sure??? i mean... there are probably people who don't like her, but she doesn't pay them any attention.<br><br>
<b>lovers.</b> phoebe flirts with guys and enjoys the occasional hook up when she's got some alcohol in her system. however, people assume she gets around more than she does; up until now she's only slept with one person, and it was more of a one night stand than anything. she had a boyfriend in her freshman year but that lasted for about two seconds. her parents' divorce affected her views on relationships, so she's apprehensive about getting close to guys.
</div></div></td><td valign="top" height="30px"><div class="spro2header3"><h1>PHOEBE</h1></div></td></tr><tr><td valign="top"><img src="http://i.imgur.com/74eemTk.png" style="border-left: 1px solid #FFF;"></td></tr></tbody></table>
</div>
</div>

<div class="spro2tab">
<input type="radio" id="spro2tab-4" name="spro2tab-group-1">
<label for="spro2tab-4" style="margin-top: 255px;"><div class="spro2gif4"><div class="spro2overlay"></div></div></label>
<div class="spro2content">
tab 4 stuff
</div>
</div>

</div></div></center>  </div>[/html]