@charset "UTF-8";
.Sprite, .Sprite16 {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-000000.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 {
    background-image: url("//vanillicon.com/sprites/sprites-28-000000.png");
    background-size: 396px;
  }
}

a .Sprite {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-032255.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 .Sprite {
    background-image: url("//vanillicon.com/sprites/sprites-28-032255.png");
    background-size: 396px;
  }
}

.Button > .Sprite, .Button > .Sprite16, .NavButton > .Sprite, .NavButton > .Sprite16 {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  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) {
  .Button > .Sprite, .Button > .Sprite16, .NavButton > .Sprite, .NavButton > .Sprite16 {
    background-image: url("//vanillicon.com/sprites/sprites-28-ffffff.png");
    background-size: 396px;
  }
}

.MeButton:hover {
  background: none;
}
.MeButton:hover .Sprite {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-ff3139.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) {
  .MeButton:hover .Sprite {
    background-image: url("//vanillicon.com/sprites/sprites-28-ff3139.png");
    background-size: 396px;
  }
}

.MenuItems a.ReactButton > .ReactSprite,
.ReactButton > .ReactSprite {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-032255.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.ReactButton > .ReactSprite,
  .ReactButton > .ReactSprite {
    background-image: url("//vanillicon.com/sprites/sprites-28-032255.png");
    background-size: 396px;
  }
}
.MenuItems a.ReactButton:hover > .ReactSprite,
.ReactButton:hover > .ReactSprite {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-ff3139.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.ReactButton:hover > .ReactSprite,
  .ReactButton:hover > .ReactSprite {
    background-image: url("//vanillicon.com/sprites/sprites-28-ff3139.png");
    background-size: 396px;
  }
}

.UserReactionWrap .ReactSprite {
  height: 16px;
  width: 16px;
  background-image: url("//vanillicon.com/sprites/sprites-14-outline-032255.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) {
  .UserReactionWrap .ReactSprite {
    background-image: url("//vanillicon.com/sprites/sprites-28-outline-032255.png");
    background-size: 396px;
  }
}

a.Bookmark,
a.Boomarking,
a.Bookmarked,
.OptionsTitle {
  background-image: url("//vanillicon.com/sprites/ui_sprites-16c-000000.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-000000.png");
    background-size: 30px;
  }
}

.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;
}

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

/** General Sprites **/
.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;
}

/*------------------------------------------------*/
/* FONT-FACE CSS Created by Penny Arcade - 2010 --*/
/* www.penny-arcade.com --------------------------*/
/*------------------------------------------------*/
/*---------------------*/
/* Rockwell Bold ------*/
/*---------------------*/
@font-face {
  font-family: 'RockwellBold';
  src: url("pa-webfonts/css_fonts_rockwell_bold-webfont.eot");
  src: local("☺"), url("pa-webfonts/css_fonts_rockwell_bold-webfont.woff") format("woff"), url("pa-webfonts/css_fonts_rockwell_bold-webfont.ttf") format("truetype"), url("pa-webfonts/css_fonts_rockwell_bold-webfont.svg#webfont1tvhQwzh") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*---------------------*/
/* Rockwell Regular ---*/
/*---------------------*/
@font-face {
  font-family: 'Rockwell';
  src: url("pa-webfonts/css_fonts_rockwell-webfont.eot");
  src: local("☺"), url("pa-webfonts/css_fonts_rockwell-webfont.woff") format("woff"), url("pa-webfonts/css_fonts_rockwell-webfont.ttf") format("truetype"), url("pa-webfonts/css_fonts_rockwell-webfont.svg#webfontzabTfhFB") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBook';
  src: url("pa-webfonts/gotham_book-webfont.eot");
  src: url("pa-webfonts/gotham_book-webfont.eot?#iefix") format("embedded-opentype"), url("pa-webfonts/gotham_book-webfont.woff") format("woff"), url("pa-webfonts/gotham_book-webfont.ttf") format("truetype"), url("pa-webfonts/gotham_book-webfont.svg#GothamBookRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBookCond';
  src: url("pa-webfonts/gothamcondensed_book-webfont.eot");
  src: url("pa-webfonts/gothamcondensed_book-webfont.eot?#iefix") format("embedded-opentype"), url("pa-webfonts/gothamcondensed_book-webfont.woff") format("woff"), url("pa-webfonts/gothamcondensed_book-webfont.ttf") format("truetype"), url("pa-webfonts/gothamcondensed_book-webfont.svg#GothamCondensedBookRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBlackItalic';
  src: url("pa-webfonts/gotham_blackitalic-webfont.eot");
  src: url("pa-webfonts/gotham_blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("pa-webfonts/gotham_blackitalic-webfont.woff") format("woff"), url("pa-webfonts/gotham_blackitalic-webfont.ttf") format("truetype"), url("pa-webfonts/gotham_blackitalic-webfont.svg#GothamBlackItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local("Bitter-Regular"), url("https://themes.googleusercontent.com/static/fonts/bitter/v3/2PcBT6-VmYhQCus-O11S5-vvDin1pK8aKteLpeZ5c0A.woff") format("woff");
}
.ReactButton > .ReactSprite.ReactBro,
.UserReactionWrap > .ReactSprite.ReactBro {
  height: 16px;
  width: 16px;
  background-image: url("images/bro.png");
  background-position: 0px 0px;
  background-size: auto;
}

.ReactButton > .ReactSprite.ReactSoRaven,
.UserReactionWrap > .ReactSprite.ReactSoRaven {
  height: 16px;
  width: 16px;
  background-image: url("images/raven.png");
  background-position: 0px 0px;
  background-size: auto;
}

.ReactButton > .ReactSprite.ReactHailHydraa,
.ReactButton > .ReactSprite.ReactHailHydrab,
.UserReactionWrap > .ReactSprite.ReactHailHydraa,
.UserReactionWrap > .ReactSprite.ReactHailHydrab {
  height: 16px;
  width: 16px;
  background-image: url("images/hydra.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactHailHydraa,
  .ReactButton > .ReactSprite.ReactHailHydrab,
  .UserReactionWrap > .ReactSprite.ReactHailHydraa,
  .UserReactionWrap > .ReactSprite.ReactHailHydrab {
    background-image: url("images/hydra-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactSnap,
.UserReactionWrap > .ReactSprite.ReactSnap {
  height: 16px;
  width: 16px;
  background-image: url("images/react-snap.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactSnap,
  .UserReactionWrap > .ReactSprite.ReactSnap {
    background-image: url("images/react-snap-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactCrackle,
.UserReactionWrap > .ReactSprite.ReactCrackle {
  height: 16px;
  width: 16px;
  background-image: url("images/react-crackle.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactCrackle,
  .UserReactionWrap > .ReactSprite.ReactCrackle {
    background-image: url("images/react-crackle-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactPop,
.UserReactionWrap > .ReactSprite.ReactPop {
  height: 16px;
  width: 16px;
  background-image: url("images/react-pop.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactPop,
  .UserReactionWrap > .ReactSprite.ReactPop {
    background-image: url("images/react-pop-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactShiny,
.UserReactionWrap > .ReactSprite.ReactShiny {
  height: 16px;
  width: 16px;
  background-image: url("images/react-shiny.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactShiny,
  .UserReactionWrap > .ReactSprite.ReactShiny {
    background-image: url("images/react-shiny-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactWitnessMe,
.UserReactionWrap > .ReactSprite.ReactWitnessMe {
  height: 16px;
  width: 16px;
  background-image: url("images/react-witness.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactWitnessMe,
  .UserReactionWrap > .ReactSprite.ReactWitnessMe {
    background-image: url("images/react-witness-retina.png");
    background-size: 16px;
  }
}

.ReactButton > .ReactSprite.ReactLovelyDay,
.UserReactionWrap > .ReactSprite.ReactLovelyDay {
  height: 16px;
  width: 16px;
  background-image: url("images/react-lovely.png");
  background-position: 0px 0px;
  background-size: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
  .ReactButton > .ReactSprite.ReactLovelyDay,
  .UserReactionWrap > .ReactSprite.ReactLovelyDay {
    background-image: url("images/react-lovely-retina.png");
    background-size: 16px;
  }
}

body {
  background: #010d21;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  min-width: 990px;
}

.content {
  width: 990px;
  margin: 0 auto;
}

.nav a:hover {
  background-position: bottom left !important;
}

/* un-reset subscript and superscript */
sub, sup {
  font-size: .83em;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

#Frame {
  background: #e9f8fc url("images/pa-top-pixels-bg.png") top center repeat-x;
  /* overflow: hidden; */
}

/* =============================================== Penny Arcade Header Styles */
#header {
  /* background: url('images/pa-banner-tile.png') top left repeat-x;  */
  background: #032255 url("images/pa-banner-tile.png") top left repeat-x;
}

#header .pixels {
  background: url("images/pa-banner-bg.png") center top no-repeat;
}

#header .content {
  overflow: hidden;
  height: 160px;
  margin: 0 auto;
  width: 990px;
}

#header h1 {
  margin: 0;
  border: none;
}

#header h1 a {
  background: url("images/pa-logo.png") top left no-repeat;
  float: left;
  display: inline;
  text-indent: -999em;
  overflow: hidden;
  width: 200px;
  height: 126px;
  margin: 17px 0 0 16px;
  outline: none;
}

#header h1 a:hover {
  background-position: bottom;
}

#header #bannerAd {
  width: 728px;
  height: 90px;
  float: left;
  display: inline;
  margin: 10px 0 0 21px;
}

#header ul {
  overflow: hidden;
  width: 760px;
  float: left;
  display: inline;
  margin: 0 0 0 11px;
  list-style: none;
  list-style-position: outside;
}

#header li {
  float: left;
  display: inline;
}

#header ul .nav a {
  height: 38px;
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
}

#header .nav a {
  border: 0;
  position: relative;
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

#header .nav a:hover {
  text-decoration: none;
}

#header .active a {
  background-position: bottom;
}

#navComic a {
  background: url("images/pa-nav-comic.png") top left no-repeat;
  width: 92px;
}

#navArchive a {
  background: url("images/pa-nav-archive.png") top left no-repeat;
  width: 104px;
}

#navStore a {
  background: url("images/pa-nav-store.png") top left no-repeat;
  width: 84px;
}

#navForum a {
  background: url("images/pa-nav-forum.png") top left no-repeat;
  width: 87px;
}

#navPATV a {
  background: url("images/pa-nav-patv.png") top left no-repeat;
  width: 78px;
}

#header .nav a span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 38px;
  width: 92px;
}

#navComic a span {
  background: url("images/pa-nav-comic.png") bottom left no-repeat;
  width: 92px;
}

#navArchive a span {
  background: url("images/pa-nav-archive.png") bottom left no-repeat;
  width: 104px;
}

#navStore a span {
  background: url("images/pa-nav-store.png") bottom left no-repeat;
  width: 84px;
}

#navForum a span {
  background: url("images/pa-nav-forum.png") bottom left no-repeat;
  width: 87px;
}

#navPATV a span {
  background: url("images/pa-nav-patv.png") bottom left no-repeat;
  width: 78px;
}

#header ul a {
  border-right: 1px solid #013e7f;
  color: #fff;
  float: left;
  display: inline;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 0 11px 0 11px;
  margin: 8px 0 0 0;
}

#header ul a:hover {
  color: #2abae1;
}

