joshua.

<style type="text/css">
.pfor {display: none;}
body
{background-color: #f7f0e0;
background-image:url("http://i57.tinypic.com/1zw16wy.jpg");
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat;
background-size: 500px;}

#profile
{border: none;
background-color: transparent;}

body, table, td, div {
color: #8e6d37;
font-family: arial;
font-size: 7.5px;
line-height: 0px;
text-align: center;
font-transform:lighter;
text-transform: uppercase;
}

h3 {font-family: book antiqua; font-size: 35px; margin-top: 90px; color: #f9f3e5; text-shadow: 4.5px 0 #dad3b9, -5.5px 0 #f5e5d5; text-align: center; font-weight: lighter; letter-spacing: 5px; text-transform: lowercase; }

#gallery {
background-color: #f7f0e0;
position: absolute;
left: 50px;
bottom: 0px;
height: 400px;
width: 500px;
opacity: 0;
margin: 5px;
padding: 5px;
overflow: auto;
font-size: 10px;
text-align: center;
letter-spacing: 1px;
line-height: 10px;
text-shadow:0px 0px 2px silver;
font-weight: lighter;
font-family: times;
text-transform: uppercase;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

#gallery:hover {
background-color: #f7f0e0;
position: absolute;
left: 60px;
bottom: 40px;
height: 500px;
width: 550px;
opacity: 0.8;
color: #8e6d37;
padding: 10px;
font-size: 10px;
text-align: center;
letter-spacing: 1px;
line-height: 10px;
text-shadow:0px 0px 2px silver;
font-weight: lighter;
font-family: times;
text-transform: uppercase;
overflow: auto;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

.clear img{
width:55px;
height:55px;
padding:0px;
background:transparent;
float: left;
border: 1px solid tan;
border-radius: 30%;
margin:5px 5px 0px 0px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.clear img:hover{
width:55px;
height:55px;
padding:0px;
float: left;
background:transparent;
border: 1px solid tan;
border-radius: 50%;
margin:5px 5px 0px 0px;
}

</style>

<div id="gallery">
<h2>gallery</h2>
<div class="clear"><a href="http://i61.tinypic.com/5lv4sx.jpg"><img src="http://i61.tinypic.com/5lv4sx.jpg"></a></div>
<div class="clear"><a href="http://i61.tinypic.com/345g1zn.jpg"><img src="http://i61.tinypic.com/345g1zn.jpg"></a></div>
<div class="clear"><a href="http://i59.tinypic.com/2djxcw0.jpg"><img src="http://i59.tinypic.com/2djxcw0.jpg"></a></div>
<div class="clear"><a href="http://i57.tinypic.com/2uf395j.jpg"><img src="http://i57.tinypic.com/2uf395j.jpg"></a></div>
<div class="clear"><a href="http://i58.tinypic.com/28wktux.jpg"><img src="http://i58.tinypic.com/28wktux.jpg"></a></div>
<div class="clear"><a href="http://i57.tinypic.com/28h3otu.jpg"><img src="http://i57.tinypic.com/28h3otu.jpg"></a></div>

<br><br><br><br><br><br><br><br>
<h2>the goddess</h2>

<div class="clear"><a hrefhttp://i57.tinypic.com/a3fofb.jpg"><img src="http://i57.tinypic.com/a3fofb.jpg"></a></div>
<div class="clear"><a href="http://i57.tinypic.com/33m7no6.jpg"><img src="http://i57.tinypic.com/33m7no6.jpg"></a></div>
<div class="clear"><a href="http://i58.tinypic.com/rr6x06.jpg"><img src="http://i58.tinypic.com/rr6x06.jpg"></a></div>
<div class="clear"><a href="http://i62.tinypic.com/2hz4mt0.jpg"><img src="http://i62.tinypic.com/2hz4mt0.jpg"></a></div>
<div class="clear"><a href="http://i60.tinypic.com/2elcupj.jpg"><img src="http://i60.tinypic.com/2elcupj.jpg"></a></div>
<div class="clear"><a href="http://i61.tinypic.com/9geh46.jpg"><img src="http://i61.tinypic.com/9geh46.jpg"></a></div>

<br><br><br><br><br><br><br>
<h3>out of character</h3>
layout by kieta. ic ≠ ooc. joshua is taken, therefore no sex.

</div>

<h3>J O S H U A</h3>
<i>farm boy | ♂ | 27 years old </i>

 <img style="visibility:hidden;" src="http://dcgi.felk.cvut.cz/home/zara/VRMLbench/vrml/textures/tex0001.jpg" onload="document.getElementsByTagName('title')[0].innerHTML='ᴊ σ ʂ ʜ υ ɑ ◇ τ ʜ ε ғ ɑ ʀ ɱ ε ʀ';"></img>