Sheimi

<style type="text/css">

#tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
#tumblr_lightbox img { opacity:0;padding: 10px;
 border: 1px solid #ddd; }
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
 opacity: 1!important;
 box-shadow: 0 0 0 transparent!important;
 border-radius: 0!important;
 -moz-border-radius: 0!important;
 -webkit-border-radius: 0!important;
 -o-border-radius: 0!important;
 padding: 10px!important;
 border: 1px solid #ddd!important;
 background-color: #fff!important;
}
#tumblr_lightbox_caption {
 color: #aaa!important;
 font-family: calibri!important;
 font-size: 12px!important;
 margin-top: 30px!important;
 text-shadow: 0 0 0 transparent!important;
 font-weight: 400!important;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.5); }
::-webkit-scrollbar-thumb:vertical {
 width: 5px;
 background-color: #ffc3b5;
 padding: 1px;
}

::selection {background-color: #febfb0; color: #fff;}
::-moz-selection {background-color: #febfb0; color: #fff;}
::-webkit-selection {background-color: #febfb0; color: #fff;}

iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }

@font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
@font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }

body {
 background-color: #93bd5d;
 background-image: url( );
 background-attachment: fixed;
 margin: 0;
 word-wrap: break-word;

}
a { text-decoration:none; }

*, body, a, a:hover {cursor: url(http://static.tumblr.com/d922357ffebf8d34f29360258b4e2e37/2icx37z/ttvndalpe/tumblr_static_didp5h8960gskoos88s4okcs4.gif), auto;}

.pagination {display: none;}

#s-m-t-tooltip {
 padding: 3px 5px;
 margin: 10px 14px 7px 33px;
 background-color: #ffffff;
 font-family: pix; /* change the font */
 font-size: 8px; /* change the font size */
 letter-spacing: 1px; /* change the letter spacing */
 text-transform: uppercase; /* can be uppercase, lowercase, none*/
 color: #bebebe; /* change the text color */
 z-index: 999999;
 border: 1px double #e2e2e2;
}

#cente {
 width: 100%;
 position: fixed;
}

#sora, #sora2, #sora3 {
 width: 1000px;

 width: 770px;

 margin-top: 40px;

 margin-top: 80px;

 background-color: #ffffff;
 border-radius: 8px;
 padding: 0 0 5px 0;
 border: 4px double #dddddd;
 box-shadow: 5px 5px 0 #f2f2f2;
}
.blogtitle, .blogtitle2, .blogtitle3 {
 background-color: #f8f8f8;
 text-align: left;
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 margin-left: 0;
 padding: 12px 15px;
 width: 970px;

 width: 740px;

 border-radius: 3px 3px 0 0;
 color: #999999;
 border-bottom: 1px solid #dddddd;
}

#maincon {
 background-image: url( );
 background-size: cover;
 width: 980px;

 width: 750px;

 height: 500px;

 height: 400px;

 margin-top: 10px;
 margin-bottom: 5px;
}

#rightb, #rightb2, #rightb3 {
 position: absolute;
 width: 104px;
 height: 19px;
 overflow: hidden;
 margin: 0 890px;

 margin: 0 660px;

}

.rightbuttons {
 float: left;
 font-family: consolas;
 font-size: 10px;
 height: 18px;
 width: 30px;
 line-height: 18px;
 text-align: center;
}
#rbi, #rbii {
 width: 30px;
 background-color: #f8f8f8;
 color: #999999;
 border-bottom: 1px solid #dddddd;
 border-left: 1px solid #dddddd;
}

#rbi {border-radius: 0 0 0 3px;}

#rbx {
 width: 40px;
 background-color: #ffd5d5;
 color: #ffffff;
 border-bottom: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
 border-left: 1px solid #dddddd;
 border-radius: 0 0 3px 0;
}

#left {
 position: fixed;
 width: 250px;
 margin: 10px 10px;

}