#header ul .last a {
  border-right: 0;
}

#footer {
  background: url("images/pa-footer-tile.png") top center repeat-x #010d21;
  text-align: center;
  padding: 40px 0;
}

#footer #brands {
  list-style: none;
  list-style-position: outside;
  overflow: hidden;
}

#footer #brands li {
  display: inline-block;
  vertical-align: middle;
}

#footer .btn a {
  border: 0 none;
  cursor: pointer;
  display: block;
  outline: medium none;
  overflow: hidden;
  text-indent: -999em;
  text-transform: uppercase;
  margin: 0 28px;
}

#footer .btn a:hover {
  background-position: left bottom !important;
}

#footer #logoPAX a {
  background: url("images/pa-logo-pax.png") top left no-repeat;
  width: 65px;
  height: 35px;
  margin-top: 4px;
}

#footer #logoFP a {
  background: url("images/pa-logo-fp.png") top left no-repeat;
  width: 125px;
  height: 21px;
}

#footer #logoCP a {
  background: url("images/pa-logo-cp.png") top left no-repeat;
  width: 58px;
  height: 57px;
}

#footer #logoPA a {
  background: url("images/pa-logo-footer.png") top left no-repeat;
  width: 189px;
  height: 141px;
  margin: 0;
}

#footer #logoPATV a {
  background: url("images/pa-logo-patv.png") top left no-repeat;
  width: 61px;
  height: 36px;
}

/* Begin Vanilla CSS */
/* Globals */
a, a:hover {
  color: #0055A2;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Width */
.Row {
  width: auto;
}

#Panel {
  display: none;
}

body.Conversations.Messages #Panel,
body.Profile #Panel,
body.Activity #Panel {
  display: block;
  width: 250px;
  margin: 0 0 0 20px;
}

body.NoPanel #Content,
#Body .ContentColumn {
  margin: 0 20px;
}

body.Conversations.Messages #Body .ContentColumn,
body.Profile #Body .ContentColumn,
body.Activity #Body .ContentColumn {
  margin: 0 20px 0 290px;
}

#Head {
  padding: 0 !important;
  background: transparent;
  color: inherit;
  float: right;
  margin: 10px 20px 0 0;
}

/* Forum Menu, Search & Breadcrumbs */
.ForumSearch, .ForumSearch div {
  display: inline-block;
}

.ForumSearch .InputBox {
  padding: 2px 0 2px 20px;
  border: 1px solid #888;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: url("images/sprites.png") 5px -747px no-repeat #fff !important;
  color: #999;
  width: 170px;
  font-size: 11px;
  -moz-transition: width 0.1s ease-in-out;
  -o-transition: width 0.1s ease-in-out;
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}

.ForumSearch .InputBox:focus {
  color: #000;
  width: 300px;
}

.ForumSearch .Button {
  display: none;
}

.ForumMenu {
  font-size: 14px;
  display: inline;
}

.ForumMenu li {
  display: inline-block;
  border: 1px solid #B4D8E6;
  border-width: 0 0 0 1px;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

.ForumMenu li:last-child {
  border-width: 0 1px;
  padding: 0 10px;
  margin: 0 10px;
}

#Head a,
#Head a:hover {
  /* display: inline-block; */
  text-decoration: none;
  /* line-height: 1; */
  color: #032255;
}

#Head .MenuItems a {
  font-weight: normal;
}

.Breadcrumbs {
  font-size: 12px;
  line-height: 24px;
  margin: 4px 0 0 0;
  font-weight: bold;
  color: black;
  width: auto;
}

.Breadcrumbs a {
  color: #0055A2;
  text-decoration: underline;
}

.Breadcrumbs a:hover {
  text-decoration: none;
}

.BreadcrumbsWrapper {
  padding: 10px 20px;
}

/* Headings */
.HomepageTitle,
.PageDescription {
  display: none;
}

body.Discussions .HomepageTitle {
  display: block;
}

