Gainsborough

<style type="text/css">

#s-m-t-tooltip{
 max-width: 290px;
 padding: 5px;
 margin: 15px;
 border: 1px solid #1e1a1e;
 background: url(http://static.tumblr.com/lghdhqn/jzaong60r/aerith-perma.gif);
 color: #5e5156;
 font-family: "Arial";
 font-weight: bold;
 text-transform: uppercase;
 font-size: 12px;
 font-style: normal;
 box-shadow: 2px 2px 2px #1e1a1e, 2px -2px 2px #1e1a1e, -2px 2px 2px #1e1a1e, -2px -2px 2px #1e1a1e;
 z-index: 99999999;
}

::-webkit-scrollbar {
 width: 5px;
}

::-webkit-scrollbar-track-piece {
 background-color: transparent;
}

::-webkit-scrollbar-thumb {
 background-color: #40373b;
 border-radius: 5px;
}

::-webkit-scrollbar-thumb:active {
 background-color: #5e5156;
}

/* main coding */

body {
 margin: 0px;
 padding: 0px;
 background: #443f42 url("http://static.tumblr.com/lghdhqn/zlfonhyrf/aerith_theme_bg.png") fixed bottom left;
 font-family: "Arial";
 color: #a29097;
 font-size: 12px;
}

small {
 font-size: 11px;
}

small sub {
 font-size: 11px;
}

big {
 font-size: 14px;
}

#theme {
 position: fixed;
 bottom: 0px;
 left: 0px;
 -webkit-user-select: none; /* Chrome/Safari */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* EI10+ */
 -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
 user-drag: none;
}

a {
 color: #817579;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 text-decoration: none;
 transition: 0.2s linear;
 -moz-transition: 0.2s linear;
 -webkit-transition: 0.25s linear;
}

a:hover {
 color: #63545a;
 transition: 0.2s linear;
 -moz-transition: 0.2s linear;
 -webkit-transition: 0.2s linear;
}

i, em {
 font-family: "Bad Script", cursive;
 font-size: 16px;
 color: #63545a;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 line-height: 16px;
}

b, strong {
 font-family: "Alegreya SC";
 font-size: 14px;
 color: #7f7077;
 line-height: 14px;
 font-weight: normal;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
}

hr {
 background: #463c40;
 width: 50px;
 height: 1px;
 border: 0px;
}

blockquote {
 color: #7f7077;
 border-left: 3px solid #463c40;
 margin: 5px;
 padding: 5px;
}

blockquote > blockquote {
 margin: 2px;
 padding: 5px;
}

blockquote img {
 display: block;
 width: auto;
 height: auto;
 max-width: 100%;
}

ol {
 list-style-type: lower-roman;
}

ul {
 list-style-type: square;
}

h1 {
 font-size: 32px;
 line-height: 36px;
}

h2 {
 font-size: 26px;
 line-height: 34px;
}

h3 {
 font-size: 22px;
 line-height: 32px;
}

h1, h2, h3 {
 font-family: "Bad Script";
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 margin: 0px;
 text-align: center;
}

/* description hover; navigation; etc */

#hover {
 position: fixed;
 bottom: 404px;
 left: 435px;
 z-index: 101;
}


#hover img {
 -webkit-user-select: none; /* Chrome/Safari */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* EI10+ */
 -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
 user-drag: none;
}

#desc {
 opacity: 0;
 background: url("http://static.tumblr.com/lghdhqn/w1jonhyrj/aerith_theme_hover.png");
 position: fixed;
 z-index:100;
 left: 447px;
 bottom: 226px;
 width: 140px;
 padding: 5px;
 height: 190px;
 overflow: auto;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
 font-size: 11px;
 font-family: Arial;
 text-align: center;
}

#desc:hover {
 opacity: 1;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
}

#nav {
 position: fixed;
 left: 600px;
 bottom: 150px;
 width: 0px;
 font-size: 42px;
 text-align: left;
}

#nav a {
 font-size: 42px;
 display: block;
 line-height: 100%;
 color: #5e5156;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 opacity: 0.3;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
 -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
 backface-visibility: hidden;
 -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
 filter: blur(1px);
}

#nav a:hover {
 opacity: 1;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
 -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
 filter: blur(0px);
}

#nav a.one {
 position: fixed;
 bottom: 400px;
 left: 610px;
 font-size: 56px;
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

#nav a.two {
 position: fixed;
 bottom: 360px;
 left: 635px;
 font-size: 42px;
 transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}

