/*!
 * Custom theme for the Elder Scrolls Online forums
 *
 * Author:  Kasper K. Isager
 * Email:   kasperisager@gmail.com
 * Twitter: @kasperisager
 * Github:  github.com/kasperisager
 *
 * Copyright @ 2013 Zenimax & Vanilla Forums Inc.
 */
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: 0.3em; }
.fa.pull-right {
  margin-left: 0.3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-asc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-desc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-mail-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.ReactEverything {
  background-position: -360px -100px; }

.ReactAwesome {
  background-position: -240px -20px; }

.ReactFlag {
  background-position: -60px -60px; }

.ReactInsightful {
  background-position: -140px -20px; }

.ReactOffTopic {
  background-position: -160px -20px; }

.ReactAbuse {
  background-position: -20px -60px; }

.SpSpam, .ReactSpam {
  background-position: -120px -20px; }

.ReactTroll {
  background-position: -100px -20px; }

.ReactPromote {
  background-position: -60px -40px; }

.ReactDisagree {
  background-position: -40px -20px; }

.ReactAgree {
  background-position: -20px -20px; }

.ReactDislike {
  background-position: -40px -40px; }

.ReactLike {
  background-position: -20px -40px; }

.ReactDown {
  background-position: -200px -40px; }

.ReactUp {
  background-position: -180px -40px; }

.ReactWTF {
  background-position: -80px -20px; }

.ReactLOL {
  background-position: -60px -20px; }

.ReactQuote {
  background-position: -280px -20px; }

.ReactInfraction {
  background-position: -200px -20px; }

.ReactAccept {
  background-position: -20px -100px; }

.ReactReject {
  background-position: -40px -100px; }

.ReactFacebook {
  background-position: -40px -120px; }

.ReactTwitter {
  background-position: -60px -120px; }

.ReactGooglePlus {
  background-position: -80px -120px; }

.SpActivity {
  background-position: -160px -120px; }

.SpAllCategories {
  background-position: -60px -140px; }

.SpApplicants {
  background-position: -260px -40px; }

.SpBadge {
  background-position: -240px -140px; }

.SpBan {
  background-position: -300px -20px; }

.SpBestOf {
  background-position: -80px -80px; }

.SpBookmarks {
  background-position: -100px -80px; }

.SpComments, .SpComment {
  background-position: -160px -80px; }

.SpConnection {
  background-position: -320px -20px; }

.SpDashboard {
  background-position: -340px -20px; }

.SpDelete {
  background-position: -340px -140px; }

.SpDiscussions, .SpMyDiscussions {
  background-position: -200px -80px; }

.SpGroups {
  background-position: -240px -40px; }

.SpImage {
  background-position: -120px -140px; }

.SpInbox {
  background-position: -80px -100px; }

.SpMessage {
  background-position: -100px -100px; }

.SpMod {
  background-position: -260px -60px; }

.SpMyDrafts {
  background-position: -180px -20px; }

.SpNotifications {
  background-position: -160px -100px; }

.SpOptions {
  background-position: -180px -60px; }

.SpPhoto {
  background-position: -160px -60px; }

.SpProfile, .SpEditProfile {
  background-position: -220px -40px; }

.SpQuote {
  background-position: -280px -20px; }

.SpReply {
  background-position: -140px -40px; }

.SpSignOut {
  background-position: -240px -100px; }

.SpSearch {
  background-position: -220px -100px; }

.SpText {
  background-position: -160px -80px; }

.SpUnansweredQuestions {
  background-position: -60px -100px; }

.SpWarn, .SpWarnings {
  background-position: -200px -20px; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  font-size: 16px; }

body {
  min-width: 1000px;
  background-color: #796F57;
  color: #413723;
  font-family: "pragmatica-web", Helvetica, Arial, sans-serif;
  line-height: 1.5; }

headings(6) {
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase; }

h1 {
  font-size: 41px; }

h2 {
  font-size: 34px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

a {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  color: #8F5015; }
  a:hover {
    color: #4c2b0b; }

.Container {
  background-color: #796F57;
  background-image: url('images/background.jpg'), url('images/background-tile.png');
  background-repeat: no-repeat, repeat-y;
  background-position: top center; }

.Row {
  width: 1000px; }
  .Row:after {
    content: "";
    display: table;
    clear: both; }
  #Body .Row {
    padding: 20px;
    background-color: rgba(255, 249, 235, 0.6); }

[class^="Box"] {
  margin: 0 0 20px; }
  [class^="Box"] h4 {
    margin-bottom: 10px;
    font-size: 28px; }

.UserBox {
  margin: 0;
  margin-bottom: 20px; }

.BoxCategoryBoxes {
  margin: 0; }
  .BoxCategoryBoxes .DataList {
    margin: 0 -8px; }
    .BoxCategoryBoxes .DataList:after {
      content: "";
      display: table;
      clear: both; }
    .BoxCategoryBoxes .DataList .Item {
      float: left;
      width: 33.33333%;
      padding: 0 8px 16px;
      background: none;
      border: none; }
      .BoxCategoryBoxes .DataList .Item > .Wrap {
        min-height: 180px;
        padding: 10px;
        background-color: rgba(170, 159, 131, 0.7); }
      .BoxCategoryBoxes .DataList .Item:nth-of-type(n) {
        clear: none; }
      .BoxCategoryBoxes .DataList .Item:nth-of-type(3n+1) {
        clear: both; }
  .BoxCategoryBoxes .CategoryName {
    display: table;
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-color: #948159;
    border-width: 0 0 1px;
    border-style: solid; }
    .BoxCategoryBoxes .CategoryName .Photo {
      width: 50px;
      margin: 0;
      padding-right: 10px; }
    .BoxCategoryBoxes .CategoryName .Title {
      width: 100%;
      line-height: 20px;
      text-transform: uppercase; }
    .BoxCategoryBoxes .CategoryName .Photo, .BoxCategoryBoxes .CategoryName .Title {
      display: table-cell;
      vertical-align: middle; }
  .BoxCategoryBoxes .CategoryDescription {
    margin-bottom: 8px;
    font-size: 11.9px; }
  .BoxCategoryBoxes .CategoryMeta .MItem {
    margin: 0; }
  .BoxCategoryBoxes .MetaCounts {
    color: #4c2b0b;
    margin-bottom: 8px; }
    .BoxCategoryBoxes .MetaCounts:after {
      content: "";
      display: table;
      clear: both; }
    .BoxCategoryBoxes .MetaCounts .MItem {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      max-width: 50%; }
    .BoxCategoryBoxes .MetaCounts .DiscussionCount {
      float: left; }
    .BoxCategoryBoxes .MetaCounts .CommentCount {
      float: right; }

#Breadcrumbs {
  margin-bottom: 18px;
  font-size: 13px;
  line-height: normal; }
  #Breadcrumbs i {
    color: #695C40;
    font-size: 10px; }
  #Breadcrumbs i, #Breadcrumbs a {
    margin-right: 5px; }
  #Breadcrumbs a, #Breadcrumbs span {
    display: inline-block; }
  #Breadcrumbs .Last a {
    color: #413723; }