.Section-Conversation .PanelColumn .Box > h4,
body.Badge .ContentColumn > h1,
body.Badge .ContentColumn > h2,
#SharedFingerprint h4,
.Box.BadgeGrid h4,
.CommentForm > h2,
body.Discussion .PageTitle h1,
body.Discussions .HomepageTitle,
h1.H,
h2.H {
  background: #005BB0;
  background-image: linear-gradient(to top, #004d9f 0%, #005bb0 100%);
  background-image: -o-linear-gradient(bottom, #004D9F 0%, #005BB0 100%);
  background-image: -moz-linear-gradient(bottom, #004D9F 0%, #005BB0 100%);
  background-image: -webkit-linear-gradient(bottom, #004D9F 0%, #005BB0 100%);
  background-image: -ms-linear-gradient(bottom, #004D9F 0%, #005BB0 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #004D9F), color-stop(1, #005BB0));
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  box-shadow: inset 0 1px 0 #22b0e1;
  -moz-box-shadow: inset 0 1px 0 #22b0e1;
  -webkit-box-shadow: inset 0 1px 0 #22b0e1;
  border: 1px solid #004487;
  font-size: 13px;
  line-height: 1.7;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 4px 8px;
  margin: 10px 0 0;
}

h1.H a,
h2.H a {
  color: #fff;
  text-decoration: underline;
}

h1.H a:hover,
h2.H a:hover {
  text-decoration: none;
}

/* Categories Page */
.DataTable thead td {
  font-family: Rockwell, Helvetica, Arial;
  color: #fff;
  text-shadow: 0 1px 0 #336694;
  text-transform: uppercase;
  background: #4080B9;
  border-bottom: 1px solid #00529F !important;
  padding: 12px 4px 8px;
  letter-spacing: 1px;
  line-height: 1;
}

.DataTable thead td:first-child {
  padding-left: 15px;
}

.DataTable thead td.CheckBoxColumn {
  padding: 4px;
  vertical-align: middle;
}

.DataTable .Item td {
  background: #f2f2f2;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9d9d9;
}

.DataTable .Item:nth-of-type(odd) td {
  background-color: #fff;
}

td.CategoryName {
  padding-left: 15px;
}

.Item td.CategoryName {
  background-image: url("images/row-highlight-white.png");
  background-position: left center;
  background-repeat: repeat-y;
}

.CategoryName h3 a {
  font-family: Rockwell, Helvetica, Arial;
  color: #032255;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0 1px 0 white;
}

.Item.Unread td.CategoryName {
  background-image: url("images/row-highlight-blue.png");
  background-position: left center;
  background-repeat: repeat-y;
}

tbody td.BigCount {
  font-size: 20px;
  font-weight: bold;
  color: #032255;
  font-family: helvetica, arial, Trebuchet MS;
  vertical-align: middle;
}

.CategoryTable .LatestPost a {
  color: #032255;
}

.CategoryTable a:hover {
  text-decoration: underline;
}

.CategoryTable td {
  vertical-align: middle;
}

/* Discussions Page */
.ChildCategoryList .Item {
  float: none;
  width: auto;
  padding: 8px;
}

.ChildCategoryList .ItemContent {
  padding: 0;
}

.HomepageTitle {
  display: none;
}

/* I've read it. */
.DiscussionsTable .Item.Read td:first-child {
  background-image: url("images/row-highlight-grey.png");
  background-position: left center;
  background-repeat: repeat-y;
}

/* There are new messages since I last read it. */
.DiscussionsTable .Item.Unread td:first-child {
  background-image: url("images/row-highlight-blue.png");
  background-position: left center;
  background-repeat: repeat-y;
}

/* I've never read it. */
.DiscussionsTable .Item.New td:first-child {
  background-image: url("images/row-highlight-orange.png");
  background-position: left center;
  background-repeat: repeat-y;
}

.DiscussionsTable .Item.Read,
.DiscussionsTable .Item.Read td.BigCount,
.DiscussionsTable .Item.Read a {
  color: #999;
  opacity: 1;
}

.MessageList .Item.Read {
  opacity: 1;
}

.DiscussionsTable .HasNew {
  display: none;
}

.DiscussionsTable .CheckBoxColumn {
  padding: 4px 0 4px 10px !important;
}

.DiscussionName a.Title {
  font-family: Rockwell, Helvetica, Arial;
  color: #032255;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0 1px 0 white;
}

.DiscussionsTable .FirstUser a,
.DiscussionsTable .LastUser a {
  color: #032255;
}

.DiscussionsTable a:hover {
  text-decoration: underline;
}

.MenuItems a:hover {
  text-decoration: none !important;
}

.DiscussionsTable {
  position: relative;
}

a.Bookmark, a.Bookmarked, a.Bookmarking {
  background: url("images/bookmark.png") no-repeat scroll center top transparent;
  margin: -9px 10px 0 0;
  height: 22px;
}

.DiscussionsTable a.Bookmark, .DiscussionsTable a.Bookmarked, .DiscussionsTable a.Bookmarking {
  right: 0;
  position: absolute;
  margin-top: -8px;
}

a.Bookmark, a.Bookmark:hover {
  background-position: top center;
}

a.Bookmarked, a.Bookmarked:hover {
  background-position: center center;
}

a.Bookmarking, a.Bookmarking:hover {
  background-position: bottom center;
}

.PageTitle .Options {
  margin: 7px;
}

.OptionsTitle {
  width: 18px;
}

.DiscussionsTable .OptionsTitle {
  width: 21px;
}

.MessageList.Discussion .OptionsTitle {
  background-image: url("images/ui-sprites-white.png");
}

.DiscussionsTable td.DiscussionName {
  padding-left: 15px;
}

/* Hide the "started by" column if the window is narrow. */
/* If browser is less than 1280px wide. */
@media screen and (max-width: 1024px) {
  /* Hide the "started by" column of the discussions table. */
  .FirstUser {
    display: none;
  }
}
/* Pagers */
.MiniPager a,
.MiniPager span,
.NumberedPager a,
.NumberedPager span {
  font-family: 'lucida grande','Lucida Sans Unicode',tahoma,sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 10px;
  color: #032255;
  text-shadow: 0 1px 0 #c2ebf6;
  background: #66cde9;
  border-right: 1px solid #59b2ca;
  margin: 0;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: text-top;
}

.NumberedPager a.Next,
.NumberedPager span.Next {
  text-indent: 100px;
  padding: 1px;
  padding-right: 0;
  border-radius: 0 3px 3px 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("images/sprites.png?1") 1px -866px no-repeat #66cde9;
}

.NumberedPager a.Previous,
.NumberedPager span.Previous {
  text-indent: 100px;
  padding: 1px;
  border-radius: 3px 0 0 3px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("images/sprites.png?1") 1px -832px no-repeat #66cde9;
}

.NumberedPager span.Ellipsis {
  cursor: pointer;
  text-indent: 100px;
  padding: 1px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("images/sprites.png?1") 1px -849px no-repeat #66cde9;
}

.MiniPager a:hover,
.NumberedPager .Ellipsis:hover,
.NumberedPager a:hover {
  background-color: #99EDFF;
  text-decoration: none;
}

.NumberedPager a.Highlight {
  color: #66cde9;
  text-shadow: 0 1px 0 #000;
  background: #032255;
}

.MiniPageControl {
  display: inline;
}

.MiniPager {
  margin: 0 0 0 8px;
  vertical-align: text-top;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  top: -3px;
}

.MiniPager a,
.MiniPager span {
  display: inline-block;
  line-height: 10px !important;
  color: #fff !important;
  text-shadow: 0 1px 0 #4b5618;
  background: #96ac31;
  border-right: 1px solid #82952a;
  padding: 4px;
  vertical-align: middle;
}

.MiniPager span.Elipsis {
  cursor: pointer;
  text-indent: 100px;
  padding: 1px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("images/sprites.png?1") 1px -799px no-repeat #96ac31;
}

.MiniPager span.Elipsis:hover,
.MiniPager a:hover {
  background-color: #B3CE3A;
}

.PageControl {
  position: relative;
  display: inline-block;
  text-align: right;
}

#Content .BoxNewDiscussion {
  display: inline;
}

.PagerWrap {
  overflow: visible;
}

.CommentsWrap .PagerWrap:last-child {
  margin: 15px 0;
  text-align: right;
}

.CommentsWrap .PagerWrap:last-child .Pager {
  float: none;
}

.GoToPage {
  border-top: 1px solid #59b2ca;
  z-index: 300;
  color: #032255;
  text-shadow: 0 1px 0 #fff;
  background: #66cde9;
  font-size: 10px;
  font-weight: normal;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  display: inline-block;
  position: absolute;
  margin: -1px 2px 0 0;
  right: 0;
  padding: 1px 3px 2px;
}

.Hidden {
  display: none;
}

.MiniPageControl .GoToPage {
  background: #96ac31;
  border-top: 1px solid #82952a;
  margin-top: -1px;
  color: #fff !important;
  text-shadow: 0 1px 0 #4b5618;
}

.GoToPage input {
  width: 20px;
  font-size: 10px;
  line-height: 10px;
  padding: 0;
  text-align: center;
  border: 1px solid #888;
  box-shadow: inset 0 0 2px #aaa;
  -moz-box-shadow: inset 0 0 2px #aaa;
  -webkit-box-shadow: inset 0 0 2px #aaa;
}

.NumViewing {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: white !important;
  text-shadow: 1px 1px 1px #404040;
  background: #96ac31;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 5px 4px 5px;
  position: relative;
  margin-left: 15px;
}

.NumViewing:before {
  content: "";
  border: 5px solid #96ac31;
  border-color: transparent #96ac31 transparent transparent;
  display: block;
  position: absolute;
  top: 4px;
  left: -10px;
}

/*.Button, .NavButton, .ButtonGroup {
   @include rotateX( 5deg, 500);

   .ButtonGroup & {
      @include rotateX( 0);
   }
}*/
/* Big / New Discussion Button, Button Groups */
.NavButton,
.NavButton:hover,
.NavButton:active,
.NavButton:focus,
.Button,
.Button:focus,
input.Button,
.BigButton,
.ButtonGroup.Open .Button.Handle,
.ButtonGroup.Open .NavButton.Handle {
  position: relative;
  background: #E67B00;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmNmJiNjgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2N2IwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(10%, #f6bb68), color-stop(50%, #e67b00));
  background-image: -moz-linear-gradient(bottom, #f6bb68 10%, #e67b00 50%);
  background-image: -webkit-linear-gradient(bottom, #f6bb68 10%, #e67b00 50%);
  background-image: linear-gradient(to top, #f6bb68 10%, #e67b00 50%);
  border: none;
  font-family: Rockwell, Helvetica, Arial;
  color: #fff;
  text-shadow: 0 1px 1px #622e00;
  padding: 6px 8px 4px;
  line-height: 1;
  font-size: 14px;
  font-weight: normal;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  top: -1px;
  box-shadow: inset 0 -1px 0 #fbddb5, 0 2px 0 #ba5700, 1px 3px 0 #0060b5, -1px 3px 0 #0060b5;
  -moz-box-shadow: inset 0 -1px 0 #fbddb5, 0 2px 0 #ba5700, 1px 3px 0 #0060b5, -1px 3px 0 #0060b5;
  -webkit-box-shadow: inset 0 -1px 0 #fbddb5, 0 2px 0 #ba5700, 1px 3px 0 #0060b5, -1px 3px 0 #0060b5;
}

.Button:hover, .Button:focus,
.NavButton:hover, .NavButton:focus,
input.Button:hover, input.Button:focus,
.BigButton:hover, .BigButton:focus {
  color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmOWQxOTgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmOTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(10%, #f9d198), color-stop(50%, #ff941a));
  background-image: -moz-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: -webkit-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: linear-gradient(to top, #f9d198 10%, #ff941a 50%);
  text-decoration: none;
}

.Button:active,
.NavButton:active,
input.Button:active,
.BigButton:active,
.ButtonGroup.Open .Button.Handle,
.ButtonGroup.Open .NavButton.Handle {
  top: 0px;
  box-shadow: 1px 1px 0 #0060b5, -1px 1px 0 #0060b5;
  -moz-box-shadow: 1px 1px 0 #0060b5, -1px 1px 0 #0060b5;
  -webkit-box-shadow: 1px 1px 0 #0060b5, -1px 1px 0 #0060b5;
  background: #E67B00;
  position: relative;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmOWQxOTgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmOTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(10%, #f9d198), color-stop(50%, #ff941a));
  background-image: -moz-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: -webkit-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: linear-gradient(to top, #f9d198 10%, #ff941a 50%);
}

.ButtonGroup .Button,
.NavButton {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal !important;
}

.ButtonGroup.Open .Button.Handle,
.ButtonGroup .Button.Handle,
.ButtonGroup.Open .NavButton.Handle,
.ButtonGroup .NavButton.Handle {
  box-shadow: inset 0 -1px 0 #FBDDB5, 0 2px 0 #BA5700, 1px 3px 0 #0060B5;
  -moz-box-shadow: inset 0 -1px 0 #FBDDB5, 0 2px 0 #BA5700, 1px 3px 0 #0060B5;
  -webkit-box-shadow: inset 0 -1px 0 #FBDDB5, 0 2px 0 #BA5700, 1px 3px 0 #0060B5;
  border-left-color: rgba(246, 187, 104, 0.4);
}

.ButtonGroup .Button.Handle:hover,
.ButtonGroup .NavButton.Handle:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmOWQxOTgiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmOTQxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(10%, #f9d198), color-stop(50%, #ff941a));
  background-image: -moz-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: -webkit-linear-gradient(bottom, #f9d198 10%, #ff941a 50%);
  background-image: linear-gradient(to top, #f9d198 10%, #ff941a 50%);
  /*   box-shadow: inset 0 -1px 0 #fbddb5, 0 1px 0 #ba5700, 1px 2px 0 #0060b5;
     -moz-box-shadow: inset 0 -1px 0 #fbddb5, 0 1px 0 #ba5700, 1px 2px 0 #0060b5;
     -webkit-box-shadow: inset 0 -1px 0 #fbddb5, 0 1px 0 #ba5700, 1px 2px 0 #0060b5;*/
}

.ButtonGroup.Open .Button.Handle,
.ButtonGroup .Button.Handle:active,
.ButtonGroup .Button.Handle:focus,
.ButtonGroup.Open .NavButton.Handle,
.ButtonGroup .NavButton.Handle:active,
.ButtonGroup .NavButton.Handle:focus {
  box-shadow: 1px 1px 0 #0060b5;
  -moz-box-shadow: 1px 1px 0 #0060b5;
  -webkit-box-shadow: 1px 1px 0 #0060b5;
}

.Button.Handle .Sprite, .NavButton.Handle .Sprite {
  border-top-color: #fff;
}

.NavButton > .Sprite {
  margin: -1px 4px 0 0;
}

/* Discussion / Comments Page */
.Author a.Username {
  display: block;
  max-width: 130px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MessageList.Discussion .ItemDiscussion {
  margin: 0;
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.DiscussionHeader {
  margin: 0;
}

.MessageList.Discussion .PageTitle {
  position: relative;
}

.CommentHeading {
  display: none;
}

.MessageList.Discussion .Item,
.MessageList.Comments .Item {
  border-top: 1px solid #fff !important;
  background: url("images/comment-tile.png") 0 0 repeat-y #fff;
}

.MessageList.Comments > .Item:nth-of-type(odd) {
  background-color: #f2f2f2;
}

.ContentColumn .ProfilePhotoMedium {
  height: 80px;
  width: 80px;
}

.User-Location span {
  display: block !important;
  padding: 0px !important;
  border: none !important;
}

.SpLocation {
  background: url("images/sprites.png") 2px -897px no-repeat transparent;
  width: 20px;
  height: 17px;
  position: absolute;
  top: 3px;
  left: 0px;
}

.Form-Header .ProfilePhotoMedium,
.MessageList.Discussion .ProfilePhotoMedium,
.MessageList.Comments .ProfilePhotoMedium {
  float: none;
  margin: 0 !important;
}

body.Profile .PanelColumn > .Photo {
  display: block;
  text-align: right;
  background: #b5c6d5;
  margin: 0;
  min-height: 200px;
  position: relative;
}

.Form-Header .Author .PhotoWrap,
.MessageList.Discussion .Author .PhotoWrap,
.MessageList.Comments .Author .PhotoWrap {
  height: 85px;
  width: 130px;
  display: block;
  background: red;
  text-align: right;
  background-color: #b5c6d5;
  background-image: url("images/rank-sprites2.png");
  background-repeat: no-repeat;
  background-position: 0px -284px;
  margin: 0;
}

.CommentsWrap {
  float: left;
  width: 100%;
}

.MessageList .Message .twitter-card {
  display: block;
  clear: right;
}

.MessageList .Message .twitter-card iframe {
  margin-left: 0px !important;
}

body.Profile.Role_Moderator .PanelColumn > .Photo,
body .Role_Moderator .Form-Header .PhotoWrap,
body .MessageList .Role_Moderator .PhotoWrap {
  background-color: #e0d8b8 !important;
  background-position: 0px -184px !important;
}

body.Profile.Role_Administrator .PanelColumn > .Photo,
body .Role_Administrator .Form-Header .PhotoWrap,
body .MessageList .Role_Administrator .PhotoWrap {
  background-color: #cfd3d6 !important;
  background-position: 0px -84px !important;
}

body.Profile.Role_PennyArcadeStaff .PanelColumn > .Photo,
body .Role_PennyArcadeStaff .Form-Header .PhotoWrap,
body .MessageList .Role_PennyArcadeStaff .PhotoWrap {
  background-color: #e5cbb7 !important;
  background-position: 0px 16px !important;
}

body.Profile.Role_VanillaStaff .PanelColumn > .Photo,
body .Role_VanillaStaff .Form-Header .PhotoWrap,
body .MessageList .Role_VanillaStaff .PhotoWrap {
  background-color: #cfd3d6 !important;
  background-position: 0px -584px !important;
}

body.Profile.Jailed .PanelColumn > .Photo,
body .MessageList .Jailed .PhotoWrap {
  background-color: #c3c3c3 !important;
  background-position: 0px -384px !important;
}

body.Profile.Banned .PanelColumn > .Photo,
body .MessageList .Banned .PhotoWrap {
  background-color: #d8b5b5 !important;
  background-position: 0px -484px !important;
}

body.Profile.Fugitive .PanelColumn > .Photo,
body .MessageList .Fugitive .PhotoWrap {
  background-color: #F09292 !important;
  background-position: 0px -724px !important;
}

body.Profile.Role_StripSearch #Frame .PanelColumn > .Photo,
body .Role_StripSearch .Form-Header .PhotoWrap,
body .MessageList .Role_StripSearch .PhotoWrap {
  background-color: #d7c5e6 !important;
  background-position: 0px -912px !important;
}

.MessageList .ItemDiscussion,
.MessageList .ItemComment {
  float: left;
  width: 100%;
  padding: 0 0 8px;
}

body.Profile .PanelColumn > .Photo:before {
  display: block;
  content: '';
  height: 80px;
  width: 50px;
  background: url("images/rank-sprites2.png") 0px -300px no-repeat transparent;
  position: absolute;
  top: 10px;
  left: 0px;
}

body.Profile .PanelColumn > .Photo .ProfilePhotoLarge {
  margin-left: 50px;
  display: block;
}

body.Profile.Role_Moderator .PanelColumn > .Photo:before {
  background-position: 0px -200px;
}

body.Profile.Role_Administrator .PanelColumn > .Photo:before {
  background-position: 0px -100px;
}

body.Profile.Role_PennyArcadeStaff .PanelColumn > .Photo:before {
  background-position: 0px 0px;
}

body.Profile.Role_VanillaStaff .PanelColumn > .Photo:before {
  background-position: 0px -600px;
}

body.Profile.Role_StripSearch .PanelColumn > .Photo:before {
  background-position: 0px -924px;
}

body.Profile.Jailed .PanelColumn > .Photo:before {
  background-position: 0px -400px;
}

body.Profile.Banned .PanelColumn > .Photo:before {
  background-position: 0px -500px;
}

body .MessageList .Item.Role_LovesAppleProducts .Item-BodyWrap {
  background-image: url("https://i.imgur.com/8AjthIM.png") !important;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.Empty {
  margin: 0;
  padding: 10px;
  background: #fff;
}

.MessageList .Discussion,
.MessageList .Comment {
  padding: 8px;
}

.AuthorWrap {
  width: 130px;
  float: left;
}

.Hero,
.DiscussionMeta,
.CommentMeta,
.Item-BodyWrap {
  margin-left: 150px;
}

.Reactions a:hover {
  text-decoration: none;
}

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

.MessageForm .FormWrapper {
  background: transparent;
}

.CommentFormWrap {
  background: url("images/comment-tile.png") 0 0 repeat-y #f2f2f2;
}

.CommentForm .FormWrapper {
  padding: 0 0 0 152px;
}

.CommentFormWrap {
  padding: 8px;
}

.Form-Header {
  float: left;
}

.Form-Header .Username {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.CommentForm textarea.TextBox {
  height: 64px;
  min-height: 64px;
  padding: 3px;
  margin: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

#Content .Foot {
  clear: left;
  padding: 1px 0 0;
}

#Content .Foot .Note.Closed {
  font-size: 14px;
  padding: 8px 15px;
  margin: 10px 0;
  color: #b94a4b;
  border: 1px solid #eed3d7;
  background: #f2dede;
}

div.PostEdited {
  position: absolute;
  margin: -22px 0 0;
  right: 8px;
  padding: 1px 10px 1px 27px !important;
  background: #DDD url("images/edited.png") no-repeat 10px center;
  color: #3E3E3E;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.ItemDiscussion,
.ItemComment {
  position: relative;
}

.ItemDiscussion .Message,
.MessageList .Message {
  margin: 12px 0 10px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #DADDE3;
  color: #333;
  font-size: 13px;
  font-family: helvetica, arial, 'lucida grande','Lucida Sans Unicode', sans-serif;
}

.MessageList.Comments .MeAction {
  background-image: none;
  padding-left: 150px;
}
.MessageList.Comments .MeAction .AuthorWrap {
  width: auto;
  display: block;
  float: none;
}
.MessageList.Comments .MeAction .AuthorWrap .Author {
  display: block;
}
.MessageList.Comments .MeAction .AuthorWrap .Author .PhotoWrap {
  display: none;
}
.MessageList.Comments .MeAction .AuthorWrap .AuthorInfo {
  display: none;
}
.MessageList.Comments .MeAction .AuthorWrap .AuthorAction {
  font-weight: normal;
  margin-bottom: 10px;
}
.MessageList.Comments .MeAction .CommentInfo {
  position: absolute;
  margin: 0px;
  top: 12px;
  left: 10px;
}
.MessageList.Comments .MeAction .CommentInfo .MItem {
  display: block;
  clear: right;
  margin-bottom: 5px;
}
.MessageList.Comments .MeAction .Author a.Username {
  display: inline;
}
.MessageList.Comments .MeAction .Item-BodyWrap {
  margin-left: 0px;
}
.MessageList.Comments .MeAction .Item-BodyWrap .Reactions {
  clear: both;
}
.MessageList.Comments .MeAction .Item-BodyWrap .Signature {
  display: none;
}

.MessageForm {
  clear: left;
}

.Comment .MessageForm {
  clear: none;
}

/* Move page controls up above the main content on the discussion & comments pages. */
.ProfileOptions,
.BeforeCommentHeading,
.PageControls.Top {
  position: absolute;
  top: 210px;
  left: 20px;
  right: 20px;
  margin: 0;
}

.ProfileOptions {
  left: auto;
}

/* Bump the main content down below the page controls on the discussion & comments pages. */
.Section-Profile .ContentColumn,
body.bookmarked .ContentColumn,
.Section-DiscussionList .ContentColumn,
.Section-Discussion .ContentColumn {
  /* .Section-Discussion .MessageList.Discussion { */
  margin-top: 52px !important;
}

.DataBox:after {
  content: '';
  display: block;
  clear: both;
}

/* Signatures */
.UserSignature {
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
  border-top: 0px !important;
  width: 500px;
  max-height: 150px;
  line-height: 100%;
  color: #555;
}

/* Profile */
a.ChangePicture {
  margin-left: 50px;
  width: 200px;
}

a.ChangePicture:hover {
  color: #fff;
}

body.Profile .User > h1.H:first-child {
  display: none;
}

body.Profile #Status {
  font-weight: bold;
  font-size: 120%;
}

#Content .About {
  display: none;
}

.DataList,
body.Profile .ReactionsWrap,
body.Profile .FilterMenu,
body.Activity .FilterMenu,
body.Activity .PanelInfo {
  background: #fff;
}

body.Profile .FilterMenu a {
  font-size: 13px;
}

body.Profile #Panel {
  margin-top: 32px;
}

body.Profile .User > h1.H {
  margin: 0;
}

#Panel .About dl {
  background: #fff;
  padding: 8px 10px;
}

#Panel .About dl dt {
  color: #032760;
  font-size: 13px;
  font-weight: bold;
  background: none;
  padding-left: 0;
  float: left;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.7;
}

#Panel .About dl dd {
  margin-left: 80px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #666;
  line-height: 1.7;
}

form.Activity > div:first-child {
  padding: 10px;
  background: #fff;
}

.UserBox {
  background: #f8f8f8;
  margin: 0;
  padding: 8px;
}

body.Profile.EditMode .UserBox + .Box {
  background: #fff;
  margin-top: 0;
}

body.Profile.EditMode #Content form {
  background: #fff;
}

input.CustomProfileFieldLabel,
input.CustomProfileFieldValue {
  padding: 6px 3px;
  font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
  color: #333;
  font-size: 15px;
  margin: 0;
  background: white;
  border: 1px solid #999;
}

.BigButton.AddPicture {
  width: 200px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-shadow: none;
  font-family: arial;
  color: #fff;
  top: auto;
  padding: 0;
  margin: 0 0 0 50px;
  height: 200px;
  line-height: 200px;
}

.BigButton.AddPicture:hover {
  background: rgba(0, 0, 0, 0.4);
}

form.Activity {
  margin: 0;
  border-bottom: 1px solid #ddd;
}

/* Permalinks */
.Permalink {
  background: url("images/sprites.png") 3px -144px no-repeat #a6a6a6;
  color: #fff !important;
  text-shadow: 0 1px 0 #666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 3px 4px 2px 23px;
  position: relative;
  margin-left: 5px;
}

.Permalink:hover {
  text-decoration: underline;
}

.Permalink time:before {
  content: "";
  border: 5px solid #a6a6a6;
  border-color: transparent #a6a6a6 transparent transparent;
  display: block;
  position: absolute;
  top: 4px;
  left: -10px;
}

/* Activity List */
body.Activity .ActivityFormWrap > form {
  margin: 0;
}

body.Activity .ActivityFormWrap > form > div {
  background: #fff;
  padding: 8px;
}

.DataList > li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
  border-top: 1px solid #fff;
}

.DataList.ActivityComments {
  background: transparent;
}

.DataList.Activities .Author.Photo .ProfilePhotoMedium {
  height: 40px;
  width: 40px;
}

/* Best Of Page */
body.bestof .DataCounts {
  background: #fff;
  margin: 0;
  padding: 8px 0;
}

.CountItemWrap {
  max-width: 200px;
}

.DataList.Compact h3.Title {
  margin: 0 15px 10px 0;
  float: left;
}

.DataList.Compact .AuthorWrap {
  width: auto;
  margin: 0 15px 0 0;
}

.DataList.Compact .Hero,
.DataList.Compact .Reactions,
.DataList.Compact .Item-BodyWrap {
  clear: left;
  margin: 10px 0;
}

.DataList.Compact .Reactions {
  margin-left: -10px;
}

/* Conversations */
body.Conversations .Author .ProfilePhotoMedium {
  height: 40px;
  width: 40px;
}

.MessageFormWrap {
  padding: 8px;
  background: #f2f2f2;
  padding: 8px;
}

.MessageFormWrap .Username {
  display: none;
}

.MessageFormWrap .PhotoWrap {
  background: none;
  height: auto;
  width: auto;
  text-align: left;
  display: inline;
}

.MessageFormWrap .FormWrapper {
  padding: 0 0 0 48px;
}

/* FootCrumbs */
#Foot,
#FootCrumbs {
  margin: 0;
  background: #E9F8FC;
}

#FootCrumbs .BreadcrumbsWrapper {
  margin: 0;
  padding: 10px 20px;
}

/* MeBox */
.MeBox.Inline, .MeBox.Inline .WhoIs, .MeBox.Inline .MeMenu {
  line-height: 24px;
}

.MeMenu .Flyout {
  line-height: 24px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.MeBox.Inline .Username {
  vertical-align: middle;
}

.ForumMenu li {
  height: 24px;
  display: inline-block;
}

.Head .MeBox .SignInLinks a {
  vertical-align: top;
}

.Head .MeBox .SignInLinks a,
.ForumMenu a {
  line-height: 24px;
  font-size: 14px;
}

.ForumMenu li a {
  vertical-align: middle;
}

.MeBox.Inline > .PhotoWrap .ProfilePhoto {
  vertical-align: middle;
}

.SignInLinks {
  font-size: 14px;
}

.SignInLinks > .Bullet {
  color: transparent;
  width: 1px;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #B4D8E6;
  border-width: 0 0 0 1px;
  margin: 0 10px;
  line-height: 24px;
}

.SignInIcons {
  display: inline-block;
  margin: 0 0 0 10px;
}

.SignInLinks {
  vertical-align: middle;
}

/* Popups */
div.Popup .Body {
  background: #e9f8fc url("images/pa-top-pixels-bg.png") center -30px repeat-x;
}

.MultipleEntryMethods {
  overflow: visible;
}

.Popup h1.H,
.Popup h2.H {
  margin: 0;
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-shadow: none;
  color: #000;
  padding: 0;
  font-size: 15px;
}

/* Dismiss Messages */
.DismissMessage,
.DismissMessage.Info,
.DismissMessage.Warning,
.DismissMessage.Box {
  background: #555;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.8), inset -3px -3px 0 rgba(255, 255, 255, 0.8), inset 2px 2px 0 rgba(255, 255, 255, 0.5), inset -2px -2px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.8), inset -3px -3px 0 rgba(255, 255, 255, 0.8), inset 2px 2px 0 rgba(255, 255, 255, 0.5), inset -2px -2px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.8), inset -3px -3px 0 rgba(255, 255, 255, 0.8), inset 2px 2px 0 rgba(255, 255, 255, 0.5), inset -2px -2px 0 rgba(255, 255, 255, 0.5);
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 3px 3px 0 rgba(255, 255, 255, 0.4);
  position: relative;
}

.DismissMessage:after,
.DismissMessage:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  bottom: -4px;
  left: -1px;
  border-color: transparent transparent transparent #E9F8FC;
  border-style: solid;
  border-width: 4px;
}

.DismissMessage:after {
  bottom: auto;
  left: auto;
  top: -4px;
  right: -1px;
  border-color: transparent #E9F8FC transparent transparent;
  border-style: solid;
  border-width: 4px;
}

.DismissMessage a {
  color: #fff;
  text-decoration: underline;
}

.DismissMessage a:hover {
  color: #fff;
  text-decoration: none;
}

.DismissMessage a.Dismiss,
.DismissMessage a.Dismiss:hover {
  margin: 4px 1px;
}

.DismissMessage.Warning {
  background: #d00;
}

.DismissMessage.Box {
  color: #fff;
  background: #4080b9;
}

.DismissMessage.Info {
  background: #e57a0a;
}

.DismissMessage a.Dismiss,
.DismissMessage a.Dismiss:hover {
  color: #fff;
  text-decoration: none;
}

/* Online */
.PhotoGridSmall img.ProfilePhoto {
  width: 24px;
  height: 24px;
}

.OnlineUserWrap.UserLink {
  font-size: 11px;
}

.OnlineUserWrap .OnlineUserName {
  background: #e57d00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e57d00 0%, #f5bb6a 86%, #f5bb6a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e57d00), color-stop(86%, #f5bb6a), color-stop(100%, #f5bb6a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e57d00 0%, #f5bb6a 86%, #f5bb6a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e57d00 0%, #f5bb6a 86%, #f5bb6a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e57d00 0%, #f5bb6a 86%, #f5bb6a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e57d00 0%, #f5bb6a 86%, #f5bb6a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57d00', endColorstr='#f5bb6a',GradientType=0 );
  /* IE6-9 */
  border-color: #E57D00;
  border-width: 0px 0px 1px 0px;
}

.OnlineUserWrap .OnlineUserName a {
  color: white;
  font-size: 11px;
  font-weight: bold;
}

.OnlineUserWrap .OnlineUserName:after {
  border-color: #E57D00 transparent transparent transparent;
  bottom: -11px;
}

.OnlineUserWrap .OnlineUserName:before {
  border-color: transparent;
}

.WhosOnline li {
  display: inline;
  display: inline-block;
  padding: 0px 5px;
  border: 2px solid #DDDDDD;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: #F1F1F1;
  background: rgba(0, 0, 0, 0.1);
  margin-right: 1px;
  margin-bottom: 3px;
}

.WhosOnline li:first-child {
  border-top-width: 2px;
}

/* Online Glow */
.Discussion .Author a.PhotoWrap:before,
.Comments .Author a.PhotoWrap:before,
.MessageForm .Author a.PhotoWrap:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -1px;
  width: 82px;
  height: 13px;
  z-index: 100;
  background: url("images/offlineglow.png") top left no-repeat;
}

.Discussion .Author a.PhotoWrap.Online:before,
.Comments .Author a.PhotoWrap.Online:before,
.MessageForm .Author a.PhotoWrap.Online:before {
  background: url("images/onlineglow.png") top left no-repeat;
}

body.Profile .PanelColumn > .Photo {
  padding-bottom: 5px;
}

body.Profile .PanelColumn > .Photo:after {
  content: "";
  position: absolute;
  bottom: -9px;
  right: 0px;
  width: 200px;
  height: 14px;
  z-index: 100;
  background: url("images/profile-offlineglow.png") top left no-repeat;
}

body.Profile .PanelColumn > .Photo.Online:after {
  background: url("images/profile-onlineglow.png") top left no-repeat;
}

.Ignored.IgnoreHide .Message,
.Ignored.IgnoreHide .Message-Footer,
.Ignored.IgnoreHide .AuthorWrap .Author .PhotoWrap,
.Ignored.IgnoreHide .AuthorWrap .AuthorInfo,
.Ignored.IgnoreHide .AwesomePost,
.Ignored.IgnoreHide .ReportPost {
  display: none;
}

.Popup .Preview {
  min-width: 400px;
  background: transparent;
}

/* Community-suggested changes & fixes */
.DiscussionsTable .Unread .HasNew {
  display: inline-block;
  margin-left: 10px;
  background: #4080B9;
  font-weight: normal;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.WhosOnline li {
  border: none;
  box-shadow: inset 0 0 2px #aaa;
}

.WhosOnline li a {
  font-size: 11px;
}

.NumViewing {
  padding: 3px 4px;
  line-height: 1;
  font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
  text-transform: capitalize;
  font-weight: normal;
  text-shadow: 0 1px 0 #4B5618;
  letter-spacing: 0;
}

/* Comment Author Info */
.AuthorInfo {
  line-height: 1;
}

.AuthorInfo .MItem {
  color: #555;
  display: block;
  white-space: normal;
  line-height: 1.5;
  margin: 2px 0;
}

.AuthorInfo .MItem.RoleTitle,
.AuthorInfo .MItem.Rank {
  display: none;
}

.MessageList.Comments .Author .PhotoWrap {
  margin-bottom: 8px;
}

/* Comment Info */
.Item .MItem.Infracted {
  background: #f44;
  color: #fff;
  padding: 3px 4px 1px 4px;
  margin: 0px 4px;
  border-radius: 2px;
  font-size: 12px;
}

.Item .MItem.Infracted a {
  color: white;
  text-transform: uppercase;
}

.Item .MItem.Infracted a:hover {
  text-decoration: none;
}

.Item .MItem.Infracted span.Discuss {
  font-size: 11px;
}

.Item .MItem.Infracted span.Discuss a {
  color: #900;
  text-transform: lowercase !important;
}

/* Comma-delimited sub-category list */
.DataList.ChildCategoryList {
  background: #fff;
  padding: 10px 8px;
}

.DataList.ChildCategoryList li,
.DataList.ChildCategoryList .ItemContent,
.DataList.ChildCategoryList h3,
.DataList.ChildCategoryList .Title {
  display: inline;
  background: none;
  border: none;
  padding: 0;
}

.DataList.ChildCategoryList .CategoryDescription,
.DataList.ChildCategoryList .Meta {
  display: none;
}

.DataList.ChildCategoryList h3:after {
  content: ", ";
}

.DataList.ChildCategoryList li:last-child h3:after {
  content: "";
}

/* Profile Panel missing stuff */
.BoxProfileFilter {
  margin-top: 0;
}

#SharedFingerprint .PanelInfo {
  background: #fff;
}

.Box.BadgeGrid .PhotoGrid {
  background: #fff;
  padding: 6px 8px 8px;
}

/* Badge Page */
.Badge .ProfilePhotoMedium {
  height: 32px;
  width: 32px;
}

.RecentRecipients .CellWrap {
  white-space: nowrap;
  width: 200px;
}

.RecentRecipients .Cell {
  width: 100%;
  padding: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.EarnedThisBadge,
body.Badge .ContentColumn > p,
.RecentRecipients {
  background: #fff;
  margin: 0;
  padding: 10px 10px 0;
}

.BadgeCountDisplay {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* Conversation */
.Conversation .Message {
  padding: 0;
  margin: 0;
  border: none;
}

#MessageForm {
  clear: none;
}

.Section-Conversation .Form-Header .Author .PhotoWrap {
  background: none;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}

.Section-Conversation .Form-Header .Author .PhotoWrap:before,
.Section-Conversation .Form-Header .Author .Username {
  display: none;
}

.DataList.Conversations .Meta {
  position: absolute;
  top: 8px;
  right: 8px;
}

.Section-ConversationList .PagerWrap {
  overflow: hidden;
  background: #fff;
  padding: 2px 8px;
  border-bottom: 1px solid #ddd;
}

.Section-ConversationList #Content h1.H {
  margin: 50px 0 0;
}

.Section-ConversationList #Content .PagerWrap {
  float: right;
}

body.Conversations.add .PanelColumn,
.Section-ConversationList .PanelColumn {
  display: none !important;
}

body.Vanilla.Post #Content,
body.Conversations.add .ContentColumn,
.Section-ConversationList .ContentColumn {
  margin: 0 20px !important;
  width: auto !important;
}

.FormWrapper {
  background: #fff;
}

.ContentColumn .NewConversation.Button {
  display: inline-block;
  margin: 0;
}

.Section-Conversation .PanelColumn {
  width: 200px !important;
}

.Section-Conversation .ContentColumn {
  margin: 0 20px 0 240px !important;
}

.Section-Conversation .PanelInfo {
  background: #fff;
}

.Section-Conversation .PanelInfo li:nth-child(even) {
  background: #eee;
}

.AddPeople form > div {
  padding: 8px;
  background: #fff;
}

/* Autocomplete */
.ac_results {
  border: 1px solid #d7d8da;
  color: #000;
  border-top: 0;
  background-color: white;
}

.ac_results li {
  border-bottom: 1px solid #d7d8da;
}

.ac_lastitem {
  border-bottom: 0 !important;
}

.ac_results strong {
  background: #c7e2ff;
}

.ac_over strong {
  background: #216ebf;
}

.ac_over {
  background: #004D9F;
  color: #fff;
}

/* Drafts */
body.Drafts .HomepageTitle {
  display: block;
}

.InputBox.Disabled {
  background-color: #f1f1f1;
  color: #909090;
  border-color: #B8B8B8;
}

li.User-Title.Locked label:after,
li.User-Location.Locked label:after {
  content: "locked";
  font-weight: normal;
  font-size: 12px;
  color: #606060;
  margin-left: 5px;
}

/* Best Of */
body.bestof #Panel {
  display: block;
  position: absolute;
  top: 255px;
  left: 40px;
  width: auto;
  display: block;
  float: none;
}

body.bestof #Panel > * {
  display: none;
}

body.bestof #Panel > .BoxBestOfFilter {
  display: block;
}

.BestOfData {
  padding: 60px 10px 20px;
  background: #fff;
}

.BoxBestOfFilter > h4 {
  display: none;
}

#Panel .BoxBestOfFilter .FilterMenu li {
  border-width: 0 0 1px 0;
  display: inline-block;
  padding: 4px 10px;
}

.BestOfList .AuthorWrap {
  float: none;
  width: auto;
}

/* Infractions */
.Popup .InfractionPopup {
  margin: -10px;
  background: white;
}

.Popup .InfractionPopup h1.H,
.Popup .InfractionPopup h3.H {
  padding: 10px;
  background: white;
  border-bottom: 1px solid #e1e1e1;
}

.Popup .InfractionPopup h2.H {
  display: none;
}

.Popup .InfractionPopup h3.H {
  padding: 8px 10px;
}

.ProfileOptions .Sprite16,
.ProfileOptions .Sprite {
  margin-top: -1px !important;
}

#ModList .Moderators {
  background: white;
  padding: 10px;
  overflow: hidden;
  height: 100%;
}

