.error-page {
  background-color: #1f2023; }
  .error-page #skyline, .error-page footer#uswitch-footer, .error-page #banner_advertisement {
    background-color: #1f2023;
    background-image: none; }
  .error-page footer#uswitch-footer a {
    font-weight: bold; }
  .error-page #skyline {
    height: 66px; }
    .error-page #skyline a.logo {
      height: 58px;
      width: 62px; }
    .error-page #skyline a.logo, .error-page #skyline .logo img {
      position: relative;
      z-index: 20; }
  .error-page .robot {
    display: none; }
  .error-page .kitty {
    display: none; }
  .error-page .main-content {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#292728), to(#756a69));
    background-image: -moz-linear-gradient(top, #292728, #756a69);
    background-image: linear-gradient(#292728, #756a69);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#292728, endColorstr=#756a69);
    -pie-background: linear-gradient(#292728, #756a69);
    padding: 10px 0 20px;
    margin: 0;
    position: relative;
    width: 100%; }
    .error-page .main-content h1, .error-page .main-content h2, .error-page .main-content p, .error-page .main-content a, .error-page .main-content form {
      position: relative;
      z-index: 20; }
    .error-page .main-content a {
      color: #21aaff; }
    .error-page .main-content h1, .error-page .main-content h2, .error-page .main-content p, .error-page .main-content li {
      color: white;
      font-weight: normal;
      text-align: center; }
    .error-page .main-content h1, .error-page .main-content h2 {
      text-shadow: 3px -2px 3px #111111; }
    .error-page .main-content h1 {
      font-weight: bold; }
    .error-page .main-content h1, .error-page .main-content h2, .error-page .main-content p, .error-page .main-content form {
      padding: 0 10px;
      margin: 0 auto; }
    .error-page .main-content h1 {
      font-size: 28px;
      margin: 0 auto 5px; }
    .error-page .main-content h2 {
      font-size: 20px;
      margin: 0 auto 10px; }
    .error-page .main-content p, .error-page .main-content li {
      font-size: 15px;
      line-height: 24px;
      padding: 0; }
    .error-page .main-content form {
      margin-bottom: 10px;
      text-align: center; }
      .error-page .main-content form label {
        display: none; }
      .error-page .main-content form input {
        display: inline;
        font-size: 15px;
        padding: 5px;
        margin-right: 10px;
        margin-bottom: 10px; }
      .error-page .main-content form button {
        -moz-border-radius-topleft: 7px;
        -webkit-border-top-left-radius: 7px;
        border-top-left-radius: 7px;
        -moz-border-radius-topright: 7px;
        -webkit-border-top-right-radius: 7px;
        border-top-right-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -webkit-border-bottom-left-radius: 7px;
        border-bottom-left-radius: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-right-radius: 7px;
        border-bottom-right-radius: 7px;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#eaeaea));
        background-image: -moz-linear-gradient(top, #f0f0f0, #eaeaea);
        background-image: linear-gradient(#f0f0f0, #eaeaea);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#eaeaea);
        -pie-background: linear-gradient(#f0f0f0, #eaeaea);
        -webkit-box-shadow: inset 1px 10px 0 white, 1px 1px 1px #333333;
        -moz-box-shadow: inset 1px 10px 0 white, 1px 1px 1px #333333;
        box-shadow: inset 1px 10px 0 white, 1px 1px 1px #333333;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        border: 1px solid #cccccc;
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-family: inherit;
        font-size: 17px;
        font-weight: normal;
        margin: 0;
        padding: 4px 14px;
        position: relative;
        text-decoration: none;
        text-shadow: none;
        white-space: nowrap; }
  .error-page #global_nav, .error-page #search_icon, .error-page .fake-top, .error-page .social, .error-page .more-from, .error-page .trusted, .error-page .help, .error-page #help-content {
    display: none !important; }
  .error-page footer#uswitch-footer {
    border-top: 0;
    margin-top: 0; }
  .error-page #footer-wrapper {
    position: static; }
    .error-page #footer-wrapper .site-links {
      margin-top: 30px; }
      .error-page #footer-wrapper .site-links a {
        color: white; }

@media all and (min-width: 500px) {
  .error-page .robot, .error-page .kitty {
    display: block;
    position: absolute; }
  .error-page .robot {
    bottom: -10px;
    left: -5%;
    z-index: 10; }
  .error-page .kitty {
    top: -85px;
    right: -5%; }
  .error-page .main-content {
    padding-top: 20px; }
    .error-page .main-content h1, .error-page .main-content h2, .error-page .main-content p, .error-page .main-content form {
      padding: 0;
      width: 440px; }
    .error-page .main-content h1 {
      font-size: 48px;
      margin: 95px auto 5px; }
    .error-page .main-content h2 {
      font-size: 24px;
      margin: 0 auto 45px;
      width: 300px; }
    .error-page .main-content form {
      margin-bottom: 40px;
      width: 100%; }
      .error-page .main-content form input {
        margin-bottom: 0;
        min-width: 0;
        width: 310px; }
  .error-page .main-content {
    padding-bottom: 120px; } }
@media all and (min-width: 868px) {
  .error-page .robot {
    left: 5%; }
  .error-page .kitty {
    right: 5%; } }
