- the north wind.

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #EDEDEE;
background-image: url('http://sites.psu.edu/cmessner/wp-content/uploads/sites/16418/2014/10/rcl-background.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #2B3D4E; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #3B2F7F; font-size: 15px; font-weight: light; margin-left: 50px; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

@font-face {
  font-family: 'CaneletterScriptThinPersonal';
  src: url('http://www.fontsaddict.com/fontface/caneletterscriptthinpersonal.ttf');
}

h1{
background-color: #21506B;
color: #EDEDEE;
font-size: 13px;
font-family: Century Gothic;
line-height: 15px;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
text-transform: lowercase;
}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
}

#border {
position: absolute;
top: 250px;
left: 680px;
width: 502px;
height: 165px;
border: #334984 1px solid;
padding: 10px;
background: url("http://www.redlandretailawards.com.au/images/backgrounds/bg-vintage-wallpaper-blue.jpg");
}

#mini{
position: absolute;
left: 10px;
padding: 0px;
border: #1C5180 1px solid;
}

#icon{
position: absolute;
margin-left: 1px;
margin-top: -1px;
width: 150px;
height: 153px;
border: 4px Solid #21506B;
background-color: #0c0c0c;
background-image:url('https://31.media.tumblr.com/b4891ad24517a505c2fde063c3b40d1a/tumblr_nc741d7Eqg1qlgf8so3_500.gif');
background-repeat: no-repeat;
background-position: 0px -5px;
background-size: 150px 158px;
z-index: 200;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
}

#title{
position: absolute;
background-color: #21506B;
color: #EDEDEE;
font-size: 15px;
font-family: Century Gothic;
line-height: 25px;
text-align: right;
margin-top: -1px;
margin-left: 150px;
width: 351px;
height: 25px;
letter-spacing: 2px;
text-transform: lowercase;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
}

#name {
position: fixed;
top: 195px;
left: 680px;
z-index: 550;
color: #7C747D;
font-size: 55px;
line-height: 80px;
letter-spacing: 2px;
font-family: 'CaneletterScriptThinPersonal';
text-shadow: #193D52 2px 3px 4px;
z-index: 600;
}

.image {
opacity: 0;
width: autopx;
height: 163px;
background-color: transparent;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 1; }

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

#navi{
position: absolute;
margin-left: 155px;
margin-top: 18px;
width: 346px;
height: 30px;
background-color: #21506B;
overflow: hidden;
z-index: 2000000;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
}

.box {
position: fixed;
right: -1000px;
top: 440px;
width: 511px;
height: 150px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: #ededee;
border: 2px Solid #21506B;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 5000;
}

.box:target {
top: 440px;
right: 162px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

#sui{
position:fixed;
top: 0px;
left: -50px;
z-index:50000;
}

#ka{
position:fixed;
top: 150px;
left: 1100px;
z-index:50000;
}

#cune {
position: absolute;
margin-left: 154px;
margin-top: 45px;
width: 330px;
height: 96px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
border: 4px Solid #21506B;
background-color: #EDEDEE;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 100px;
height: 20px;
margin: 5px;
color: #EDEDEE;
background-color: transparent;
text-align: center;
line-height: 18px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: transparent;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #3071b5;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
}

</style>

<div id="no" oncontextmenu="return false;">

<div id="name">The North Wind of Hoenn</div>

<div id="border">
<div id="mini"><img src="http://i.picpar.com/23ib.png" width="500" height="160">
</div>

<div class="image"><div class="text">
<div id="icon"></div>
<div id="title">スイクン</div>
<div id="navi">
<a class="nav" href="#one">stats</a>
<a class="nav" href="#two">stuff</a>
<a class="nav" href="#three">return</a>
</div>

<div id="cune">
<b>01</b> This profile was made by <a href="/profile.php?userid=131862" target="_blank">Luxray</a> for this Suicune only. <br>
<b>02.</b> more ooc shenanigans here. <br>
</div>
</div></div>

<div id="one" class="box">
<h1>Title goes here.</h1>
words
</div>

<div id="two" class="box">
<h1>Title goes here.</h1>
words
</div>

<div id="sui"><img src="http://i.picpar.com/x3ib.png"></img></div>
<div id="ka"><img src="http://www.serebii.net/xy/pokemon/245.png"></img></div>