#nav a.three {
 position: fixed;
 bottom: 345px;
 left: 610px;
 font-size: 28px;
 transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -webkit-transform: rotate(10deg);
}

#nav a.four {
 position: fixed;
 bottom: 305px;
 left: 625px;
 font-size: 48px;
 transform: rotate(-60deg);
 -moz-transform: rotate(-60deg);
 -webkit-transform: rotate(-60deg);
}

#nav a.five {
 position: fixed;
 bottom: 285px;
 left: 600px;
 font-size: 36px;
 transform: rotate(60deg);
 -moz-transform: rotate(60deg);
 -webkit-transform: rotate(60deg);
}

#nav a.six {
 position: fixed;
 bottom: 270px;
 left: 640px;
 font-size: 28px;
 transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
}

#nav a.seven {
 position: fixed;
 bottom: 240px;
 left: 605px;
 font-size: 36px;
 transform: rotate(60deg);
 -moz-transform: rotate(60deg);
 -webkit-transform: rotate(60deg);
}

#nav a.eight {
 position: fixed;
 bottom: 210px;
 left: 630px;
 font-size: 42px;
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

#pagi {
 position: fixed;
 bottom: 75px;
 width: 150px;
 left: 447px;
}

#pagi a {
 font-size: 48px;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 opacity: 0.3;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
 -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
 backface-visibility: hidden;
 -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
 filter: blur(1px);
}

#pagi .prev {
 position: fixed;
 bottom: 175px;
 left: 447px;
}

#pagi .next {
 position: fixed;
 bottom: 175px;
 left: 567px;
}

#pagi a:hover {
 opacity: 1;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
 -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
 filter: blur(0px);
}

/* posts. look this is obvious it's about to say Posts */

#posts {
 position: absolute;
 left: 673px;
 bottom: 36px;
 height: 600px;
 overflow: auto;
 width: 410px;
 padding: 5px;
}

#entry {
 margin-bottom: 30px;
}


#entry img, #entry figure {
 max-width: 400px;
 padding: 0px;
 margin: 0px;
}

#entry .img, #entry .html_photoset {
 -webkit-filter: grayscale(70%);
 filter: grayscale(70%);
 opacity: 0.5;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
}

#entry .img:hover, #entry .html_photoset:hover {
 -webkit-filter: grayscale(0%);
 filter: grayscale (0%);
 opacity: 1;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
}

#entry .quote {
 font-size: 18px;
 margin-top: 5px;
 min-height: 50px;
}

#entry .quote:first-letter {
 color: #a29097;
 font-family: "Alegreya SC", serif;
 font-size: 48px;
 margin: 0px;
 line-height: 32px;
 letter-spacing: 2px;
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
 float: left;
 padding: 5px;
}

#entry .music {
 width: 400px;
}

#entry .music img {
 width: 100px;
}

#entry .album {
 max-width: 100px;
 width: 100px;
 overflow: hidden;
 padding: 5px;
 text-align: center;
 vertical-align: middle;
}

#entry .player {
 position: absolute;
 z-index: 5;
 margin-left: 30px;
 margin-top: 30px;
 background: #f2f2f2;
 width: 20px;
 height: 20px;
 padding: 5px;
 border: 5px solid #f2f2f2;
 opacity: 0.5;
 overflow: hidden;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
}

#entry .player:hover, #entry .album:hover .player {
 opacity: 1;
 transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -webkit-transition: 0.5s linear;
}

#entry img.albumimg {
 box-shadow: 2px 2px 1px #1e1a1e, 2px -2px 1px #1e1a1e, -2px 2px 1px #1e1a1e, -2px -2px 1px #1e1a1e;
}

#entry img.albumimgb {
 position: absolute;
 margin-left: -100px;
 -webkit-filter: grayscale(70%);
 filter: grayscale(70%);
}

#entry .song {
 width: 280px;
 padding: 5px;
 text-align: center;
 vertical-align: middle;
}

#entry .source {
 text-align: center;
}

#entry .chat .odd {
 margin: 5px;
 padding: 5px;
 border-bottom: 1px solid #463c40;
}

#entry .chat .even {
 border-bottom: 1px solid #463c40;
 margin: 5px;
 padding: 5px;
 color: #7f7077;
}

