#profile {
    position: relative;
    height: 450px;
    width:100%;
    border-top:10px solid #5f6b6d;
    background:rgba(187,187,187,1);
}
#profile .avatar {
    position: relative;
    display: inline-block;
    top:-25px;
    height: 480px;
    width: 250px;
    padding:5px 10px 15px 10px;
    background:rgba(221,221,221,1);
    z-index: 2;
    margin-right:4px;
}
#profile .avatar:after {
    position: absolute;
    content: '';
    top: 500px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 134px solid transparent;
    border-top: 30px solid rgba(221,221,221,1);
    border-right: 134px solid transparent;
    z-index: 1;
}
#profile .avatar:before {
    position: absolute;
    content: '';
    top: 0px;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 15px solid rgba(172,172,172,1);
}
#profile .avatar img {
    margin: auto;
    border:1px solid #999;
}
#profile .info {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 340px;
    height: 440px;
    padding: 5px;
}
#profile .name {
    padding:0 0 5px 0;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    font-style: italic;
    line-height: 36px;
    color: #828e90;
}
#profile .nav {
    position: relative;
    top:-50px;
    height: 25px;
    padding: 0 10px;
    margin: 0;
    background-color:rgba(150,150,150,0.8);
}

#profile .nav spacer {
    position:relative; 
    display:inline-block; 
    margin:4px 0 4px 0; 
    width:310px; 
    height:9px; 
    overflow: hidden; 
    border: none;
}
#profile .nav a {
    position:relative; 
    display:inline-block; 
    margin:4px 0 4px 0; 
    width:100px; 
    height:9px; 
    color:#222; 
    padding:4px 2px 4px 2px; 
    text-transform: uppercase; 
    font-size:11px; 
    font-family:'calibri',sans-serif; 
    text-align: center; 
    font-weight: bold; 
    overflow: hidden; 
    border: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}
#profile .nav span {
    position: relative;
    z-index: 1;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
}
#profile .nav a:hover span {color: #ddd;}

#profile .nav .btnBefore, #profile .nav .btnAfter {
    content: '';
    position: absolute;
    height: 0; width: 0;
    border: solid;
    border-width: 0;
    border-radius: 0;
    border-color:#ddd;
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    -ms-transition: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#profile .nav a .btnBefore {
    right: 0;
    bottom: 0;
}
#profile .nav a .btnAfter {
    left: 0;
    top: 0;
}
#profile .nav a:hover .btnBefore {
    border-width: 0 0 1px 1px;
}
#profile .nav a:hover .btnAfter {
    border-width: 1px 1px 0 0;
}
#profile .nav a:hover .btnAfter, #profile .nav a:hover .btnBefore {
height: 100%;
width: 100%;
transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-webkit-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-moz-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-o-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-ms-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
        }

#profile .award h2 {
    position: absolute;
    width: 250px;
    height: 401px;
    right: 8px;
    bottom: 39px;
    color: #ddd;
    background-color: rgba(105,122,128,0);
    border:1px solid #555;
    transition: all 1s ease;
}
#profile .award h2:hover {
	position: absolute;
    right: 8px;
    bottom: 39px;
	width: 190px;
	height: 341px;
    padding:30px;
	background-color: rgba(221,221,221,0.9) !important;
    color:#222;
    opacity: 1;
}
#profile .award h2 i {
	position: absolute;
    height: 30px;
    width: 30px;
    right:0px; 
    bottom:0px;
    padding: 8px;
    font-size: 30px;
    color:#ddd;
    background-color: rgba(105,122,128,0.9);
}
#profile .award h2 div, #profile .award h2 b {
    position: relative;
    top:0; 
    left:0;
    opacity: 0;
    display: none;
}
#profile .award h2 div img {
    padding:2px 0 2px 0;
    width:50px;
    border:0px;
}
#profile .award h2:hover > div {
	position: absolute;
    right:5px; top:5px;
	width: 235px;
	height: 330px;
    overflow: auto;
    padding:5px;
    border:0;
    color:#222;
    opacity: 1;
    display: block;
    transition: all 1s ease;
}
#profile .award h2:hover > b {
	position: relative;
    right:8px; 
    top:340px;
    font-size: 32px;
    font-weight: normal;
    font-family: 'lobster',cursive;
    color:#222;
    opacity: 1;
    display: block;
}
#profile .award h2:hover > i {
	position: absolute;
    right:0px; 
    bottom:1px;
    background-color: transparent !important;
    color:#000;
}