.lefticon {
 width: 90px;
 height: 90px;
 background-color: rgba(255,255,255,0.4);
 padding: 14px;
 float: left;
 border: 1px solid #eeeeee;
 position: relative;
 z-index: 10;
}

.userclass {
 position: absolute;
 font-family: pix;
 font-size: 10px;
 text-transform: uppercase;
 width: 120px;
 margin: -15px -112px;
 text-align: right;
 color: #000;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}

.urnm {
 background-color: rgba(255,255,255,0.5);
 font-family: bit;
 text-align: right;
 position: absolute;
 z-index: 9;
 float: right;
 min-width: 100px;
 margin: 20px 0 0 120px;
 padding: 5px 12px 5px 16px;
 font-size: 12px;
 color: #6d6d6d;
 text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
 letter-spacing: 1px;
 text-transform: uppercase;
 border-radius: 0 5px 5px 0;
 border-bottom: 1px solid #eeeeee;
 border-right: 1px solid #eeeeee;
 border-top: 1px solid #eeeeee;
}

.userb {
 border-bottom: 1px solid #eeeeee;
 border-top: 1px solid #eeeeee;
 background-color: rgba(255,255,255,0.5);
 position: absolute;
 z-index: 9;
 height: 14px;
 width: 10px;
 padding: 5px 0;
 margin: 20px -10px;

}

.gender {

 color: #FF8CA9;
 position:absolute;display:none;color:transparent;opacity:0;
}

#health {
 position: absolute;
 margin: 58px 0 0 125px;
}

.healthtxt {
 font-family: pix;
 color: #fff;
 text-transform: uppercase;
 font-size: 10px;
 float: left;
 text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}

.hpbar {
 background-color: rgba(255,255,255,0.3);
 width: 80px;
 border: 1px solid #eeeeee;
 float: left;
 height: 7px;
 margin: 0 6px;
}

.healthf {
 height: 7px;
 float: left;
}

#hp { background-color: #fbb2b2; width: 76%; }
#sp { background-color: #dcbabe; width: 35%; }

#interactionb {
 position: absolute;
 margin: 93px 0 0 133px;
 float: left;
}

.iicon {
 width: 25px;
 height: 25px;
 display: block;
}

.ibbg, .clink {
 width: 25px;
 height: 25px;
 background-color: rgba(255,255,255,0.4);
 border: 1px solid #eeeeee;
 border-radius: 5px;
 float: left;
 margin-right: 6px;
}

.ib, .clinkbg {
 width: 17px;
 height: 17px;
 background-color: rgba(255,255,255,0.4);
 position: absolute;
 margin: 4px;
 border-radius: 3px;
 z-index: -1;
}

.slanty {
 width: 20px;
 height: 1px;
 background-color: #eeeeee;
 position: absolute;
 -webkit-transform: rotate(45deg);
 margin: 6px -16px;
}

.lint, .lintend {
 width: 6px;
 height: 1px;
 background-color: #eeeeee;
 position: absolute;
 margin: 12px 26px;
}
.lintend { width: 11px; }

.lintcir {
 background: transparent;
 border: 1px solid #eeeeee;
 border-radius: 1000px;
 width: 6px;
 height: 6px;
 position: absolute;
 margin: 9px 104px;
}

#morikami {
 position: absolute;
 float: left;
 margin: 120px 0;
}

.mori {
 font-family: bit;
 font-size: 10px;
 text-align: left;
 letter-spacing: 1px;
 text-transform: uppercase;
 width: 98px;
 padding: 6px 10px;
 background-color: rgba(255,255,255,0.4);
 border: 1px solid #eeeeee;
 color: #9d9d9d;
 text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
 border-radius: 3px;
 margin-top: 7px;
}

.kaeda {
 background-color: rgba(255,255,255,0.3);
 position: absolute;
 padding: 4px 6px 6px 6px;
 margin: -6px 84px;
 font-size: 12px;
 color: #ffb1b1;
}

