/* http://gist.github.com/69502 */

#content { width: 710px; margin: 0 auto; padding-top: 216px; background: url('/images/home/birds.png') no-repeat 100px 36px; }

h1 { display: none; }

h2#question { color: #f07; height: 90px; width: 100%; background: url('/images/home/headline.png') no-repeat center 0; }
h2#question span { display: none; }

form { width: 550px; margin: 0 auto; position: relative; margin-bottom: 15px; }
form .field { position: relative; }
form .field.text { height: 52px; margin-bottom: 5px; }
form .field.text .addendum { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; text-indent: -1000px; width: 40px; height: 52px; background: url('/images/home/question_mark.png') no-repeat 8px 10px; }
form .field.text .hint { display: block; }
form .field.text label { display: block; position: absolute; left: 0px; text-indent: -1000px; width: 40px; height: 100%; }
form .field.text label[for=roll_action_name] { background: url('/images/home/label_action_name.png') no-repeat 13px 16px; }
form .field.text label[for=roll_participants] { background: url('/images/home/label_participants.png') no-repeat 15px 16px; }
form .field.text input { border: none; background: #d5d5d5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 11px 10px 12px 45px; width: 455px; margin: 0; font-size: 2em; font-style: italic; }
form .field.text input.empty { color: #aaaaaa; }
form .field.checkbox { display: inline; float: left; padding-left: 7px; font-style: italic; font-size: 1.083em; }
form .field.checkbox label { vertical-align: bottom; color: #666; margin-left: 3px; }
form .field.checkbox .hint { vertical-align: bottom; margin-left: 5px; }
form .buttons { padding-right: 35px; }
form #new_roll_errors { position: absolute; top: 135px; line-height: 1.1em; width: 300px; margin: 0; margin-left: 12px; color: #a1251e; font-style: italic; }
form #new_roll_errors li { list-style-type: none; margin-left: 0px; }

#instant_result { width: 470px; margin: 0 auto 15px; background: url('/images/home/message_point.png') no-repeat 40px 0; padding: 13px 0 0 0; }
#instant_result .buttons { padding: 10px 10px 0 0; }
#instant_result .unofficial_result { padding-top: 13px; font-style: italic; }

#loading { position: absolute; bottom: 0; font-size: 1.2em; font-style: italic; }
#loading img { float: left; }
#loading p { margin: 0; margin-left: 45px; padding-top: 5px; }

#recent_rolls, #about { width: 510px; padding-left: 80px; margin-top: 45px; }
#recent_rolls h2, #about h2 { font-weight: bold; }

#recent_rolls { margin-top: 25px; }

#about p { font-size: 14px; }
#about p a { white-space: nowrap; font-style: italic; }