Lysander

	<style>
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(http://fonts.googleapis.com/css?family=Audiowide);

.pfor {display: none;}
#profile {border: 0px;}
#profile {background-color: transparent;}

body {background:grey;
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;}

a, a:visited, a:active{text-decoration: none; color: black;
transition: all 1s;
-webkit-transition: all 1s;
transform: all 1s;
-webkit-transform: all 1s;
font-family: 'Audiowide', cursive;
font-size: 8pt;}

a:hover{letter-spacing: 1px; color: red; }

a, a:hover{ cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;}

.info:hover { letter-spacing: 0px; text-decoration: line-through; color: black; }

#whole{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
}


#divimagetest{
  top: 300px;
  position: absolute;
  width: 200px;
	height: 200px;
left: 730px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: 1px solid black;
overflow: hidden;
}

#divimagetest.leftcube{
left: 325px;
}

#divimagetest.bottomcube{
 left: 525px;
 top: 475px;
}

#gotconquered{
  position: absolute;
  bottom: -44px;
  right: -44px;
  border: 1px solid green;
  height: 285px;
  width: 285px;
  background-image:
  url(http://i18.photobucket.com/albums/b149/abysmal_rage/46Bmnhl.png),
  url(http://snag.gy/0tBLC.jpg);
  -webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
  background-size: 70%, 180%;;
  background-position: center, top left;
  background-repeat: no-repeat;
opacity: 0;
transition: all 1s;
  }

#gotconquered:hover {
opacity: 1;}

#gotconquered.left{
 background:
 url(http://i18.photobucket.com/albums/b149/abysmal_rage/46Bmnhl.png),
 url(http://snag.gy/yeron.jpg);
 background-size: 70%, 126%;
 background-position: center, bottom;
 background-repeat: no-repeat;
 }

#gotconquered.bottom{
  background:
  url(http://i18.photobucket.com/albums/b149/abysmal_rage/46Bmnhl.png),
  url(http://i18.photobucket.com/albums/b149/abysmal_rage/White-House.jpg);
background-repeat: no-repeat;
-webkit-transform:rotate(-45deg);
background-position: center;
background-size: 70%, 150%;
}


#div1{
height: 250px;
width: 250px;
position: absolute;
border: 0px solid red;
border-right: 0px solid red;
left: 500px;
top: 50px;
-webkit-transform:rotate(45deg);
transform: rotate(45deg);
z-index: 1;
background: white;
overflow: hidden;
}

#div1inside{
position: absolute;
top: 100px;
left: 10px;
height: 176px;
width: 352px;
border: 0px solid green;
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
text-align: center;
background: #a7394e;
color: black;
font-family: 'Shadows Into Light', cursive;
font-weight: 400;
font-size: 20pt;
}

#div1content{
top: 50px;
height: 120px;
width: 100px;
left: 100px;
padding-left: 10px;
padding-right: 50px;
position: absolute;
border: 0px solid black;
border-radius: 360px;
-moz-border-radius: 360px;
-moz-border-top-left-radius: 90px;
background-image:
url(http://i18.photobucket.com/albums/b149/abysmal_rage/03ec7924-5524-41d8-adb4-146127a566eb.jpg);
background-size: 100%;
}

#div1block{
height: 200px;
width: 357px;
border: 0px solid black;
top: -23px;
left: 448px;
position: absolute;
background: grey;
z-index: 2;
}

#div2left {
height: 175px;
width: 175px;
top: 176px;
left: 448px;
position: absolute;
border: 0px solid blue;
background: #A71E25;
opacity: 0;
transition: all .6s;
-webkit-transition: all .6s;
border-bottom-left-radius: 130px;
-moz-border-bottom-left-radius: 130px;
border-left: 4px solid #a7394e;
}

#div3right {
height: 175px;
width: 172px;
top: 176px;
left: 627px;
position: absolute;
border: 0px solid brown;
background: #75B4C5;
opacity: 0;
transition: all .6s;
-webkit-transition: all .6s;
border-bottom-right-radius: 130px;
-moz-border-bottom-right-radius: 130px;
border-right: 4px solid #a7394e;
}

#div2left:hover, #div3right:hover{
opacity: 1;}

#divleftoptions {
height: 20px;
width: 150px;
position: absolute;
top: 268px;
left: 468px;
z-index: 1;
border: 0px solid red;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
text-align: center;
}

#divleftlinked{
margin-top: 85px;
margin-left: -5px;
height: 30px;
width: 140px;
border: 0px solid green;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position: absolute;
overflow: hidden;
}

#divleftlinkedinside{
height: 30px;
width: 140px;
border: 0px dotted black;
text-align: right;
color: black;
}