.sub2 {
 background-color: rgba(255,255,255,0.4);
 border: 1px solid #eeeeee;
 margin-top: 5px;
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 padding: 6px 6px 0 6px;
 color: #454643;
 text-align: left;
 width: 104px;
}

.sub {
 padding: 3px 0;
 position: absolute;
 width: 130px;
 margin-top: 5px;
 margin: 5px -2px;
}

.clinkicon {
 width: 35px;
 height: 35px;
 display: block;
}

.clink {
 width: 35px;
 height: 35px;
 margin: 0 2px 4px 2px;
}

.clinkbg {
 width: 25px;
 height: 25px;
 margin: 5px;
}

#fade {
 display: none;
 background: #fff;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 opacity: 0.8;
 z-index: 9999;
}

.popup_block{
 display: none;
 float: left;
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 99999;
 font-family: calibri;
 font-size: 10px;
 padding: 5px;
}

img.btn_close {
 height: 18px;
 width: 40px;
 float: right;
 margin: 4px 0 0 397px;
 opacity: 0;
 background-color: #fff;
 position: absolute;
 z-index: 3;
}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

.guildm {
 border-radius: 1000px;
 width: 48px;
 height: 48px;
}

#rightb2 {
 width: 410px;
 margin: 0 330px;
}
.blogtitle2 { width: 410px; }
#sora2 { width: 440px; margin-top: 0; padding-bottom: 17px; }

#guildr, #askr, #descr {
 height: 200px;
 overflow: auto;
 padding: 17px;
}


#descr {
 height: 300px;
 overflow: hidden;
}
.descute, .istcute {
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 position: absolute;
 margin: -12px 8px;
 background-color: #fafafa;
 padding: 0 10px;
}

.istcute {
 margin: -14px 8px;
}

.desc {
 width: 234px;
 margin-left: 160px;
 margin-top: 10px;
 text-align: justify;
 background-color: #fafafa;
 border-radius: 10px;
 border: 1px solid #eaeaea;
 padding: 8px 0 8px 10px;
}

.descu {
 padding-right: 10px;
 color: #949494;
 font-family: bit;
 font-size: 10px;
 overflow: auto;
 max-height: 139px;
}

