@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);

body {
	font-family: 'Open Sans', sans-serif;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f5f5f5;
}

h3 { font-weight: 400; }

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
          -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
			   box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-animation-name: dropLogin;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;

    -webkit-animation-name: dropLogin;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
	animation: dropLogin 0.6s 1;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

button { font-family: 'Open Sans', sans-serif; }

@keyframes dropLogin
{
from {margin-top:-150%;}
to {margin-top:0%;}
}

@-moz-keyframes dropLogin /* Firefox */
{
from {margin-top:-150%;}
to {margin-top:0%;}
}

@-webkit-keyframes dropLogin /* Safari and Chrome */
{
from {margin-top:-150%;}
to {margin-top:0%;}
}

@-o-keyframes dropLogin /* Opera */
{
from {margin-top:-150%;}
to {margin-top:0%;}
}