#entry .ask {
 min-height: 66px;
 width: 350px;
 background-color: #2b2628;
 border: 1px solid #443c40;
 box-shadow: 2px 2px 1px #1e1a1e, 2px -2px 1px #1e1a1e, -2px 2px 1px #1e1a1e, -2px -2px 1px #1e1a1e;
 padding: 5px;
 text-align: justify;
 margin: 0 auto;
}

#entry .ask .asker {
 font-family: "Bad Script", cursive;
 font-size: 16px;
 line-height: 16px;
}

#entry .ask img {
 float: left;
 border: 1px solid #1e1a1e;
 box-shadow: 2px 2px 1px #1e1a1e, 2px -2px 1px #1e1a1e, -2px 2px 1px #1e1a1e, -2px -2px 1px #1e1a1e;
 margin-right: 5px;
 -webkit-filter: grayscale(70%);
 filter: grayscale(70%);
 opacity: 0.5;
}

#entry .perma {
 margin: 0 auto;
 text-align: center;
 width: 290px;
 height: 20px;
 padding: 5px;
 background: url("http://static.tumblr.com/lghdhqn/jzaong60r/aerith-perma.gif") 0px -10px;
 border: 1px solid #1e1a1e;
 box-shadow: 2px 2px 1px #1e1a1e, 2px -2px 1px #1e1a1e, -2px 2px 1px #1e1a1e, -2px -2px 1px #1e1a1e;
 font-size: 10px;
 line-height: 20px;
 font-family: "Arial";
 text-shadow: 2px 2px 0px #1e1a1e, 2px -2px 0px #1e1a1e, -2px 2px 0px #1e1a1e, -2px -2px 0px #1e1a1e;
}

#entry .perma a {
 font-family: "Times New Roman";
 font-size: 24px;
 line-height: 10px;
}

#entry .perma table {
 width: 290px;
}

#entry .date {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width: 145px;
 line-height: 10px;
 font-size: 24px;
}

#entry .amnt {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width: 145px;
 line-height: 10px;
 font-size: 24px;
}

#entry .tags {
 width: 300px;
 text-align: center;
 font-family: "Alegreya SC";
 line-height: 11px;
 font-size: 12px;
 margin: 0 auto;
 padding: 0px;
 list-style-type: none;
}

#entry .tags li {
 display: inline-block;
}

#entry .tags li:after {
 content: "\002C\00a0";
}

#entry .tags li:last-child:after {
 content: "";
}

#entry ol.notes {
 list-style-type: none;
 padding: 0px;
 font-size: 10px;
 margin: 0 auto;
 width: 250px;
}

#entry .notes img {
 display: none;
}

/* pop up */

.popup_block {
	display: none;
	position: fixed;
	left: 673px;
 bottom: 36px;
 height: 600px;
 overflow: auto;
 width: 410px;
 padding: 5px;
 margin: 0px;
	z-index: 98;
	background: url("http://static.tumblr.com/lghdhqn/pgLonhyrp/aerith_theme_popup.png");
}

#fade {
 display:none;
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 97;
 background: #000 /* change to #fff for solid white */
 opacity: 0; /* change to opacity:1; */
}

.popup_block table {
 width: 400px;
}

.popup_block td {
 width: 190px;
 padding: 5px;
 text-align: center;
 vertical-align: middle;
}

.popup_block ul.navt {
 list-style-type: none;
 width: 300px;
 margin: 0 auto;
 padding: 5px;
}

.popup_block .navt li {
 background: url("http://static.tumblr.com/lghdhqn/jzaong60r/aerith-perma.gif") -40px -20px;
 padding: 5px;
 margin: 5px;
 width: 120px;
 display: inline-block;
 border: 1px solid #1e1a1e;
 box-shadow: 2px 2px 1px #1e1a1e, 2px -2px 1px #1e1a1e, -2px 2px 1px #1e1a1e, -2px -2px 1px #1e1a1e;
 font-size: 16px;
 text-indent: 15px;
}

.popup_block .navt li a {
 font-family: "Alegreya SC";
}

</style>

<img src="http://i.picpar.com/VUvc.png" id="theme" />




<div id="hover"><img src="http://static.tumblr.com/lghdhqn/Naronccy8/aerith_theme_blog.png" /></div>
<div id="desc">
<br />
Aerith Gainsborough. ♀ <br /><br />
<i>a.e.r.i.s</i><br />

"Young, beautiful, and somewhat mysterious, Aeris met Cloud while selling flowers on the streets of Midgar..."

<br /><br />

Flower Girl.<br />
Heterosexual.<br />
Cloud Strife. ♥<br />
Singular.<br />
Alive.


</div>