#ModList .Moderators .CategoryModeratorWrap {
  display: block;
  float: left;
  text-align: center;
  margin: 0px 10px;
  width: 50px;
}

#ModList .Moderators .CategoryModeratorWrap.UserPicture {
  font-size: 11px;
}

#ModList .Moderators .CategoryModeratorWrap.UserPicture img {
  width: 40px;
  height: 40px;
}

.Hunter.ReactMenu .ReactSprite.ReactAlertAuthorities {
  background-position: -260px -60px;
}

.Hunter.ReactMenu .ReactSprite.ReactHideCriminal {
  background-position: -200px -140px;
}

.Valentines.ReactMenu .ReactSprite.ReactShootArrow {
  background-position: -140px -20px;
}

.Valentines.ReactMenu .ReactSprite.ReactAffectionate {
  background-position: -240px -20px;
}

.Valentines.ReactMenu .ReactSprite.ReactUnimpressive {
  background-position: -300px -20px;
}

.Desired .AuthorWrap:after {
  content: " ";
  background: transparent url("images/desired.png") no-repeat center center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 68px;
  left: 13px;
}

/* Geth Comment Area */
.MinionRulesWarning {
  background: #e1e1e1 url("images/geth.gif") no-repeat 0px -4px;
  padding: 4px 6px 4px 45px;
  color: #454545;
  border: 1px solid #aaa;
  border-width: 1px;
  font-size: 12px;
}