.desc b,strong { color: #dfc1bf; }
.desc i,em { color: #c1c1c1; }
.desc a { color: #c98383; transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;text-decoration: underline; }
.desc a:hover { color: #cccccc; }

.charimg {
 width: 150px;
 position: absolute;
}

.stats {
 width: 246px;
 margin-left: 160px;
}

.chaar {
 font-family: bit;
 text-transform: uppercase;
 font-size: 12px;
 background-color: #fafafa;
 border: 1px solid #eaeaea;
 color: #898989;
 padding: 5px 10px 5px 20px;
 font-size: 13px;
 letter-spacing: 1px;
 border-radius: 7px;
}

.chaargender {
 position: absolute;
 float: right;
 margin: 6px 228px;
 font-size: 12px;
}

.chaarclass {
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 margin: 4px 0 0 50px;
 color: #9f9f9f;
}

.cls1, .cls2 {
 background-color: #eaeaea;
 position: absolute;
}

.cls1 {
 width: 180px;
 height: 1px;
 margin: 42px 40px;
}

.cls2 {
 width: 1px;
 height: 18px;
 margin: 26px 34px;
 transform: rotate(-42deg);
}

.ist {
 border-top: 1px solid #eaeaea;
 border-bottom: 1px solid #eaeaea;
 background-color: #fafafa;
 margin: 20px 0;
 padding: 10px 5px;
 font-family: pix;
 font-size: 8px;
 height: 58px;
}

.stat {
 width: 108px;
 background-color: #f5f5f5;
 color: #606060;
 padding: 4px 5px 4px 0;
 float: left;
 margin: 0 2px 4px 2px;
}

.statvalue {float: right;}

.statname {
 background-color: #ffc3c3;
 color: #ffffff;
 padding: 4px 7px;
}

.stattri {
 color: #ffc3c3;
 position: absolute;
 margin: 0 6px;
}

#right {float: right;}

#content {
 margin-bottom: 20px;



 height: 400px;
 padding-right: 20px;

 overflow: auto;



}

BADs {


 width: 400px;

 margin: 20px 0;
 padding: 20px;
 background-color: rgba(255,255,255,0.4);
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
 border: 1px solid transparent;
}

blockquote {
 margin: 5px;
 padding: 2px 10px;
 border-left: 3px solid #ffb5a2;
 background-color: rgba(255,255,255,0.2);
}

BADs:hover {
 background-color: rgba(255,255,255,0.6);
 border: 1px solid #eeeeee;
}

.photo {


 max-width: 400px;

 display: block;

 opacity: 0.7;


filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
BADs:hover .photo {

 opacity: 1;


 filter: none;
 -webkit-filter: grayscale(0%);

}

BADs img {


 max-width: 400px;

}
BADs blockquote img {max-width: 100%;}

.permalink {
 margin-top: 10px;


 width: 400px;

 background-color: rgba(255,255,255,0.3);
 text-align: right;
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 padding: 5px 0;
 line-height: 14px;

 padding: 5px;


 width: 390px;


}
.permalink a { color: #949494;text-shadow: 1px 1px 0 rgba(255,255,255,0.5); transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
.permalink a:hover { color: #000000;text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
.pbattle {
 padding: 1px 0 1px 3px;
 border-radius: 3px;
}
.pcritter {
 width: 60px;
 height: 60px;
 margin-top: -40px;
 margin-left: 5px;
 position: relative;
 float: right;
}

.ptitle {
 font-family: bit;
 font-size: 15px;
 text-align: center;text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
 padding: 6px 0;
 background-color: rgba(255,255,255,0.2);
}
.quote {
 font-family: bit;
 font-size: 15px;
}
.quotesrc {
 font-family: pix;
 font-size: 8px;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.askerportrait {
 padding: 10px;
 max-width: 64px;
 max-height: 64px;
 background-color: rgba(255,255,255,0.4);
 float: left;
}
.a {
 margin-left: 97px;
 background-color: rgba(255,255,255,0.4);
 min-height: 64px;
 padding: 10px;
 font-family: bit;
 font-size: 10px;
 color: #6b6b6b;
 text-align: justify;
}
.asker {
 font-family: bit;
 font-size: 10px;
 text-transform: uppercase;
}
.asker a {
 background-color: rgba(255,255,255,0.4);
 color: #888888;
 padding: 1px 4px;
}
.q {margin-top: 10px;}
.audiopost { height: 150px; }

.albumartp {
 z-index: 10;
 width: 150px;
 height: 150px;
 position: relative;
 z-index: 2;
 display: block;
}

.albumart {
 margin-top: -150px;


 margin-left: -250px;

 width: 150px;
 height: 150px;
 display: block;
 background-color: #bbb;
 position: relative;
 z-index: 9;
}

.audioplayer {
 z-index: 11;
 width: 25px;
 height: 25px;
 overflow: hidden;
 position: relative;


 margin: -90px 0 0 -240px;

 z-index: 10;
 opacity: 0.5;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.audioplayer:hover {opacity: 1;}

.audioinfo {
 text-align: left;


 margin-left: 155px;

 height: 150px;
}

.aline {


 width: 225px;

 font-family: consolas;
 font-size: 10px;
 padding: 11px 10px;
 margin-bottom: 5px;
 text-transform: uppercase;
 background-color: rgba(255,255,255,0.4);
 color: #656565;
}
.aline b,strong { color: #e17e66;}

.line {
 font-family: bit;
 font-size: 10px;
 text-align: left;
 margin: 3px 0;
 background-color: rgba(255,255,255,0.4);
}

.odd .line {padding: 7px 10px;color:#686868;}
.even .line {padding: 7px 10px;color:#5a5a5a;}
.odd .name {color: #ad6865;}
.even .name {color: #e17e66;}

.ltitle {
 font-family: bit;
 font-size: 15px;
 color: #444444;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}

.permainfo {


 width: 400px;

 padding: 20px;
 font-family: bit;
 font-size: 11px;
 text-align: center;
 background-color: rgba(255,255,255,0.6);
 color: #656565;
 margin-bottom: 10px;
}

#notecon {
 padding: 20px;


 width: 400px;

 text-align: left;
 background-color: rgba(255,255,255,0.6);
 color: #656565;
 font-family: bit;
 font-size: 11px;
 margin-top: 20px;
}

#notecon ol.notes {
 list-style-type: none;
 font-size: 11px;
 color: #656565;
 font-family: bit;
 text-decoration: none;
 margin: 0;
 width: 500px;
 padding: 5px;
 text-align: left;
}
#notecon ol.notes a {
 color: #df9797;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#notecon ol.notes a:hover {color:#a5a5a5;}
#notecon img.avatar {
 margin-right: 5px;
 width: 10px;
 height: 10px;
 float: left;
}

#pagin {
 background-color: rgba(255,255,255,0.4);
 border: 1px solid #eeeeee;
 border-radius: 5px;
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
 height: 10px;
 padding: 15px;
 color: #000000;
 margin-bottom: 20px;
 margin-top: 20px;
}

.retreat {
 float: left;
 color: #f89077;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.advance {
 float: right;
 color: #f89077;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.retreat:hover, .advance:hover {
 color: #b3b3b3;
}

#start {
 display:none;
 z-index:999;
 background:#000;
 width:100%;
 height:100%;
 position:fixed;
}

#sora3 {
 width: 200px;
 margin-top: 170px;
}

#rightb3 {
 width: 170px;
 margin: 0 150px;
}

.blogtitle3 {
 width: 170px;
}

#login {
 margin-top: 0;
 height: 90px;
 width: 160px;
}

.loginicon {
 width: 80px;
 height: 80px;
 border-radius: 1000px;
 padding: 10px;
 border: 1px solid #eee;
 margin: 20px 0 10px 0;
}

.entername {
 font-family: bit;
 font-size: 10px;
 color: #bbb;
 float: left;
 line-height: 22px;
 margin-right: 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
}
#enternamefield {
 float: left;
}

#textfield, #pwfield {
 border: 1px solid #eee;
 width: 90px;
 padding: 4px 5px;
 font-family: pix;
 font-size: 8px;
 text-transform: uppercase;
 color: #bbb;

}
#pwfield { width: 82px; }

#loginopt {
 margin-top: 12px;
}
#backout, #enter {
 background-color: #e5e5e5;
 color: #fff;
 font-family: bit;
 font-size: 10px;
 padding: 5px 10px;
 border-radius: 3px;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
}
#backout {
 float: left;
}
#enter {
 float: right;
}
#backout:hover {
 background-color: #E69A9A;
}
#enter:hover {
 background-color: #9AE6CA;
}