.Button .Button.Active {
  background-color: #FFF9EB;
  background-image: url('images/btn-left-small.png'), url('images/btn-right-small.png');
  background-position: top left, top right;
  background-repeat: no-repeat; }

.NavButton [class^="Sp"] {
  line-height: 30px;
  vertical-align: baseline; }

.Button, .NavButton {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 30px;
  margin: 0;
  padding: 0 20px;
  border: none;
  color: #8F5015;
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 32px;
  vertical-align: bottom;
  -webkit-font-smoothing: subpixel-antialiased; }
  .Button, .Button:hover, .Button:active, .NavButton, .NavButton:hover, .NavButton:active {
    background-color: #FFF9EB;
    background-image: url('images/btn-left-small.png'), url('images/btn-right-small.png');
    background-position: top left, top right;
    background-repeat: no-repeat; }
  .Button.Handle .Sprite, .NavButton.Handle .Sprite {
    border-top-color: #8F5015; }

.BigButton {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 30px;
  margin: 0;
  padding: 0 20px;
  border: none;
  color: #8F5015;
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 32px;
  vertical-align: bottom;
  -webkit-font-smoothing: subpixel-antialiased;
  display: block;
  padding: 0 20px;
  height: 40px;
  line-height: 42px; }
  .BigButton, .BigButton:hover, .BigButton:active {
    background-color: #FFF9EB;
    background-image: url('images/btn-left-small.png'), url('images/btn-right-small.png');
    background-position: top left, top right;
    background-repeat: no-repeat; }
  .BigButton, .BigButton:hover, .BigButton:active {
    background-color: #FFF9EB;
    background-image: url('images/btn-left-large.png'), url('images/btn-right-large.png');
    background-position: top left, top right;
    background-repeat: no-repeat; }

.ButtonGroup.Big .Button {
  display: block;
  padding: 0 20px;
  height: 40px;
  line-height: 42px;
  width: auto !important;
  margin-right: 54px; }
  .ButtonGroup.Big .Button, .ButtonGroup.Big .Button:hover, .ButtonGroup.Big .Button:active {
    background-color: #FFF9EB;
    background-image: url('images/btn-left-large.png'), url('images/btn-right-large.png');
    background-position: top left, top right;
    background-repeat: no-repeat; }
  .ButtonGroup.Big .Button.Handle {
    float: right;
    width: 48px !important;
    margin: 0;
    margin-top: -40px; }
.ButtonGroup.Open .Button.Handle {
  background-color: #FFF9EB;
  background-image: url('images/btn-left-small.png'), url('images/btn-right-small.png');
  background-position: top left, top right;
  background-repeat: no-repeat; }
.ButtonGroup.Big.Open .Button.Handle {
  background-color: #FFF9EB;
  background-image: url('images/btn-left-large.png'), url('images/btn-right-large.png');
  background-position: top left, top right;
  background-repeat: no-repeat; }

#Title {
  margin-bottom: 10px;
  padding-bottom: 18px;
  font-size: 28px;
  border-color: #948159;
  border-width: 0 0 1px;
  border-style: solid; }

