@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);
* {font-family: 'Open Sans', sans-serif;}
body{font-size:16px; font-family:Verdana;color:#443838;margin:0px;padding:0px;background:url(../images/bg.jpg) no-repeat center center;}
.box{position:relative;width:272px;height:230px;margin:15% auto;background: #040005;padding:20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);box-shadow: 0 0 10px 1px rgba(0,0,0,1);}
.box img{position: absolute;bottom:-30px;left:120px;}
input[type=text],input[type=password]{color:#fff;width:250px;background:#0b0b0b;border:1px solid #121212;padding:15px 10px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
input[type=text]:focus,input[type=password]:focus{border-color:#50035f;}
input[type=submit]{cursor:pointer;background: #510960; background: -moz-linear-gradient(top,  #510960 0%, #34063e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#510960), color-stop(100%,#34063e)); background: -webkit-linear-gradient(top,  #510960 0%,#34063e 100%); background: -o-linear-gradient(top,  #510960 0%,#34063e 100%);background: -ms-linear-gradient(top,  #510960 0%,#34063e 100%); background: linear-gradient(to bottom,  #510960 0%,#34063e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#510960', endColorstr='#34063e',GradientType=0 ); color:#fff;border:none;padding:10px 15px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;float:right;}
h1{margin:0;font-size:22px;color:#fff;font-weight: 300}
::-webkit-input-placeholder{color:#3c3c3c;}
:-moz-placeholder{color:#3c3c3c;}
::-moz-placeholder{color:#3c3c3c;}
:-ms-input-placeholder{color:#3c3c3c;}:focus {outline:none;}