.text {
 font-family: bit;
 font-size: 10px;
 color: #000;
 text-align: justify;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}

.text b,strong, .permainfo b,strong, .quotesrc b,strong {


 color: #e17e66;
 background-color: transparent;

 text-shadow: 0 0 0 transparent;
 font-weight: 100;
}

.text i,em, .permainfo a, .quotesrc i,em {

 background-color: #c9c9c9;
 color: #fff;


 text-shadow: 0 0 0 transparent;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.text a, .pitags a, #notecon a, .quotesrc a {
 color: #df9797;
 transition: 0.6s;
 text-decoration: underline;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.text a:hover, .permainfo a:hover, .pitags a:hover, #notecon a:hover, .quotesrc a:hover {
 color: #a5a5a5;
}
.pitags a { text-decoration: none; }

BADtbo {
 min-height: 19px;
 margin-top: -19px;
 text-align: left;
 margin-left: 20px;
}

.distags a {
 background-color: rgba(255,255,255,0.3);
 font-family: pix;
 font-size: 8px;
 padding: 5px 5px;
 color: #666666;
 text-transform: uppercase;
 margin: 0 3px;
 line-height: 20px;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}

.distags a:hover {
 background-color: rgba(255,255,255,0.5);
 color: #cc9595;
}

.dista {
 margin-top: -1px;
 margin-right: 2px;
 background-color: rgba(255,255,255,0.3);
 font-family: pix;
 font-size: 8px;
 padding: 7px 7px;
 color: #333333;
 text-transform: uppercase;
 display: block;
 float: left;
}