#Navigation {
  margin: 0 -20px;
  padding: 0 20px;
  background-color: rgba(170, 159, 131, 0.7); }
  #Navigation:after {
    content: "";
    display: table;
    clear: both; }
  #Navigation form {
    float: left;
    width: 250px;
    margin: 6px 0;
    margin-left: 40px;
    white-space: nowrap; }
    #Navigation form div {
      display: table; }
    #Navigation form span {
      display: table-cell; }
    #Navigation form .Button {
      margin-left: 6px; }
    #Navigation form .InputBox {
      width: 100%; }
    #Navigation form .Button, #Navigation form .InputBox {
      vertical-align: top; }
  #Navigation .Alert {
    display: inline-block;
    margin-top: -3px;
    line-height: 1.3;
    vertical-align: middle; }
  #Navigation .Menu, #Navigation .Menu li {
    float: left; }
  #Navigation .Menu a {
    display: block;
    margin: 0 10px;
    color: #413723;
    font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 42px; }
    #Navigation .Menu a:hover {
      color: #8F5015; }
  #Navigation .MeBox {
    float: left;
    margin: 0;
    margin-left: 20px; }
    #Navigation .MeBox, #Navigation .MeBox .WhoIs, #Navigation .MeBox .MeMenu {
      line-height: 42px; }
    #Navigation .MeBox .MeButton {
      vertical-align: middle; }
    #Navigation .MeBox .Username {
      vertical-align: top; }
    #Navigation .MeBox .ProfilePhoto {
      vertical-align: middle; }

#Panel {
  float: right;
  width: 250px;
  padding-top: 20px; }

#Content {
  padding-top: 20px; }

#Panel + #Content {
  float: left;
  width: 710px;
  padding-right: 40px; }

.HomepageTitle, h1.H {
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-color: #948159;
  border-width: 0 0 1px;
  border-style: solid;
  font-size: 28px; }

.PageDescription {
  font-size: 14px; }

