1. * { margin: 0; padding: 0; }
  2.  
  3. body {
  4.     padding-top: 30px;
  5.     font: 11px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  6. }
  7.  
  8. form {
  9.     margin-left: 8px;
  10.     padding: 16px 16px 40px 16px;
  11.     font-weight: normal;
  12.     -moz-border-radius: 11px;
  13.     -khtml-border-radius: 11px;
  14.     -webkit-border-radius: 11px;
  15.     border-radius: 5px;
  16.     background: #fff;
  17.     border: 1px solid #e5e5e5;
  18.     -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
  19.     -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
  20.     -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
  21.     box-shadow: rgba(200,200,200,1) 0 4px 18px;
  22. }
  23.  
  24. form .forgetmenot {
  25.     font-weight: normal;
  26.     float: left;
  27.     margin-bottom: 0;
  28. }
  29.  
  30. .button-primary {
  31.     font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
  32.     padding: 3px 10px;
  33.     border: none;
  34.     font-size: 12px;
  35.     border-width: 1px;
  36.     border-style: solid;
  37.     -moz-border-radius: 11px;
  38.     -khtml-border-radius: 11px;
  39.     -webkit-border-radius: 11px;
  40.     border-radius: 11px;
  41.     cursor: pointer;
  42.     text-decoration: none;
  43.     margin-top: -3px;
  44. }
  45.  
  46. #login form p {
  47.     margin-bottom: 0;
  48. }
  49.  
  50. label {
  51.     color: #777;
  52.     font-size: 13px;
  53. }
  54.  
  55. form .forgetmenot label {
  56.     font-size: 11px;
  57.     line-height: 19px;
  58. }
  59.  
  60. form .submit,
  61. .alignright {
  62.     float: right;
  63. }
  64.  
  65. form p {
  66.     margin-bottom: 24px;
  67. }
  68.  
  69. h1 a {
  70.     background: url(../images/logo-login.gif) no-repeat top center;
  71.     width: 326px;
  72.     height: 67px;
  73.     text-indent: -9999px;
  74.     overflow: hidden;
  75.     padding-bottom: 15px;
  76.     display: block;
  77. }
  78.  
  79. #nav {
  80.     text-shadow: rgba(255,255,255,1) 0 1px 0;
  81. }
  82.  
  83. #backtoblog {
  84.     position: absolute;
  85.     top: 0;
  86.     left: 0;
  87.     border-bottom: #c6c6c6 1px solid;
  88.     background: #d9d9d9; /* fallback color */
  89.     background: -moz-linear-gradient(bottom,  #d7d7d7,  #e4e4e4);
  90.     background: -webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(#e4e4e4));
  91.     height: 30px;
  92.     width: 100%;
  93. }
  94.  
  95. #backtoblog a {
  96.     text-decoration: none;
  97.     display: block;
  98.     padding: 8px 0 0 15px;
  99. }
  100.  
  101. #login { width: 320px; margin: 7em auto; }
  102.  
  103. #login_error,
  104. .message {
  105.     margin: 0 0 16px 8px;
  106.     border-width: 1px;
  107.     border-style: solid;
  108.     padding: 12px;
  109.     -moz-border-radius: 3px;
  110.     -khtml-border-radius: 3px;
  111.     -webkit-border-radius: 3px;
  112.     border-radius: 3px;
  113. }
  114.  
  115. #nav {
  116.     margin: 0 0 0 8px;
  117.     padding: 16px;
  118. }
  119.  
  120. #user_pass,
  121. #user_login,
  122. #user_email {
  123.     font-size: 24px;
  124.     width: 97%;
  125.     padding: 3px;
  126.     margin-top: 2px;
  127.     margin-right: 6px;
  128.     margin-bottom: 16px;
  129.     border: 1px solid #e5e5e5;
  130.     background: #fbfbfb;
  131. }
  132.  
  133. input {
  134.     color: #555;
  135. }
  136.  
  137. .clear {
  138.     clear: both;
  139. }