.likb, .rebb {
 margin-top: -1px;
 float: left;
 width: 16px;
 height: 19px;
 text-align: center;
 margin-right: 4px;
 background-color: rgba(255,255,255,0.3);
 padding: 3px 3px 0 3px;
 transition: 0.6s;
 -moz-transition: 0.6s;
 -webkit-transition: 0.6s;
 -o-transition: 0.6s;
}
.likb:hover, .rebb:hover {
 background-color: rgba(255,255,255,0.4);
}

.rebb {
 padding: 3px 2px 0 4px;
}

#music {
 position: fixed;
 width: 25px;
 height: 25px;
 overflow: hidden;
 background-color: rgba(255,255,255,0.3);
 border: 1px solid rgba(255,255,255,0.4);
 border-radius: 3px;
 z-index: 100000000;
 top: 28px;
 right: 4px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.musicgif {
 margin: 5px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#music:hover .musicgif {margin-top: -26px;}

#music:hover {
 width: 200px;
 right: 4px;
}

#musicpl {
 width: 20px;
 height: 20px;
 padding: 2px 20px 10px 0;
}




</style>

<div id="maincon">
<div id="left">

<a href="/" title="restart"><img class="lefticon" src="http://68.media.tumblr.com/0a9f9a82d8e45a8ecc40be98fa8ceaf8/tumblr_n9k280W3SD1r27qu1o1_500.gif"></a>

<div class="urnm">#492 fleur <span class="userclass">Shaymin シェイミ </span>
<span class="gender">
</span></div><div class="userb"></div>

<div id="health">

<div class="heal">
<span class="healthtxt">hp</span>
<span class="hpbar"><div class="healthf" id="hp"></div></span></div>
<div style="height: 14px;"></div>

<div class="heal"><span class="healthtxt">sp</span><span class="hpbar"><span class="healthf" id="sp"></span></span></div>

</div>

<div id="interactionb">

<div class="slanty"></div>

<a title=" Nanab Berry | 5 " href="#?w=400" rel="descpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="http://i.picpar.com/ELqc.png"></div></a>

<a title=" Liechi Berry | 2 " href="#?w=400" rel="askpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="http://i.picpar.com/HLqc.png"></div></a>

<a title=" Rawst Berry | 4 " href="/archive"><div class="ibbg"><div class="lintend"></div><div class="ib"></div><img class="iicon" src="http://i.picpar.com/ILqc.png"></div></a>

<div class="lintcir"></div>

</div>

<div id="morikami">


<a href="#?w=400" rel="guildpopup" class="poplight" title=""><div class="mori"><span class="kaeda">▽</span> Gratitude</div></a>



<a title="updates" href="#" class="cthrough2"><div class="mori"><span class="kaeda">▽</span>Natural Cure</div></a>
<div class="sub2">



 In its Sky Form Shaymin is brave and bold, but very friendly and sweet. In its Land Form Shaymin is very shy, and sweet, and may follow people it likes.<P>

<b>♀ . single . Wild



 </div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: px; height: px; position: absolute; top: 20px; left: 100px; overflow: auto; text-align: left; border: px solid #000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/CLqc.png" alt="" width="300" height="" /></div>