.Flyout:before {
  border-bottom-color: #948159; }
.Flyout:after {
  border-bottom-color: #FFF9EB; }

.MenuItems, .FlyoutMenu {
  background-color: #FFF9EB;
  border-color: #948159;
  border-radius: 0;
  border-width: 1px;
  border-style: solid; }
  .MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active, .FlyoutMenu a, .FlyoutMenu a:link, .FlyoutMenu a:visited, .FlyoutMenu a:active {
    color: #413723 !important; }
  .MenuItems a:hover, .FlyoutMenu a:hover {
    background-color: #948159 !important;
    color: #FFFFFF !important; }
  .MenuItems hr, .FlyoutMenu hr {
    border-bottom-color: #948159; }

#Footer {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 12px;
  overflow: hidden; }
  #Footer a {
    display: block;
    color: #695C40; }
    #Footer a:hover {
      color: #FFFFFF; }
  #Footer hr {
    height: 0;
    margin: 0 20px;
    border-color: #695C40;
    border-width: 0 0 1px;
    border-style: solid; }
  #Footer h4 {
    color: #695C40; }
  #Footer section:after {
    content: "";
    display: table;
    clear: both; }
  #Footer section ul {
    float: left;
    width: 33.33333%; }
  #Footer .FooterNav {
    padding: 40px 0;
    background-image: url('images/footer.png');
    background-repeat: no-repeat;
    background-position: center 40px;
    line-height: 2; }
    #Footer .FooterNav:after {
      content: "";
      display: table;
      clear: both; }
  #Footer .FooterLeft {
    float: left;
    text-align: right; }
    #Footer .FooterLeft ul {
      padding-left: 10px; }
  #Footer .FooterRight {
    float: right;
    text-align: left; }
    #Footer .FooterRight ul {
      padding-right: 10px; }
  #Footer .FooterLeft, #Footer .FooterRight {
    width: 40%; }
  #Footer .FooterLogos {
    padding: 40px 0 30px; }
    #Footer .FooterLogos ul {
      width: 100%;
      text-align: center; }
    #Footer .FooterLogos li {
      display: table-cell;
      width: 1%;
      vertical-align: middle; }
      #Footer .FooterLogos li a {
        display: inline-block; }
    #Footer .FooterLogos img {
      vertical-align: bottom; }
  #Footer .FooterSprite {
    overflow: hidden;
    background-image: url('images/footer-sprite.png'); }
    #Footer .FooterSprite:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    #Footer .FooterSprite.ZOS {
      width: 107px;
      height: 30px;
      background-position: 0 -81px; }
    #Footer .FooterSprite.Bethesda {
      width: 133px;
      height: 21px;
      background-position: 0 -125px; }
    #Footer .FooterSprite.Rating {
      width: 158px;
      height: 71px;
      background-position: 0 0; }
    #Footer .FooterSprite.PEGI {
      width: 47px;
      height: 66px;
      background-position: -58px -213px; }
  #Footer .FooterLegal {
    padding-bottom: 40px;
    color: #777777;
    font-size: 11px;
    text-align: center; }

.FormWrapper {
  background-color: rgba(170, 159, 131, 0.7); }

.CommentHeading, .CommentForm .H {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 28px; }

.CommentForm .Buttons, .EditCommentForm .Buttons {
  padding-top: 10px;
  padding-bottom: 0; }
  .CommentForm .Buttons .Back, .EditCommentForm .Buttons .Back {
    display: none; }