.MinionRulesWarning span.MinionGreetings {
  color: #FF0047;
  font-weight: bold;
}

/* Category Filter */
.CategoryFilter .CategoryFilterTitle {
  display: none;
}

.CategoryFilter .CategoryFilterOptions {
  float: right;
  margin-top: 10px;
  padding: 5px 9px;
  border: 1px solid #a8a8a8;
  border-radius: 4px;
  background: white;
  box-shadow: inset 0 -1px 4px #e6e6e6;
  color: #252525;
}

.ItemDiscussion .DiscussionName .Tag {
  letter-spacing: 1px;
  text-shadow: none;
  font-size: 11px;
  padding: 4px 4px 2px 4px;
}
.ItemDiscussion .CustomTagRed {
  background-color: #FF5C5C;
}
.ItemDiscussion .CustomTagOrange {
  background-color: #FF8F00;
  color: #FFF3E4;
}
.ItemDiscussion .CustomTagBlue {
  background-color: #74B1FF;
}
.ItemDiscussion .CustomTagPink {
  background-color: #F8A8FF;
}
.ItemDiscussion .CustomTagGreen {
  background-color: #77D677;
  color: #E9FFE7;
}
.ItemDiscussion .CustomTagLightgreen {
  background-color: #A3FF00;
  color: #33A22A;
}
.ItemDiscussion .CustomTagPurple {
  background-color: #B765D1;
  color: #FDD5FF;
}

