body {
  background-repeat: repeat;
  background-size: inherit;
  background-attachment: fixed;
  background-position: center center;
}
.sheet {
  border: 1px #f2f2f2 solid;
}
.e-o-body .sheet, .modal-box.sheet {
  border: none;
}
.avatar, .page-avatar, .group-avatar, .site-tag-avatar {
  border-radius: 100%;
}
.off-canvas-content > header {
  background-color: #fff;
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-bottom: 1px #f2f2f2 solid;
}
#site-header {
  display: flex;
  position: relative;
}
#masthead {
  display: flex;
}
#site-logo img {
  max-height: 100px;
  max-width: 300px;
  padding: 0 0.625rem;
}
#site-nav {
  display: flex;
  margin-bottom: 0;
  margin-left: 1rem;
}
#site-nav ul a {
  font-size: 0.875rem;
  color: #666;
  padding: 0.5rem; 0.875rem;
  font-weight: bold;
}
#site-nav > ul > li > a {
  padding: 0.875rem 1rem;
}
#site-nav li.active > a, #site-nav ul a:hover {
  color: #eee;
}
#site-name {
  padding: 0 1rem;
  font-size: 1.75rem;
}
#site-nav > ul > li ul {
  border-top: 4px #cce solid;
}
#site-nav > ul > li > ul:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 8px transparent solid;
  border-top-width: 0;
  border-bottom-color: #b1244e;
  position: absolute;
  left: 30px;
  top: -12px;
}
#site-nav > ul > li.active > a:before, #site-nav li:hover > a:before {
  background-color: transparent;
}
@media screen and (max-width: 39.9375em) {
  #masthead {
    display: block;
    width: 100%;
  }
}
#xg_masthead {
  padding-top:60px;
}

#xg_masthead p#xg_sitename {
  font-size:4.2em;
  font-weight:bold;
  line-height:1em;
}

#xg_masthead p#xg_sitedesc {
  font-size:1.5em;
  font-weight:bold;
  color:#34c900;
  padding-bottom:0;
}

#xg_navigation {
  border-top:2px dotted #333333;
  border-bottom:2px dotted #333333;
  padding-top:4px;
  padding-bottom:4px;
  background-color:#000;
}

#xg_navigation ul li a {
  color:#34c900;
}

#xg_navigation ul li.this a {
  background-color:#333333;
}

.xg_module_foot, ul.page_tabs li.this {
  background-color:#333333;
}

.xg_module_head {
  border-bottom:2px dotted #000000;
  font-size:1.2em;
}

.xg_module_head, .xg_module_body {
  margin-bottom:0;
}

.xg_module_foot {
  border-top:2px dotted #000000;
}

#xg_foot {
  border-top:2px dotted #333333;
}

#xg_foot a {
  color:#34c900;
}

.friend_list li label .name {color:#fff;}