.Topbar {
  height: 40px;
  background-color: #000000;
  color: #FFFFFF; }
  .Topbar li {
    display: inline-block; }
    .Topbar li a {
      display: block;
      margin: 0 7px;
      color: #695C40;
      font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 40px;
      text-transform: uppercase; }
    .Topbar li.Active a, .Topbar li a:hover {
      color: #FFFFFF; }
  .Topbar .Row {
    padding: 0 20px; }

.Header {
  margin-bottom: 10px;
  text-align: center; }
  .Header .Logo {
    margin: 0;
    padding: 15px 0; }
    .Header .Logo a {
      overflow: hidden;
      background-image: url('images/logo.png');
      width: 377px;
      height: 81px;
      display: block;
      margin: 0 auto; }
      .Header .Logo a:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
  .Header .Navbar {
    background-image: -webkit-linear-gradient(right, rgba(255, 249, 235, 0) 0%, rgba(255, 249, 235, 0.3) 5%, rgba(255, 249, 235, 0.3) 95%, rgba(255, 249, 235, 0) 100%);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 249, 235, 0)), color-stop(5%, rgba(255, 249, 235, 0.3)), color-stop(95%, rgba(255, 249, 235, 0.3)), to(rgba(255, 249, 235, 0)));
    background-image: linear-gradient(to left, rgba(255, 249, 235, 0) 0%, rgba(255, 249, 235, 0.3) 5%, rgba(255, 249, 235, 0.3) 95%, rgba(255, 249, 235, 0) 100%);
    position: relative;
    height: 50px; }
    .Header .Navbar a {
      color: #413723; }
      .Header .Navbar a:hover {
        color: #8F5015; }
    .Header .Navbar > ul > li {
      position: relative;
      display: inline-block;
      width: 16%; }
      .Header .Navbar > ul > li > a {
        display: block;
        font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 50px;
        text-transform: uppercase; }
    .Header .Navbar .Menu {
      padding: 0 20px; }
  .Header .Dropdown {
    position: absolute;
    left: -15px;
    z-index: 100;
    display: none;
    padding-right: 6px;
    background-color: #E6E4DF;
    border-color: #948159;
    border-width: 0 1px 1px;
    border-style: solid;
    text-align: left; }
    .Header .Dropdown ul {
      min-width: 210px;
      padding: 0 30px 10px;
      white-space: nowrap; }
    .Header .Dropdown li {
      display: block; }
    .Header .Dropdown h3 {
      margin: 10px 0 0; }
    .Header .Dropdown h3, .Header .Dropdown a {
      display: block;
      color: #413723;
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 2.2;
      text-transform: none; }
    .Header .Dropdown .SubLinks {
      padding-left: 10px; }
      .Header .Dropdown .SubLinks a {
        font-size: 11px; }
      .Header .Dropdown .SubLinks [class^="icon-"], .Header .Dropdown .SubLinks [class*=" icon-"] {
        text-align: left; }

input.InputBox {
  padding: 0 10px;
  color: #8F5015;
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  line-height: 30px; }

textarea.TextBox {
  padding: 10px;
  color: #413723;
  font-family: "pragmatica-web", Helvetica, Arial, sans-serif; }

input.InputBox, textarea.TextBox {
  background-color: #FFFFFF;
  border: none;
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased; }

.TextBoxWrapper {
  padding-right: 0; }

.Item .AuthorInfo {
  vertical-align: middle; }

.DataList .Item {
  margin-bottom: 4px;
  background-color: rgba(170, 159, 131, 0.7);
  border: none; }
  .DataList .Item .Title {
    font-size: 16px;
    font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
    font-weight: normal; }
  .DataList .Item .Meta {
    color: #413723; }
.DataList a.Delete {
  height: 18px; }
  .DataList a.Delete:hover {
    background-color: #5D4E30; }
.DataList.Discussions .Item {
  -webkit-box-shadow: 0 0 0 1px #413725;
  box-shadow: 0 0 0 1px #413725; }
  .DataList.Discussions .Item.Read {
    opacity: 1;
    background-color: #d6cfbf;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .DataList.Discussions .Item.Rank-Admin, .DataList.Discussions .Item.Rank-Moderator {
    border-left: #0d6125 solid 5px; }

.MessageList .PageTitle h1 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 28px; }
.MessageList .Item {
  padding: 14px; }
  .MessageList .Item .Meta {
    color: #413723; }
.MessageList .Item-Header {
  margin: 0; }
  .MessageList .Item-Header .Username {
    font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    vertical-align: top; }
  .MessageList .Item-Header .PhotoWrap {
    margin: 0;
    margin-right: 14px; }
  .MessageList .Item-Header .StaffMarker {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle; }
    .MessageList .Item-Header .StaffMarker a {
      position: absolute;
      display: none;
      padding: 0 4px; }
      .MessageList .Item-Header .StaffMarker a:hover {
        background-color: #073414 !important; }
      .MessageList .Item-Header .StaffMarker a:first-child {
        right: 100%;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px; }
      .MessageList .Item-Header .StaffMarker a:last-child {
        left: 100%;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
    .MessageList .Item-Header .StaffMarker a, .MessageList .Item-Header .StaffMarker span {
      vertical-align: top;
      line-height: 15px;
      color: #fff;
      background-color: #0d6125; }
    .MessageList .Item-Header .StaffMarker span {
      display: inline-block;
      padding: 0 4px;
      border-radius: 2px; }
    .MessageList .Item-Header .StaffMarker:hover a {
      display: inline-block; }
    .MessageList .Item-Header .StaffMarker:hover span {
      border-radius: 0; }
.MessageList.Discussion {
  margin-left: -20px;
  padding: 14px;
  padding-left: 20px;
  background-color: rgba(170, 159, 131, 0.7); }
  .MessageList.Discussion .Item {
    padding: 0; }
.MessageList .Message {
  margin: 14px 0;
  font-size: 16px; }

.MItem.FlagCount {
  background: #FFF9EB;
  padding: 0 4px;
  margin: 0; }

.Rank-Admin .Username, .Rank-Moderator .Username {
  font-weight: bold !important;
  color: #0d6125 !important; }

.WarningMessage {
  background: darkred;
  border-color: darkred;
  color: #FFFFFF; }
  .WarningMessage a.Dismiss {
    color: #FFFFFF; }

.PrevNextPager a, .PrevNextPager span {
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase; }

#Panel .BoxFilter {
  margin: 0 0 20px; }

#Panel .BoxDiscussionFilter {
  margin-bottom: 40px; }

#Panel .CategoryFilter {
  display: none; }

#Panel .FilterMenu li a {
  display: block;
  padding: 5px 25px;
  margin-bottom: 1px;
  background-color: #FFFFFF;
  font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase; }
#Panel .FilterMenu .Active {
  background: none; }
  #Panel .FilterMenu .Active a {
    background-color: rgba(170, 159, 131, 0.7);
    color: #FFFFFF;
    font-weight: normal; }
#Panel .FilterMenu .Activities, #Panel .FilterMenu .AllCategories, #Panel .FilterMenu .MyDiscussions, #Panel .FilterMenu .Reactions-BestOf {
  display: none; }

#Panel .PanelInfo li {
  font-size: 11px;
  line-height: 26px; }
  #Panel .PanelInfo li a {
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
    padding-left: 15px;
    background-color: rgba(170, 159, 131, 0.7); }
  #Panel .PanelInfo li:nth-child(odd) a {
    background-color: rgba(93, 78, 48, 0.2); }
#Panel .PanelInfo .Depth1 a {
  font-weight: bold; }
#Panel .PanelInfo .Depth2 a {
  padding-left: 15px; }
