Pro for Lord Alon

/* Code by AlthIndor, Concept by Visual Light */

html, body {
 background: url('https://images2.imgbox.com/3c/f0/esYVOzaS_o.png') #000 fixed center repeat-x;
 overflow: hidden;
}

#columns, #column_2 .panel, #id_comments h2 ~ div, #id_comments h2 ~ p {
 background: url('https://images2.imgbox.com/f3/de/RCOWRbpm_o.png') no-repeat;
}

/* Fonts */

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
 font-family: 'PT Serif';
 font-style: normal;
 font-weight: 400;
 src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ptserif/v8/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
 font-family: 'PT Serif Caption';
 font-style: normal;
 font-weight: 400;
 src: local('PT Serif Caption'), local('PTSerif-Caption'), url(https://fonts.gstatic.com/s/ptserifcaption/v9/ieVl2ZhbGCW-JoW6S34pSDpqYKU019K7DQ.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ptserifcaption/v9/ieVl2ZhbGCW-JoW6S34pSDpqYKU019K7Cw.woff) format('woff');
}

@font-face {
 font-family: 'Sura';
 font-style: normal;
 font-weight: 700;
 src: local('Sura Bold'), local('Sura-Bold'), url(https://fonts.gstatic.com/s/sura/v2/SZc53FL5PbyzLUJ7TzrMkA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sura/v2/SZc53FL5PbyzLUJ7TzrMlg.woff) format('woff');;
}

/* Header */

#gaia_header, #header_left, #header_right {background: none !important;}
#gaia_header #header_right {float: right;}
#gaia_header .spacer {display: none !important;}

#gaia_header #header_left, #gaia_header #header_right {
 color: transparent !important;
 font: normal 10px/28px 'Sura', serif !important;
 padding: 0 5px !important;
 box-sizing: border-box;
}
#gaia_header li {padding: 0 2px;}

#header_left img {
 background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 100% no-repeat;
 background-size: auto 200%;
 width: 0;
 height: 16px;
 padding: 0 34px 0 0;
 margin-right: 3px;
}

#gaia_header a {
 color: #FFFFFF !important;
 font-weight: normal;
 text-transform: uppercase;
 text-decoration: none;
}

/* Columns */

#columns, #column_1, #column_2 {
 float: none;
 margin: 0;
 position: absolute;
}
#column_1, #column_2 {right: 0;}
#column_3 {display: none;}

#columns {
 width: 1035px;
 height: 740px;
 top: calc((100% - 645px) / 2);
 left: calc((100% - 1080px) / 2);
}

#column_1 {
 width: calc(100% - 424px);
 height: 100%;
 top: 7px;
  overflow: visible;
}

#column_2 {
 width: 430px;
 height: 480px;
 margin: 10px 10px 0 0;
 top: 95px;
}

/* Panels */

.panel, .panel h2 {
 padding: 0;
 margin: 0;
 box-sizing: border-box;
}
.panel a {font-weight: normal;}

.panel {
 text-align: justify;
 position: absolute;
 overflow: hidden;
}
.panel:not(#id_comments) h2 {display: none;}

#column_1 .panel {
 color: #FFFFFF;
 font: 11px/14px 'PT Serif Caption', serif;
 text-transform: uppercase;
}

#column_2 .panel {
 background-position: -595px -105px;
 width: 100%;
 height: 100%;
 color: #404040;
 font: 12px/1.6em 'Open Sans', sans-serif;
 padding-right: 10px;
 top: 0;
 left: 0;
 overflow-y: scroll;
}
#id_about img, #id_comments .postcontent img {max-width: 100% !important;}

#id_about {z-index: 2;}
#id_comments {z-index: 1;}
#id_comments:hover {z-index: 3;}

#column_1 a {
 color: #FFFFFF;
 text-decoration: none;
}
#column_1 a:hover {color: #E87C84;}
#column_2 a {color: crimson;}

/* Details, Contact, Wish List */

#id_details, #id_contact {width: 140px;}
#id_contact, #id_wishlist {background: none;}
#id_contact {top: 287px;}

#id_details, #id_contact ul:not(.buttons) li, #id_wishlist .item {
 text-align: center;
 border: 2px solid #000;
 border-radius: 5px;
 box-shadow: 0 3px rgba(0,0,0,.3);
 box-sizing: border-box;
}
#id_details, #id_contact ul:not(.buttons) li {background: #E87C84;}

#id_details {
 height: 170px;
 padding-top: 8px;
 top: 107px;
}

#id_details:hover, #id_contact ul:not(.buttons) li:hover {
 background: #FFFFFF;
 color: #E87C84;
}

