@font-face {
  font-family: 'IranianSerifWeb';
  src: url('../fonts/IranianSerifWeb.woff') format('woff');
}

body.login { background-color: #1abc9c; }
body.login div#login { font-family: 'IranianSerifWeb'; }
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform { box-shadow: none !important; }
body.login div#login form#loginform p:nth-child(2) { height: 40px; }
body.login div#login form#loginform p label {}
body.login div#login form#loginform input { font-family: 'IranianSerifWeb'; }
body.login div#login form#loginform input#user_login { background: #fff url('../images/user.png') right 10px center no-repeat; padding-right: 40px; font-size: 14px; height: 40px; }
body.login div#login form#loginform input#user_pass { background: #fff url('../images/pass.png') right 10px center no-repeat; padding-right: 40px; font-size: 14px; height: 40px; position: relative; top: -30px; }
body.login div#login form#loginform p.forgetmenot { margin: 10px 0 15px 0; }

body.login div#login form#loginform p.forgetmenot input#rememberme { position: relative; top: 2px; }
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit { font-family: 'IranianSerifWeb'; font-size: 15px; background: #1abc9c; width: 100%; height: 40px; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
body.login div#login p#nav {}
body.login div#login p#nav a { font-family: 'IranianSerifWeb'; color: #fff; text-shadow: 0px 1px 0px #000; }
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a { font-family: 'IranianSerifWeb'; color: #fff; text-shadow: 0px 1px 0px #000;display: none; }

#extra { 
  width: 100%;
  height: 40px;
  margin: 95px 0 0;
  background-color: #e74c3c;
  text-align: center;
  color: #f0f0f0;
}

#extra a {
  font-family: 'IranianSerifWeb';
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  line-height: 40px;
}

@-webkit-keyframes fade {
    0% { opacity: 0 }
    100% { opacity: 100 }
}
@-moz-keyframes fade { 
    0% { opacity: 0 }
    100% { opacity: 100 }
}
@-o-keyframes fade { 
    0% { opacity: 0 }
    100% { opacity: 100 }
}
@keyframes fade { 
    0% { opacity: 0 }
    100% { opacity: 100 }
}
.fade {
    opacity: 0;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fade;
    -moz-animation-name: fade;
    -o-animation-name: fade;
    animation-name: fade;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.fade.one {
    -webkit-animation-delay:1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.fade.two {
    -webkit-animation-delay:2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.fade.three {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}