pity party | css | group theme

body{ background-image:url(http://68.media.tumblr.com/1d9935aa0edea99960b8fcbba7a5324b/tumblr_oe3bj82PbU1rlvrm6o1_1280.jpg); background-size: 100%;}

::-webkit-scrollbar{ width: 5px; background-color: #FCFBE3;}
::-webkit-scrollbar-thumb{ background-color: #686077; border: 2px solid #fcfbe3}


#xg_body{ position: fixed; top: 20px; left: 20px;}

div.xg_span-16, div.xg_3col {width: 600px; height;}
div#xg_layout_column_2{width:300px; height:400px;}


#xg_body a{ font-size: 8px; letter-spacing: 1px; text-transform: uppercase; font-family: Trebuchet MS;}

#xn_bar, #xg_foot, #xg_head,
.module_members, .vcard .like-button,
ul.navigation li.right a,
.xg_chat.chatFooter .xg_chatBar,
.xg_module_comment_wall, .xg_span-5, h1,
.xg_sprite .xg_sprite-add, #xg_layout_column_1{ display: none;}


td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, input, .blacktext12, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15, .whitetext12, .blacktext10 .redtext, .redbtext {font-family: calibri; font-size:10px; color:000; letter-spacing:-0px; line-height: 95%; text-transform: none; font-weight:normal; text-decoration:none;} .blacktext12 {background-color:none; text-transform: uppercase; letter-spacing: 0px; font-family: calibri; color:000000; border-left: 0px solid!important; display: block; border-left-color:000000!important; text-align: center; padding-left: 4px; line-height: 90%;}

#scroll{
 position: fixed; top: 100px; left: 460px;
 width: 495px; height: 400px; padding: 10px;
 border: 10px solid #FCFBE3; background-color: #FCFBE3;
 overflow: auto; border-left: 8px solid #686077;}

#contain{
 float: left; width: 240px; height: 90px;
 overflow: hidden; margin-left: 5px; margin-bottom: 5px;
 }

#image{
 margin-left: 0px;}

#image img{
 width: 85px; border-radius: 185px;
 margin-left: 0px; margin-top: 0px;}

#info{
 background-color: #f4eef2; width: 135px; height: 50px;
 overflow: auto; padding: 5px; color: #777; font-family: Calibri;
 font-size: 8px; text-transform: uppercase;
 text-align: justify; margin-left: 90px; margin-top: -77px;}

#guides{
 position: fixed; top: 173.5px; left: 250px;
 background-color: #FCFBE3; width: 200px; padding: 5px;
 height: 250px;}
#guides img{
 width: 200px; margin-top: 0px; margin-left: 0px;}

#guide{
 width: 195px; height: 43px; text-align: justify; overflow: auto;
 padding-right: 5px; color: #777;}

#links{
 position: fixed; top: 435px; left: 251.5px;
 width: 200px; padding: 5px; text-align: center;}
#links a{
 display: inline-block; width: 40px; padding: 3px;
 margin-right: 2px; background-color: #FCFBE3; font-size: 7px;
 border: 1px solid #686077; }

b, strong{
 font-family: 'Montserrat'; font-size: 10px;
 text-transform: uppercase; color: #eec1be;}

#title{
 position: fixed; top: 135px; left: 250px;
 padding: 5px; width: 200px; height: 24px;
 overflow: hidden; font-family: 'Montserrat';
 text-transform: uppercase; font-size: 15px; color: #b9b9c6;
 text-align: justify; text-shadow: 1px 2px 2px #f3cac6;}

#cred{
 position: fixed; bottom: 5px; right: 5px;
 padding: 5px; background-color: #FCFBE3;
 box-shadow: -2px -2px 1px pink;}
#cred a{
 font-family: 'Montserrat'; font-size: 10px;}



@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}