Zaylee Quinn

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

body {

background-color: #fff;
background-image: url();
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}


a {color: black;
	text-decoration: none;
	}

	a:hover {color: grey;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}


#pictureone { position:fixed; left:50px; top:35px;  }
#picturetwo { position:fixed; right:590px; top:35px; border-radius:50%; }


.abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:340; left: 545;  top:300; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.navbar { Position: absolute; Height: 13px; Width: 242px; Left: 554; Top: 270; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 23px;  Border: solid 1px #000;  Height: 10px; Width: 40px;  }

.link2 {Position: absolute; Left: 74px;  Border: solid 1px #000;  Height: 10px; Width: 40px;  }

.link3 {Position: absolute; Left: 125px;  Border: solid 1px #000;  Height: 10px; Width: 40px; }

.link4 {Position: absolute; Left: 175px;  Border: solid 1px #000;  Height: 10px; Width: 40px; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}
.link4:hover {Background-color: #000;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1;  transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:Freestyle Script;
	left:230;
	top:140;
	}


h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #000000;}
</style>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
</div>

<div id="pictureone">
<img src="IMG HERE" class="image" width="270px;" height="690px;">
</div>

<div id="picturetwo">
<img src="IMG HERE" class="image" width="200px;" height="200px;" style="border-radius:50%;">
</div>

<div id="1" class="slide">
<div class="abox">

First tab, fill it out with information and stuff. Edit it however you want but do not remove the credit. I'll be upset.

</div></div>

<div id="2" class="slide">
<div class="abox">

<center><b>Friends</b><br><br>

<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<br><br>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<a href="" target="_blank"><img src="IMG HERE" height="50" width="50" title="..." border="1"></a>
<br><br>

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

<div id="3" class="slide">
<div class="abox">

This is the last Tab.

</div></div>


<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>