Changes

     background: #FF3333;

     background: #FF3333;

     color: white;

     color: white;

     font-family: "Cybertron";

     font-family: "Cybertron Moviecaps";

     text-align: left;

     text-align: left;

     line-height: 35px;

     line-height: 35px;

     text-align: right;

     text-align: right;

}

}

#hrp-header .villain, #hrp-header .autobot {

#hrp-header .villain {

     background: #440000;

     background: #440000;

     color: #9C604F;

     color: #9C604F;

     padding-left: 5px;

     padding-left: 5px;

     font-family: "Aller";

     font-family: "Aller";

     font-weight: normal;

     font-weight: normal;

}

}

     transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative;

     transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative;

}

}

#hrp-header-compact .villain, #hrp-header-compact .autobot {

#hrp-header-compact .villain {

     background: #440000;

     background: #440000;

     color: #9C604F;

     color: #9C604F;

     font-family: "Aller";

     font-family: "Aller";

     font-weight: normal;

     font-weight: normal;

     transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative;

     transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative;

}

}