ise;

<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Arizonia|Cutive+Mono|Cantata+One);
body {background: #95A2BD;}
#profile { background: transparent; border: none;}
.pfor {display: none;}
#nan {position: absolute; top: 100px; left: 600px; height: 500px; width: 427px; background: url(http://oi58.tinypic.com/34y8ajl.jpg) no-repeat top center; background-size: contain; z-index: 4;}
#ise {position: absolute; top: 400px; left: 755px; height: auto; overflow: hidden; font-family: "Arizonia"; font-size: 70px; color: #FFECC3; text-shadow: 2px 2px 2px #5F76A5; z-index: 5; }
#mod {position: absolute; top: 460px; left: 843px; height: auto; overflow: hidden; font-family: "Cutive Mono"; font-size: 12px; font-kerning: -5px; color:white;z-index: 5;}
#boxie {position: absolute; top: 192px; left: 225px; height: 288px; width: 810px; background: url(http://fc09.deviantart.net/fs71/i/2013/198/0/e/relaxed_by_shippd-d6dy37n.jpg) no-repeat top center; background-size: cover; z-index: 1; box-shadow: inset 2px 2px 10px 2px #95A2BD, inset -2px -2px 15px 2px #95A2BD;}
#woxie {position: absolute; top: 205px; left: 240px; width: 250px; height: 260px; background: rgba(	149, 162, 189, .5); box-shadow: inset 2px 2px 10px 2px #bdd4e2, inset -2px -2px 15px 2px #bdd4e2; z-index: 5; }

h1 { position: absolute; top: 50px; left: 230px; color: black; font-size: 70px; line-height: 0px; text-align: center; font-family: 'Zeyada'; z-index:1; padding: 0px; height: 70px; }
h2 {position: absolute; top: 120px; left: 375px; color: black; font-size: 28px; line-height:0px; text-align: center; letter-spacing: 8px; font-family:"Pathway Gothic One"; font-variant: small-caps; z-index:2; padding: 0px; height: 30px; }


.deco:before {content: " [ " ; font-size: inherit; color: inherit; font-weight: bold; font-family: Cambria; }
.deco:after {content: " ] " ; font-size: inherit; color: inherit; font-weight: bold; font-family: Cambria;}
.dot {position: absolute; left: 510px; height: 35px; width: 35px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #95A2BD; z-index:6; transition: all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;  box-shadow: inset 2px 2px 3px 2px #bdd4e2, inset -2px -2px 3px 2px #bdd4e2;}
.dot:hover {background: #FFF5DD; border: 2px dashed black; height: 30px; width: 30px; }

#ah2, #bh2, #ch2, #dh2 {position: absolute; top: 205px; left: 240px; width: 250px; height: 180px;text-align: center; padding-top: 80px; opacity:0; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 4; font-family: "Arizonia"; font-size: 50px; color:  #5F76A5; text-shadow: 2px 2px 2px #FFECC3 ;}
#ah {top: 220px;}
#bh {top: 285px;}
#ch {top: 350px;}
#de {top: 415px;}
.head {position: absolute; right: 30px; top: -150px; height: auto; width: auto; font-family: "Arizonia"; font-size: 30px; opacity: 0; color: #FFECC3; text-shadow: 2px 2px 2px #5F76A5; -webkit-transition: 1s ease;-moz-transition: 1s ease;-o-transition: 1s ease;transition:1s ease; z-index: 1; text-align: right;}
.bod {position: absolute; left: 10px; top: -150px; height: 180px; width: 200px; overflow: auto; -webkit-transition: 2s ease-in-out;-moz-transition: 2s ease-in-out;-o-transition: 2s ease-in-out;transition: 2s ease-in-out; opacity: 0; z-index: 2; font-family: "Cantata One"; font-size: 10px; color: white; padding: 8px;}
.bod p { font-family: "Cantata One"; font-size: 10px; color: white; text-indent: 30px; text-align: justify; padding: 8px;}
#ah:hover+#ah2, #bh:hover+#bh2, #ch:hover+#ch2, #de:hover+#dh2 {opacity: .9; z-index: 6; background: white;}
.a { position: absolute; left: 5px; width: 240px; height: 250px; padding: 5px; top: 0px; -webkit-transition: 0.8s ease;-moz-transition: 0.8s ease;-o-transition: 0.8s ease;transition: 0.8s ease; opacity: 0; overflow: hidden; font-family:'Cantata One'; font-size: 12px; color: black; text-align: left; }
.a:target {opacity: 1; z-index: 6; top: 5px;}
.a:target .head {opacity: 1; top: 5px;}
.a:target .bod {opacity: 1; top: 45px;}
.guch {position: fixed; height: 100%; width: 100%; top:0px; left: 0px;}

#all {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
</style>
<div id="all" oncontextmenu="return false">
	 <div id="nan"></div>
            <div id="boxie"></div>
            <div id="woxie">
	<div class="a" id="a"><div class="head"><font size="6">✒</font>dossier</div><div class="bod"><center> Name - Ise Nanao
	<br> Race - Soul
		<br> Birthday - July 7
		<br> Gender - Female
		<br> Height - 5'4'
		<br> Weight - 106lbs
		<br> Orientation - Booksexual
		<br> Marital - Intensely Engaged
		<br> Affiliation - Gotei 13; Soul Society
		<br> Profession - Shinigami
		<br> Position - Co-Lieutenant of 1st Division; Vice-President of S.W.A
		<br> Partner - Shunsui Kyoraku; Genshiro Okikiba
		</center>
		</div></div>
    <div class="a" id="b"><div class="head"><font size="6">✒</font>analysis</div><div class="bod"><p>She is a very serious and pragmatic person who often puts up with her captain's silly antics, but like all lieutenants, she is extremely respectful of her captain and follows his instructions without hesitation. She is almost always carrying a heavy book. Nanao is often accosted by her captain, whose teasing takes various forms.</p> <p> Nanao's usual reaction is to scold him or hit him with something, usually a fan. When she is particularly annoyed she takes off her glasses, though her face has never been seen while doing so. Apparently this act is quite frightening, as most people who see it are reduced to gibbering wrecks just by witnessing it.</p>
		<p>In her free time, she likes to go shopping, but even more to read, and often visits the library. She is on good terms with fellow reader Momo Hinamori; she even brought her books during her hospitalization. Nanao also has an article serialization in Seireitei Communication, titled "Please be Moderate", which is very popular, especially among the male readers. </p> <p>Nanao is known to be an excellent calculator, a skill very handy, given that she has to do even most of her captain's paperwork. Her favorite food is sweet bean jelly, and she does not like powdered green tea, a trait which is interestingly shared with her captain.</p>
<font size="5">✒</font><b>Zanpakuto:</b> Nanao's Zanpakutō takes the form of what appears to be either a wakizashi or tantō, with a rectangular tsuba decorated with diamond shapes on its corners and question-mark shapes on its broad sides.
<br><font size="5">✒</font><b>Kido Expert:</b>  Nanao is skilled enough to perform low- and mid-level spells without incantation. She is skilled enough to easily create intricate and advanced spells like Hakūdan Keppeki within a small amount of time when given the right information.
<br><font size="5">✒</font><b>Shunpo Practitioner:</b> Nanao is proficient enough in Shunpo to keep up with most lieutenant-level Shinigami.
<br><font size="5">✒</font><b>High Spiritual Power:</b> Being a lieutenant of the Gotei 13, Nanao boasts a high spiritual energy.


		</div></div>
    <div class="a" id="c"><div class="head"><font size="6">✒</font>associates</div><div class="bod"><font size="5">✒</font><b>Shunsui Kyoraku:</b> Her Captain.
<br><font size="5">✒</font><b>x:</b>
<br><font size="5">✒</font><b>x:</b>
<br><font size="5">✒</font><b>x:</b>
		</div> </div>
    <div class="a" id="d"><div class="head"><font size="6">✒</font>writer</div><div class="bod">
<font size="5">✒</font><b>CSS/HTML + Design:</b> Mine. I assist others, so feel free to ask.
<br><font size="5">✒</font><b>PMs:</b> I welcome them! Feel free to message me, but do keep in mind that Nanao isn't the most 'bubbly' person you're going to interact with. I still try to be as kind as possible, though, so do not fear!
<br><font size="5">✒</font><b>Characters:</b> I interact with all types of characters as long as you do not insist on being a jerk/bitch OOC. I am as friendly toward you as you are toward me, golden rule. So yes, I will RP with cyborgs, furries, that kid down the street, etc.
<br><font size="5">✒</font><b>Sex:</b> Nanao is not promiscuous, and I don't intend to play her as such. Romance and love struggles are welcomed, though. I do joke around OOC; so if she brings any attention to her delicious flat chest, remember just how OOC that is.
<br><font size="5">✒</font><b>Availability + Messengers:</b> I am around when I can be. I have a couple other alts that I get on if I do not feel like taking on Nanao's persona. Feel free to ask for my other names. I don't have messengers, since I am only around chat when I have time.


				</div></div>

	</div>
            <div id="ise" >Ise Nanao</div>
             <div id="mod" class="deco">all things in moderation</div>
            <div id="ah" class ="dot" ><a href="#a" class="guch"></a></div><div id="ah2"> dossier </div>
            <div id="bh" class="dot"><a href="#b" class="guch"></a></div><div id="bh2"> analysis </div>
            <div id="ch" class="dot"><a href="#c" class="guch"></a></div><div id="ch2"> associates </div>
            <div id="de" class="dot"><a href="#d" class="guch"></a></div><div id="dh2"> writer </div>

</div>