/* meyerweb.com css reset. */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* Widget library, */

/* Body. */
body { background: #000; margin: 0px; font-size: 62.5%; }

/* Main container aligned in the center of the screen. */
#container { position: absolute; top: 50%; width: 100%; height: 416px; margin-top: -208px; }
#aligned { position: relative; margin: auto; width: 320px; height: 416px; }
#content { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; background: #000; overflow: hidden; }
#preloading { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; background: #000; }
#preloading div { position: absolute; left: 0px; top: 256px; width: 320px; height: 60px; text-align: center; }

/* Advertising block. */
#ad { position: absolute; left: 0px; top: 356px; width: 320px; height: 60px; text-align: center; background: #000; }

/* Intro logo box. */
#brand { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; }
#brand_background { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; background: #000; }

/* Message box. */
#message { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; }
#message_text { text-align: center; }
#message_background { position: absolute; left: 0px; top: 0px; width: 320px; height: 356px; background: #000; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85);  }

/* Default button support. */
#id_default_button { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; overflow: hidden; }
#action_default_button { position: absolute; left: 1px; }

/* Text styles. */
.form-text-large { font-family: Trebuchet MS, sans-serif; font-size: 40px; color: #ffe; text-shadow: #000 2px 4px 2px; }
.form-text-main { font-family: Trebuchet MS, sans-serif; font-size: 14px; color: #ffe; text-shadow: #000 2px 2px 2px; }
.form-text-main a { font-size: 14px; } .form-text-main a:link { color: #fb3; } .form-text-main a:visited { color: #fb3; } .form-text-main a:hover { color: #fff; } .form-text-main a:active { color: #fff; }
.form-text-main-warning { font-family: Trebuchet MS, sans-serif; font-size: 16px; color: #f66; text-shadow: #000 2px 2px 2px; }
.form-text-small { font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #ffe; text-shadow: #000 2px 2px 2px; }
.form-text-small a { font-size: 12px; } .form-text-hint a:link { color: #fb3; } .form-text-hint a:visited { color: #fb3; } .form-text-hint a:hover { color: #fff; } .form-text-hint a:active { color: #fff; }
.form-text-hint { font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #ffe; text-shadow: #000 2px 2px 2px; }
.form-text-hint a { font-size: 12px; } .form-text-hint a:link { color: #fb3; } .form-text-hint a:visited { color: #fb3; } .form-text-hint a:hover { color: #fff; } .form-text-hint a:active { color: #fff; }
.form-text-tiny { font-family: Trebuchet MS, sans-serif; font-size: 11px; color: #ffe; text-shadow: #000 2px 2px 2px; }
.form-text-tiny a { font-size: 11px; } .form-text-tiny a:link { color: #fb3; } .form-text-tiny a:visited { color: #fb3; } .form-text-tiny a:hover { color: #fff; } .form-text-tiny a:active { color: #fff; }
.form-text-tiny-clipped { font-family: Trebuchet MS, sans-serif; font-size: 11px; color: #ffe; text-shadow: #000 2px 2px 2px; overflow: hidden; text-overflow: ellipsis; }

/* Text input. */
.form-input { border: none; background: transparent; padding-top: 2px; font-family: Trebuchet MS, sans-serif; font-size: 14px; color: #ffe; }
.form-input:focus { outline: none; }

/* Text area. */
.form-textarea { border: none; background: transparent; font-family: Trebuchet MS, sans-serif; font-size: 14px; color: #ffe; }
.form-textarea:focus { outline: none; }

/* Required field. */
.form-required { color: #f00; font-weight: bold; }

/* Button. */
.form-button-frame { position: absolute; }
.form-button { border: none; background: transparent; text-align: center; font-family: Trebuchet MS, sans-serif; font-size: 14px; color: #ffe; text-shadow: #000 2px 2px 2px; cursor: pointer; padding: 0px; outline: none; }
.form-button:focus { outline: none; }
.form-button:active { outline: none; }
a.form-button { text-decoration: none; color: #ffe; } a.form-button:link, a.form-button:active, a.form-button:visited, a.form-button:hover { color: #ffe; }

/* Checkbox. */
.form-checkmark { cursor: pointer; }

/* Frame. */
.form-frame .b { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }
.form-frame .bg { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }
.form-frame .ht {}
.form-frame .bd {}

/* Scoreboard. */
.scoreLine { font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #fe9; text-shadow: #000 2px 2px 2px; margin-bottom: 7px; text-align: center; }
.scoreLine .n { margin-bottom: 3px; font-weight: bold; }
.scoreLine .s { color: #fff; font-size: 12px; font-weight: bold; }

/* Help. */
.help { font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #ffe; text-shadow: #000 2px 2px 2px; }
.help .keep { color: #f77; }

/* Comments. */
#id_comments_list { overflow-y: hidden; }
.comment { font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #ffe; text-shadow: #000 2px 2px 2px; margin-bottom: 6px; }
.comment .name { color: #fc9; }

canvas { cursor: pointer; }