.Item .DiceRoll {
  padding: 1px 10px;
  margin-top: 15px;
  border-left: 5px solid #a8a8a8;
  background-color: white;
}
.Item .DiceRoll .Rolls {
  display: none;
}
.Item .DiceRoll .Expr {
  margin: 10px 0px;
}
.Item .DiceRoll .Expr .Roll {
  border: 1px solid #a8a8a8;
  border-radius: 4px;
  background: #f1f1f1;
  box-shadow: inset 0 -1px 4px #d6d6d6;
  color: #252525;
}

.Item.Alt .DiceRoll {
  background-color: #f3f3f3;
}
.Item.Alt .DiceRoll .Expr .Roll {
  background: white;
}

/** Search **/
.AdvancedSearch .Heading {
  font-family: Rockwell, Helvetica, Arial;
  color: #032255;
}

.DataList-Search > .Item {
  padding: 8px 16px;
}
.DataList-Search .Media .Img img {
  height: 60px;
  width: 60px;
}

.QuickSearch .QuickSearchButton {
  border: 0;
  background-color: transparent;
  padding: 0 4px;
}
.QuickSearch .QuickSearchButton:hover {
  background-color: transparent;
}

.MenuItems {
  background: #fdfdfd;
}

.Reactions .ReactButton:hover {
  color: #ff3139;
}

.Conversations.Messages .DataListWrap .WarningContext {
  background: #fdd;
  border: 1px solid #f00;
  padding: 8px;
}
.Conversations.Messages .DataListWrap .Gloss {
  color: white;
  border-bottom: 1px dotted #f00;
}

/*# sourceMappingURL=custom.css.map */