#Panel .PanelInfo .Depth3 a {
  padding-left: 25px; }
#Panel .PanelInfo .Depth4 a {
  padding-left: 35px; }
#Panel .PanelInfo .Depth5 a {
  padding-left: 45px; }
#Panel .PanelInfo .Depth6 a {
  padding-left: 55px; }
#Panel .PanelInfo .Depth7 a {
  padding-left: 65px; }
#Panel .PanelInfo .Depth8 a {
  padding-left: 75px; }
#Panel .PanelInfo .Depth9 a {
  padding-left: 85px; }
#Panel .PanelInfo .Depth10 a {
  padding-left: 95px; }
#Panel .PanelInfo .Depth11 a {
  padding-left: 105px; }
#Panel .PanelInfo .Depth12 a {
  padding-left: 115px; }
#Panel .PanelInfo .Aside {
  display: table-cell;
  float: none;
  width: 40px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  vertical-align: bottom; }
#Panel .PanelInfo .Count {
  border-radius: 0;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 8px;
  background-color: transparent;
  color: #8F5015;
  text-align: right; }

#Panel .Leaderboard .PanelInfo li {
  display: table;
  width: 100%; }
  #Panel .Leaderboard .PanelInfo li a {
    display: table-cell;
    width: auto;
    padding: 0;
    padding-left: 10px; }
  #Panel .Leaderboard .PanelInfo li .PhotoWrap {
    width: 26px;
    padding: 0;
    vertical-align: bottom; }
    #Panel .Leaderboard .PanelInfo li .PhotoWrap img {
      width: 26px;
      height: 26px; }
  #Panel .Leaderboard .PanelInfo li .Aside {
    width: 60px; }

