/**
 * @file
 * The error base CSS file for the theme.
 *
 */


/********
*  404  *
********/

#error404 {
  border-top: 1px solid #d3dfdb;
  -moz-box-shadow: inset 0px 5px 5px -4px #eaeaea;
  -webkit-box-shadow: inset 0px 5px 5px -4px #eaeaea;
  -o-box-shadow: inset 0px 5px 5px -4px #eaeaea;
  box-shadow: inset 0px 5px 5px -4px #eaeaea;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#eaeaea, Direction=180, Strength=5);
  margin: 0 auto;
  width: 944px;
}

  #error404 .top {
    color: #01224d;
    font-size: 22px;
    font-style: italic;
    letter-spacing: 0.2em;
    padding: 15px 0;
    text-align: center;
  }

  #error404 .msg {
    color: #FFF;
    padding: 20px 0 40px;
  }

    #error404 .msg div {
      font-size: 100px;
      font-style: italic;
      text-align: center;
    }

    #error404 .msg p {
      color: #FFF;
      font-size: 50px;
      font-style: italic;
      line-height: 100%;
      letter-spacing: normal;
      margin: 0;
      text-align: center;
    }

    #error404 .msg div.desc {
      color: #FFF;
      font-size: 18px;
      line-height: 100%;
      letter-spacing: normal;
      margin: 50px auto 0;
      text-align: center;
      width: 380px;
    }


@media all and (min-width:710px) and (max-width:1023px) {

#error404 {
  width: 100%;
}

  #error404 .msg img {
    height: auto;
    width: 100%;
  }

}

@media all and (max-width:709px) {

#error404 {
  width: 100%;
}

  #error404 .msg img {
    height: auto;
    width: 100%;
  }

}