#divrightoptions
{
position: absolute;
height: 20px;
width: 150px;
top: 260px;
left: 639px;
z-index: 1;
border: 0px solid red;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
text-align: center;
}

#divrightlinked{
position: absolute;
margin-top: 98px;
margin-left: 40px;
height: 30px;
width: 120px;
border: 0px solid green;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
overflow: hidden;
}

#divrightlinkedinside{
height: 30px;
width: 120px;
border: 0px dotted red;
color: black;
text-align: left;
}

</style>

<div id=whole>


<div id=div1>
<div id=div1inside>Lysander
<div id=div1content>
</div>
</div>
</div>
<div id=div1block>
</div>
<div id=div2left>
<div id=divleftlinked>
<a name=First></a>
<div id=divleftlinkedinside>
<a class="info" title="Lysander (/laɪˈsændər/ or /ˈlaɪˌsændər/; died 395 BC, Greek: Λύσανδρος, Lýsandros) was a Spartan admiral who commanded the Spartan fleet in the Hellespont which defeated the Athenians at Aegospotami in 405 BC. The following year, he was able to force the Athenians to capitulate, bringing the Peloponnesian War to an end; he organized the dominion of Sparta over Greece in the last decade of his life.">name.</a>
<a class="info" title="WIP.">basics.</a>
<a class="info" title="WIP.">history.</a>
</div>
<a name=Second></a>
<div id=divleftlinkedinside>
<a class="info" title="Lysander (/laɪˈsændər/ or /ˈlaɪˌsændər/; died 395 BC, Greek: Λύσανδρος, Lýsandros) was a Spartan admiral who commanded the Spartan fleet in the Hellespont which defeated the Athenians at Aegospotami in 405 BC. The following year, he was able to force the Athenians to capitulate, bringing the Peloponnesian War to an end; he organized the dominion of Sparta over Greece in the last decade of his life.">name.</a>
<a class="info" title="WIP.">basics.</a>
<a class="info" title="WIP.">history.</a>
</div>
<a name=Third></a>
<div id=divleftlinkedinside>WIPAC.
</div>
<a name=abilities></a>
<div id=divleftlinkedinside>WIP1.
</div>
<a name=information></a>
<div id=divleftlinkedinside>WIP2.
</div>
<a name=ooc></a>
<div id=divleftlinkedinside>
<a class="info" title="steal it if you wish, I don't care">code.</a>
</div>
<a name=C></a>
<div id=divleftlinkedinside>
<a class="info" title="WIP.">phys.</a>
<a class="info" title="WIP.">eyes.</a>
<a class="info" title="WIP.">augments.</a>
</div>
<a name=B></a>
<div id=divleftlinkedinside>
<a class="info" title="steal it if you wish, I don't care.">code.</a>
</div>
<a name=A></a>
<div id=divleftlinkedinside>
<a class="info" title="WIP.">phys.</a>
<a class="info" title="WIP.">eyes.</a>
<a class="info" title="WIP.">augments.</a></div>
</div>
</div>
<div id=divleftoptions><a href="#Second">info.</a>
<a href="#A">abilities.</a>
<a href="#B">ooc.</a>
</div>
<div id=div3right>
<div id=divrightlinked>
<a name=Fourth></a>
<div id=divrightlinkedinside>
</div>
<a name=gallery></a>
<div id=divrightlinkedinside>
<a href="http://i18.photobucket.com/albums/b149/abysmal_rage/3cd5bda05d12e13ee5700a19aebb8ae4.jpg" target="_blank">first</a>
<a href="http://i18.photobucket.com/albums/b149/abysmal_rage/06e4d0c2a6d55790cc179693a3853bca-1.jpg" target="_blank">second</a>
</div>
<a name=music></a>
<div id=divrightlinkedinside>
<a href="http://youtu.be/Mm-tQEy4B5I" title="Christmas Fxxking Miracle" target="_blank">x</a>
<a href="http://youtu.be/M8R4cPbhbG0" title="Got Me Fxxked Up" target="_blank">x</a>
</div>
<a name=friends></a>
<div id=divrightlinkedinside>no friends x.o;
</div>
</div></div>
<div id=divrightoptions>
<a href="#gallery">gallery.</a>
<a href="#music">music</a>
<a href="#friends">friends.</a>
</div>

<div id="divimagetest">
<div id="gotconquered"></div>
</div>
<div id="divimagetest" class="leftcube">
<div id="gotconquered" class="left"></div>
</div>
<div id="divimagetest" class="bottomcube">
<div id="gotconquered" class="bottom"></div>
</div>
</div>