/* imports */
@import url("reset.css");

body                                   {background-color:#999; color:#000000; font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height:16px;}

html,body,div#wrapper,
div#background,div#overlay,div#flash   {width:100%; height:100%;}
div#wrapper                            {position:relative;}
div#site                               {position:absolute; z-index:200; width:490px;}
div#background                         {position:fixed; z-index:1; overflow:hidden;}
div#overlay                            {position:fixed; z-index:2; overflow:hidden; cursor:pointer;}
div#debug							   {display:none; position:fixed; z-index:10; background-color:pink; color:blue; padding:10px; top:0px; right:0px;}

nav,footer,div#content                 {background-color:#ffffff; display:block;}
input.button,h3,h3 a                   {font-size:14px; line-height:22px; text-decoration:none; font-weight:bold;}
nav a,h2                               {font-size:18px; line-height:22px; font-style:italic; font-weight:bold;}
nav a span,h2                          {text-transform:uppercase;}

/* nav */
ul.nav li,
ul.footer li                           {margin:0 10px 0 0; display:inline;}
nav                                    {height:100px; position:relative;}
nav ul.nav                             {bottom:20px; padding:0 30px; position:absolute;}
nav a                                  {text-decoration:none;}
nav a span                             {text-transform:uppercase; font-weight:bold;}
nav a:hover span                       {border-bottom:2px solid #000000;}
/* /nav */


div#content                            {padding:30px; height:100%; position:relative;}
#lang                                  {font-family:Georgia,"Times New Roman",Times,serif; font-size:10px;}
#lang a                                {color:#666;}
/*div#content .content                 {overflow:auto; height:100%;}*/

a                                      {color:#000000; text-decoration:none; font-weight:bold;}

strong,b                               {font-weight:bold;}
em,i                                   {font-style:italic;}

/* content */
div#content                            {margin:8px 0 0 0;}
div#content img                        {display:block;}
div#content p                          {font-family:Georgia,"Times New Roman",Times,serif; margin-bottom:24px; font-size:12px; line-height:16px;}
div#content ul li,
div#content ul li img                  {display:inline;}
div#content ul li                      {margin-right:10px;}
div#content ul                         {margin-top:24px;}
/* /content */

span#response                          {display:block;}
span#response,input,label              {font-family:Georgia; font-size:12px; line-height:16px; margin-bottom:12px;}
form h3                                {display:inline;}
label.short                            {width:75px; display:inline-block;}
input.input                            {border:0; border-bottom:1px solid black; width:353px;}
input.short                            {width:45px; text-align:center;}
input.button                           {border:0; font-family:Helvetica,Arial,sans-serif; background-color:#ffffff; text-transform:uppercase; cursor:pointer; padding:0;}


/* log */
.log                                   {height:399px; overflow:auto; border:1px solid #f3f3f3; background:#fff;}
.log p                                 {height:25px; overflow:hidden; margin:0; padding:0 5px; line-height:25px; font-size:12px;}
.log .even                             {background:#f3f3f3;}
.log .init                             {color:#ff6600;}
.log .change                           {color:#176092;}
.log .internalChange                   {color:#539312;}
.log .externalChange                   {color:#a30000;}
/* /log */