@font-face { font-family: "BrandonGrotesqueLightRegular"; src: url("brandongrotesque_light/Brandon_light-webfont.eot"); src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg"); font { weight: normal; style: normal; } } /* via blueprint */ html { font-size: 100.01%; } /* via blueprint */ body { font-size: 75%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #222222; background: white; margin-left: 2em; } /* via blueprint */ input[type=text], input[type=password], textarea, select { background-color: white; border: 1px solid #bbbbbb; } /* via blueprint */ input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #666666; } #huge_text { font-size: 40px; font-family: "BrandonGrotesqueLightRegular"; line-height: 120px; color: #333333; text-shadow: 0 1px 1px #999999; } input { font-size: 14px; } form p { position: relative; padding: 0; } label { color: #999999; position: absolute; padding-top: 7px; left: 8px; font-size: 14px; font-weight: normal; } input[type='text'], input[type='password'] { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 0.3em; width: 395px; border-top: 1px solid #999999; } #user { display: inline; width: 500px; } #user .username { width: 200px; display: inline; } #user .username input { display: inline; width: 200px; } #user .user_network { width: 200px; display: inline; font-size: 18px; }