#profile .title {
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 20px;
    line-height: 100%;
    color: #828e90;
    padding:16px 0 0 0;
}
#profile .posts {
    position: relative;
    display: inline-block;
    text-align: center;
    height: 55px;
    width: 60px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    line-height: 45%;
    color: #828e90;
    font-weight: bold;
    padding: 35px 28px 0 28px;
    margin: 8px 0 13px 7px;
    border: 3px solid #ddd;
    background: rgba(231,231,231,0.4);
}
#profile .posts b {
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #828e90;
}
#profile .insta {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 6px;
    width: 150px;
    height: 150px;
    border: 5px solid #ddd;
    border-bottom: 15px solid #ddd;
    background-position: center;
    background-size: auto 150px;
}
#profile .insta img {
    width: 150px;
    height: 150px;
}
#profile .insta i {
    position: absolute;
    right:3px;
    bottom: -13px;
    font-size: 12px;
    font-weight: bold;
}
#profile .ic1 {
    position: relative;
    display: inline-block;
    width: 155px;
    height: 150px;
    padding: 6px 5px 0 0;
    background:rgba(221,221,221,0);
}
#profile .ic2 {
    position: relative;
    display: inline-block;
    width: 155px;
    height: 150px;
    padding: 7px 0 0 5px;
    background:rgba(221,221,221,0);
}
#profile .top {
    position: relative;
    background: rgba(95,107,109,0.3);
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
    line-height: 170%;
    border-bottom: 2px solid #5f6b6d;
}
#profile .bottom {
    position: relative;
    background: rgba(231,231,231,0.4);
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    line-height: 150%;
    padding: 5px;
}
#profile .things {
    position: relative;
    width: 320px;
    margin: 3px 7px 10px 7px;
}
#profile .line {
    position: relative;
    width: 320px;
}
#profile .left {
    position: absolute;
    float: left;
    background: rgba(95,107,109,0.3);
    padding: 7px 10px;
    text-align: center;
    font-weight: bold;
    top: 0;
    left: 0;
}
#profile .right {
    position: relative;
    background: rgba(231,231,231,0.4);
    width: 303px;
    text-align: right;
    font-size: 12px;
    padding: 7px 10px;
    border-bottom: 1px solid #5f6b6d;
}
#profile .quote {
    position: relative;
    vertical-align: top;
    margin: 10px 8px 8px 6px;
    height: 50px;
    width: 278px;
    border: 3px solid #ddd;
    padding: 1px 1px 1px 40px;
    background: rgba(231,231,231,0.4);
    overflow: hidden;
}
#profile .text {    
    position: relative;
    height: 41px;
    width: 273px;
    padding: 5px 5px 5px 0;
    overflow: auto;
    font-size: 13px;
    line-height: 100%;
    font-family: 'calibri',sans-serif;
}
#profile .quote .fab {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    font-size: 28px;
    padding: 10px 5px;
    background: rgba(95,107,109,0.3);
}
#profile .buttons {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    height: 90px;
    width: 180px;
    border: 3px solid #ddd;
    font-size: 13px;
    line-height: 100%;
    font-family: 'calibri',sans-serif;
    background: rgba(221,221,221,0.4);
}
#profile .buttons i {
    position: relative;
    float: left;
    height: 25px;
    width: 25px;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    background: rgba(95,107,109,0.3);
}
#profile .buttons i:hover {
    background: rgba(221,221,221,0.3) !important;
}
#profile .buttons a {
    color: #000 !important;
}
#profile .buttons a:hover {
    color: #777 !important;
}

#aff, #topinfo, #copyright2, .copyright, #sitename, #event {
    display: none;
}
#wrapper {
    margin:160px 0 0 30px;
    background-color: rgba(153,153,153,0);
    box-shadow: 0 5px 10px rgba(0,0,0,0);
    padding-bottom: 0;
}

