<!--HTML--><center><center><style type="text/css">

.scrollbur::-webkit-scrollbar {width: 5px;background: #e3d149;}
.scrollbur::-webkit-scrollbar-thumb {background: #e3d149;}
.scrollbur::-webkit-scrollbar-corner {background:#e3d149;}

</style>
<center><style type="text/css">
.flopflip {-webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; width: 255px; height: 150px;  }

.hipslikeshakira { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; width: 255px; height: 150px;}

.flopflip:hover .hipslikeshakira {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);}

.twerk {overflow: hidden; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; border-bottom: 10px solid #121212; border-top: 2px solid #e3d149}

.dat {overflow: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; width: 255px; height: 125px; background-color: #fff; overflow: auto; border-bottom: 10px solid #121212; border-top: 2px solid #e3d149 }

.flopflip:hover .dat {-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; opacity: 1; background-color: #fff;}

</style><style type="text/css" > 
.crack {opacity: 0.0;transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s;background: #000; color: #fff; text-align: justify; text-align: center; width: 255px; height: 125px; padding: 10px; align:center;} .crack:hover { opacity: .78}</style>

<div style="font: 9px georgia; line-height: 100%; width: 300px;"><div style="color: #fff; font: bold 60px arial narrow, helvetica; line-height: 80%; text-shadow: 1px 1px 1px #fff; letter-spacing: -6px; text-transform: lowercase; "></div><div style="background-color: #fafafa; padding: 10px; text-align: center; border: 10px solid #121212;"><center>
<div class="flopflip"><div class="hipslikeshakira"><div class="twerk"><div style="width: 250px; height: 150px; background-image: url(http://placehold.it/255x150);"></div></div>

<div class="dat">
<table cellspacing="0" cellpadding="0">
<td><img src="http://placehold.it/125x125"></td><td><div style="width: 5px;"></div></td><td><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=14840"><img src="http://placehold.it/125x125"></a></td>
</table></div></div></div>
</center>



<center>
<div style="font: 9px georgia; line-height: 100%; width: 255px; height: 300px; text padding: 6px; text-transform: lowercase; text-color: #121212; text-align: justify; padding: 4px; overflow:auto; "  class="scrollbur">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium ante non orci mollis commodo. Nunc fermentum congue imperdiet. Donec ut odio urna. Phasellus sollicitudin commodo sagittis. Cras iaculis dignissim arcu, eu rutrum dolor sodales nec. Cras a turpis eu nunc rhoncus tincidunt. Ut ac diam diam. Ut eget sem ac nisi dignissim hendrerit. Donec hendrerit, augue quis cursus auctor, turpis augue scelerisque lorem, non iaculis purus sapien eu nibh. Aliquam semper ultricies odio ut interdum. Phasellus cursus lacinia magna ac suscipit. Integer venenatis varius lorem sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>
Nulla consequat dolor id magna egestas ut semper nibh accumsan. In hendrerit pretium lectus sit amet molestie. Maecenas velit neque, dapibus vel convallis sed, tincidunt id tellus. Donec eleifend diam non lacus congue vitae tristique tortor porta. Nulla convallis consectetur est ut lobortis. Aenean augue velit, fermentum sed imperdiet non, facilisis vitae neque. Etiam ac magna vel elit faucibus suscipit non at metus. Pellentesque sit amet rhoncus ligula. Ut bibendum, mauris non volutpat ornare, erat lorem varius ante, ac euismod felis mi quis sapien. Curabitur in velit id arcu elementum viverra eget vitae urna.
<p>
In ante libero, varius id semper nec, volutpat quis orci. Mauris ultrices, diam in dignissim egestas, dolor ante elementum ipsum, in viverra lectus dolor eget magna. Praesent congue faucibus convallis. Nulla sapien lectus, fermentum ac commodo eget, aliquet eget velit. Aliquam ante lectus, blandit ac sollicitudin eu, fermentum a magna. Phasellus lorem nisi, tempus eget commodo ut, viverra a nisi. Aliquam mi velit, venenatis non venenatis id, pretium ut sapien. Nulla sit amet ante quis lorem congue suscipit. Aliquam erat volutpat. Nulla varius nisi eget sem ultrices in consectetur odio volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. In imperdiet enim a eros pharetra aliquet in vel metus. Nunc accumsan enim vitae nunc ultricies aliquam.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium ante non orci mollis commodo. Nunc fermentum congue imperdiet. Donec ut odio urna. Phasellus sollicitudin commodo sagittis. Cras iaculis dignissim arcu, eu rutrum dolor sodales nec. Cras a turpis eu nunc rhoncus tincidunt. Ut ac diam diam. Ut eget sem ac nisi dignissim hendrerit. Donec hendrerit, augue quis cursus auctor, turpis augue scelerisque lorem, non iaculis purus sapien eu nibh. Aliquam semper ultricies odio ut interdum. Phasellus cursus lacinia magna ac suscipit. Integer venenatis varius lorem sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>
Nulla consequat dolor id magna egestas ut semper nibh accumsan. In hendrerit pretium lectus sit amet molestie. Maecenas velit neque, dapibus vel convallis sed, tincidunt id tellus. Donec eleifend diam non lacus congue vitae tristique tortor porta. Nulla convallis consectetur est ut lobortis. Aenean augue velit, fermentum sed imperdiet non, facilisis vitae neque. Etiam ac magna vel elit faucibus suscipit non at metus. Pellentesque sit amet rhoncus ligula. Ut bibendum, mauris non volutpat ornare, erat lorem varius ante, ac euismod felis mi quis sapien. Curabitur in velit id arcu elementum viverra eget vitae urna.
<p>
In ante libero, varius id semper nec, volutpat quis orci. Mauris ultrices, diam in dignissim egestas, dolor ante elementum ipsum, in viverra lectus dolor eget magna. Praesent congue faucibus convallis. Nulla sapien lectus, fermentum ac commodo eget, aliquet eget velit. Aliquam ante lectus, blandit ac sollicitudin eu, fermentum a magna. Phasellus lorem nisi, tempus eget commodo ut, viverra a nisi. Aliquam mi velit, venenatis non venenatis id, pretium ut sapien. Nulla sit amet ante quis lorem congue suscipit. Aliquam erat volutpat. Nulla varius nisi eget sem ultrices in consectetur odio volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. In imperdiet enim a eros pharetra aliquet in vel metus. Nunc accumsan enim vitae nunc ultricies aliquam.
</div>
<style type="text/css">.move001 { width: 250px; background-color: #272727; font-family: arial; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; letter-spacing: 2px; line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s;  } .move001:hover { width: 250px; background-color: #e3d149; font-family: arial; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; letter-spacing: 2px; line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s;  }</style> <center><div class="move001">NAME. AGE. OCCUPATION. STUFF. THINGS. LALALALA</div></center>
</div><br><br><br></div></center>

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.somescroll::-webkit-scrollbar { width: 5px; background-color: #fff;}
.somescroll::-webkit-scrollbar-thumb { background-color: #B58642; }</style>

<center><table cellpadding="0" cellspacing="0">
<td><div style="height: 300px; width: 5px; background-color: #79283B;"></div></td><td><a href="http://forums.athousandfireflies.com/index.php?showuser=8724"><div style="width: 300px; background-color: #281A33; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; color: #fff; letter-spacing: 2px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-right: -125px; margin-left: -125px">first last.</div></a></td><td><div style="height: 300px; width: 5px; background-color: #79283B"></div></td>

<td><div style="width: 310px; height: 260px; background-color: #B39C56; padding: 20px;"><table cellpadding="0" cellspacing="0"><td><div style="width: 190px; height: 240px; background-color: #fff; opacity: .8; padding: 10px;"><div style="width: 185px; height: 230px; padding-right: 5px; overflow: auto;  font-family: calibri, sans-serif; font-size: 10px; line-height: 100%; text-align: justify; color: #222;" class="somescroll">

freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too freestyle app goes here yayyyyyyyyyyyyyyyy we all love doing random stuff and prompts and shizz can go here too 

</div><div style="width: 190px; font-family: calibri, sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 2px; color: #222; padding-top: 5px"><marquee scrolldelay="120">

## . member group . occupation . face claim . alias

</marquee></div></div></td><td><div style="width: 100px; height: 260px; background-image: url(http://placehold.it/100x260)"></div></td></table></div></td></table></center>

<!--HTML--><style type="text/css">
.enjjy { width: 360px; font-family: Century gothic, sans-serif; font-size: 30px; font-variant: small-caps; letter-spacing: 1px; text-align: center; border-bottom: 2px solid #2c2c2c; color: #2c2c2c; text-shadow: 2px 1px 2px #f5f5f5}

.pspr { width: 360px; font-family: Century gothic, arial; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: 2px; color: #2c2c2c; padding-top: 5px; text-shadow: 1px 1px 1px #f5f5f5}

.afftr {width:250px; font-family: Century gothic, sans-serif; font-size: 16px; font-variant: small-caps; letter-spacing: 1px; text-align: center; border-bottom: 1px dashed #2c2c2c; color: #2c2c2c; text-shadow: 2px 1px 2px #656565; padding-left: 5px}

.prvt {font-family: arial; font-size: 10px; text-align: justify; letter-spacing: 1px; color: #2c2c2c; margin-left: 25px; padding-left: 4px; padding-top: 2px; padding-bottom: 5px; border-left: solid 1px #2c2c2c}

.txxtt { width: 360px; height: 100px; padding: 10px; background-color: #eaeaea; color: #262626; text-align: justify; font-family: Century gothic, sans-serif; font-size: 12px; border: dashed 1px #2c2c2c; opacity: .85; text-shadow: 1px 1px 1px #7d7d7d;}

.fcss { width: 480px; height: 300px; -moz-transition-duration: 1.6s;  -webkit-transition-duration: 1.6s;  -o-transition-duration: 1.6s; -ms-transition-duration: 1.6s; opacity: 0; background-color: #d2d2d2; }

.fcss:hover { width: 480px; height: 300px; opacity: .95; background-color: #d2d2d2}

.fcsss::-webkit-scrollbar { width: 5px; background-color: transparent; }
.fcsss::-webkit-scrollbar-track { background-color: transparent; }
.fcsss::-webkit-scrollbar-thumb { background-color: #2c2c2c}

</style>

<center><div style="width: 500px; padding: 10px; background-color: #d2d2d2;  box-shadow: 4px 4px 10px #4a4a4a">

<div class="enjjy">Enjoy Your Life</div>

<div class="pspr">in Palm Springs</div>

<div style="height: 20px"></div>

<div style="width: 480px; height: 300px; background-image: url(http://savepic.su/4799300.png)"><div class="fcss">

<div class="afftr">Скайлер </div>
<div class="prvt">прив от Ская</div>

<div class="afftr">Виктория</div>
<div class="prvt">прив от Вики</div>

<div class="afftr">Электра</div>
<div class="prvt">прив от Эль</div>

<div class="afftr">Крашер</div>
<div class="prvt">идите нахуй</div>

<div class="afftr">Ирен</div>
<div class="prvt">прив от Ирен</div>

<div class="afftr">Ро</div>
<div class="prvt">прив от Ро</div>

</div></div>
<div style="height: 20px"></div>
<div class="txxtt"><div style="width: 360px; height: 100px; overflow: auto;" class="fcsss">

ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> ну типа текст и ссылки полезные 
<a href="http://palmsprings.rusff.ru/" target="_blank"> ссылочки дада</a> 

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