#Panel .FilterMenu li, #Panel .PanelInfo li {
  padding: 0;
  background: none; }
  #Panel .FilterMenu li, #Panel .FilterMenu li:first-child, #Panel .FilterMenu li:last-child, #Panel .PanelInfo li, #Panel .PanelInfo li:first-child, #Panel .PanelInfo li:last-child {
    border: none; }

.Overlay {
  background-color: rgba(0, 0, 0, 0.4); }

#Popup .Body {
  background-color: #B3AB96; }

a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  width: 1em;
  text-align: center; }

.icon.icon-staff {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-ouroboros-green.png');
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  vertical-align: middle;
  overflow: hidden; }
  .icon.icon-staff:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; }

.Sprite, .Sprite16, .ReactSprite, .ReactSprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-413723.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .Sprite, .Sprite16, .ReactSprite, .ReactSprite16 {
      background-image: url("//vanillicon.com/sprites/sprites-28-413723.png");
      -webkit-background-size: 396px;
      background-size: 396px; } }
  .MenuItems a:hover .Sprite, .MenuItems a:hover .Sprite16, .MenuItems a:hover .ReactSprite, .MenuItems a:hover .ReactSprite16 {
    background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .MenuItems a:hover .Sprite, .MenuItems a:hover .Sprite16, .MenuItems a:hover .ReactSprite, .MenuItems a:hover .ReactSprite16 {
        background-image: url("//vanillicon.com/sprites/sprites-28-ffffff.png");
        -webkit-background-size: 396px;
        background-size: 396px; } }

a.Bookmark, a.Boomarking, a.Bookmarked, .OptionsTitle {
  background-image: url("//vanillicon.com/sprites/ui_sprites-16c-413723.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    a.Bookmark, a.Boomarking, a.Bookmarked, .OptionsTitle {
      background-image: url("//vanillicon.com/sprites/ui_sprites-32c-413723.png");
      -webkit-background-size: 30px;
      background-size: 30px; } }

.Tiles {
  margin: 0 -8px; }
  .Tiles .Tile {
    border-radius: 0;
    margin: 8px;
    width: 309px;
    background-color: rgba(170, 159, 131, 0.7);
    border: none; }
    .Tiles .Tile:after {
      content: "";
      display: table;
      clear: both; }
    .Tiles .Tile .Title {
      margin-bottom: 8px;
      padding-bottom: 8px;
      border-color: #948159;
      border-width: 0 0 1px;
      border-style: solid;
      font-size: 16px; }
    .Tiles .Tile .Message {
      margin: 8px 0; }
    .Tiles .Tile .Author a {
      font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif; }
    .Tiles .Tile .Author .PhotoWrap {
      margin: 0;
      margin-right: 8px; }
    .Tiles .Tile .Author .ProfilePhoto {
      width: 40px;
      height: 40px; }

.PullRight {
  float: right; }

.PullLeft {
  float: left; }

.Hidden {
  display: none; }

.TextColor {
  color: #413723; }

a.TextColor {
  color: #413723; }
  a.TextColor:hover {
    color: #8F5015; }

.Section-Profile h1.H {
  color: #8F5015; }
  .Section-Profile h1.H .Gloss {
    color: #413723; }
.Section-Profile h2.H {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px; }
.Section-Profile div.About, .Section-Profile .ReactionsWrap {
  margin: 0;
  margin-bottom: 30px; }
.Section-Profile #Panel {
  float: left; }
  .Section-Profile #Panel .PhotoWrapLarge {
    margin: 0;
    margin-bottom: 20px; }
  .Section-Profile #Panel .ProfilePhotoLarge {
    width: 100%;
    vertical-align: bottom; }
.Section-Profile #Panel + #Content {
  float: right;
  padding-right: 0;
  padding-left: 40px; }

.BarWrap {
  margin: 0;
  border: 0; }

.LocaleOptions {
  display: none; }

.DataCounts {
  display: table;
  width: 100%;
  margin: 0; }
  .DataCounts .CountItemWrap {
    display: table-cell; }
  .DataCounts .CountTotal {
    font-family: "pragmatica-web-condensed", Helvetica, Arial, sans-serif; }

.PhotoWrap.Jailed:before, .PhotoWrapLarge.Jailed:before {
  display: none; }
/*# sourceMappingURL=custom.css.map */