.FSAC {
    display: none;
}

/***********************************
	       colors
************************************/

.Staff #profile {
    border-top:10px solid #527c7d;
}
.Staff #profile .name, .Staff #profile .title, .Staff #profile .posts, .Staff #profile .posts b, .Staff a {
    color:#527c7d;
}
.Staff #profile .top, .Staff #profile .left, .Staff #profile .quote .fab, .Staff #profile .buttons i {
    background: rgba(82,124,125,0.3);
}
.Staff #profile .top {
    border-bottom: 2px solid #527c7d;
}
.Staff #profile .right {
    border-bottom: 1px solid #527c7d;
}
.Staff #profile .award h2 i {
    background-color: rgba(82,124,125,0.9);
}

.OOC #profile {
    border-top:10px solid #8a8961;
}
.OOC #profile .name, .OOC #profile .title, .OOC #profile .posts, .OOC #profile .posts b, .OOC a {
    color:#8a8961;
}
.OOC #profile .top, .OOC #profile .left, .OOC #profile .quote .fab, .OOC #profile .buttons i {
    background: rgba(152,155,99,0.3);
}
.OOC #profile .top {
    border-bottom: 2px solid #8a8961;
}
.OOC #profile .right {
    border-bottom: 1px solid #8a8961;
}
.OOC #profile .award h2 i {
    background-color: rgba(152,155,99,0.9);
}

.Mortal #profile {
    border-top:10px solid #995252;
}
.Mortal #profile .name, .Mortal #profile .title, .Mortal #profile .posts, .Mortal #profile .posts b, .Mortal a {
    color:#995252;
}
.Mortal #profile .top, .Mortal #profile .left, .Mortal #profile .quote .fab, .Mortal #profile .buttons i {
    background: rgba(153,82,82,0.3);
}
.Mortal #profile .top {
    border-bottom: 2px solid #995252;
}
.Mortal #profile .right {
    border-bottom: 1px solid #995252;
}
.Mortal #profile .award h2 i {
    background-color: rgba(153,82,82,0.9);
}

.Sempiternal #profile {
    border-top:10px solid #6c8c57;
}
.Sempiternal #profile .name, .Sempiternal #profile .title, .Sempiternal #profile .posts, .Sempiternal #profile .posts b, .Sempiternal a {
    color:#6c8c57;
}
.Sempiternal #profile .top, .Sempiternal #profile .left, .Sempiternal #profile .quote .fab, .Sempiternal #profile .buttons i {
    background: rgba(108,140,87,0.3);
}
.Sempiternal #profile .top {
    border-bottom: 2px solid #6c8c57;
}
.Sempiternal #profile .right {
    border-bottom: 1px solid #6c8c57;
}
.Sempiternal #profile .award h2 i {
    background-color: rgba(108,140,87,0.9);
}

.Immortal #profile {
    border-top:10px solid #6083a3;
}
.Immortal #profile .name, .Immortal #profile .title, .Immortal #profile .posts, .Immortal #profile .posts b, .Immortal a {
    color:#527a9f;
}
.Immortal #profile .top, .Immortal #profile .left, .Immortal #profile .quote .fab, .Immortal #profile .buttons i {
    background: rgba(96,131,163,0.3);
}
.Immortal #profile .top {
    border-bottom: 2px solid #527a9f;
}
.Immortal #profile .right {
    border-bottom: 1px solid #527a9f;
}
.Immortal #profile .award h2 i {
    background-color: rgba(96,131,163,0.9);
}


.Eternal #profile {
    border-top:10px solid #80698d;
}
.Eternal #profile .name, .Eternal #profile .title, .Eternal #profile .posts, .Eternal #profile .posts b, .Eternal a {
    color:#80698d;
}
.Eternal #profile .top, .Eternal #profile .left, .Eternal #profile .quote .fab, .Eternal #profile .buttons i {
    background: rgba(128,105,141,0.3);
}
.Eternal #profile .top {
    border-bottom: 2px solid #80698d;
}
.Eternal #profile .right {
    border-bottom: 1px solid #80698d;
}
.Eternal #profile .award h2 i {
    background-color: rgba(128,105,141,0.9);
}