#id_contact ul:not(.buttons) li {
 height: 40px;
 font-family: 'Sura', serif;
 line-height: 36px;
 margin-bottom: 10px;
 position: relative;
}
#id_contact ul:not(.buttons) li:nth-of-type(1) {display: none;}

#id_contact li, #id_contact a {font-size: 0;}
#id_contact li::after, #id_contact a::after {font-size: 14px;}
#id_contact li:nth-of-type(2)::after {content: 'SEND MESSG';}
#id_contact li:nth-of-type(3)::after {content: 'TRADE ITEM';}

#id_contact ul:not(.buttons) li a {
 width: 100%;
 height: 100%;
 left: 0;
 position: absolute;
}

/* Wish List */

#id_wishlist {
 width: 100px;
 height: 175px;
 top: 397px;
 left: 90px;
 overflow-x: hidden;
 overflow-y: scroll;
}

#id_wishlist .item {
 background: #FFFFFF;
 width: 50px;
 height: 50px;
 padding: 8px;
 margin: 0 0 10px 0;
 position: relative;
}
#id_wishlist .item:nth-last-of-type(2) {margin-bottom: 3px;}
#id_wishlist .item img {filter: grayscale(100%);}

#id_wishlist .item:hover {background: #E87C84;}
#id_wishlist .item:hover img {filter: none;}

.owner_checkmark {
 margin: 0;
 top: 5px;
 left: 5px;
}
.premium_sparkle {display: none;}

/* Visitors */

#id_footprints {
 background: none;
 width: 487px;
 height: 78px;
 text-shadow: 0 0 3px #000;
 padding-right: 20px;
 top: 605px;
 left: 160px;
 overflow-y: scroll;
}
#id_footprints .item {display: inline;}

#id_footprints::before {
 content: 'This Profile Visited By:';
 padding-right: .3em;
}

#id_footprints .item:nth-last-of-type(n+3)::after {
 content: '\26';
 margin: 0 2px;
}

/* Comments */

#id_comments #alerts_banner {display: none;}
#id_comments dd:nth-last-of-type(n+2) {margin-bottom: 15px;}

#id_comments .date {
 align-self: center;
 flex-grow: 1;
 font: 70% monospace;
}
#id_comments .date a {color: #808080;}

#id_comments dt {
 display: flex;
 font-family: 'PT Serif Caption', serif;
 text-transform: uppercase;
 padding: 0;
 margin: 0 0 2px 0;
 border-bottom: 2px dotted #808080;
}

#id_comments .dropBox {
 background: #E87C84;
 width: 48px;
 height: 48px;
 margin: 4px 6px 0 0;
 border: 1px solid crimson;
 border-radius: 5px;
 overflow: hidden;
}

#id_comments .dropBox img {
 width: 120px;
 height: 150px;
 margin-top: -26px;
 margin-left: -46px;
 filter: grayscale(100%);
}
#id_comments dd:hover .dropBox img {filter: none;}

/* Comments Buttons and Header */

#id_comments h2 ~ div, #id_comments h2 ~ p, #id_comments h2, #id_comments h2::before {
 height: 68px;
 position: fixed;
 top: calc((100% - 645px) / 2 + 8px);
 z-index: 9;
}

#id_comments h2 ~ div, #id_comments h2 ~ p {
 display: block;
 width: 68px;
 opacity: .01;
}
#id_comments h2 ~ div:hover, #id_comments h2 ~ p:hover {opacity: 1;}

#id_comments h2 ~ div {
 background-position: top right;
 left: calc((100% - 1080px) / 2 + 585px);
}

#id_comments h2 ~ p {
 background-position: right -68px;
 left: calc((100% - 1080px) / 2 + 663px);
}

#id_comments #alert_container, #id_comments h2 ~ div a, #id_comments h2 ~ p a {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 0;
 position: absolute;
}
#id_comments #alert_container {padding: 0;}
#id_comments .clear {display: none;}

#id_comments h2 {
 background: #1C1619;
 width: 294px;
 height: 68px;
 font: 40px/63px 'PT Serif', serif;
 text-align: center;
 left: calc((100% - 1080px) / 2 + 741px);
 border: 2px solid #FFFFFF;
 border-radius: 5px;
}
#id_comments:hover h2 {background: #E87C84;}

#id_comments h2::before {
 content: '';
 display: block;
 position: absolute;
 top: -2px;
 left: -158px;
 z-index: -1;
}

#id_comments:hover h2::before {
 width: 450px;
 height: 100px;
}