/* -------------------------------------------
project:	Pantoflarze
date:		2007/04/24
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff url(../images/bg.jpg) 50% 0 repeat-x; color: #666; font: 75%/150% Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Verdana,Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

strong { }
em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }

a { color: #58a000; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em Georgia,Arial,Helvetica,sans-serif; color: #2fa42c; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.500em; }
h3 { font-size: 1.334em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { text-align: center; }
.justify { text-align: justify; }

/* LAYOUT
------------------------------------------- */
#root { width: 680px; margin: 0 auto; padding: 265px 0 0; }
 #logo { position: absolute; left: 50%; top: 0; width: 575px; height: 262px; margin: 0 0 0 -287px; background: url(../images/header.jpg) no-repeat; }
  #logo a { display: block; overflow: hidden; width: 575px; height: 262px; text-indent: -10001px; }
 #content { }
 #footer { width: 100%; margin: 60px -10px 0; padding: 10px; border-top: 1px solid #eee; color: #999; font-size: 0.75em; }
  #footer ul { float: right; list-style: none; margin: 0; padding: 0; }
   #footer ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 0 11px; background: url(../images/sep-a.gif) 0 50% no-repeat; }
   #footer ul li.first { margin: 0; padding: 0; background: none; }
  #footer p { float: left; }
  #footer p.zarabiaj { clear: both; float: none; width: 100%; padding: 0; text-align: center; }
   #footer p.zarabiaj img { vertical-align: middle; }
 
/* ELEMENTS
------------------------------------------- */
.button-a { padding: 6px 10px; border: 1px solid #e3e3e3; border-color: #e3e3e3 #a0a0a0 #a0a0a0 #e3e3e3; background: url(../images/bg-a.gif) 0 100% repeat-x; color: #58a000; font-size: 1.17em; font-weight: bold; line-height: 30px; }
.button-a:hover { color: #000; text-decoration: none; }

.button-b { padding: 3px 10px; border: 1px solid #e3e3e3; border-color: #e3e3e3 #a0a0a0 #a0a0a0 #e3e3e3; background: url(../images/bg-a.gif) 0 100% repeat-x; color: #58a000; }
.button-b:hover { color: #000; text-decoration: none; }

strong.name { color: #a41616; font-variant: small-caps; font-size: 1.2em; }

/* FORMS
------------------------------------------- */
#name-wrap { position: relative; }
 #name-wrap label { font-size: 2em; }
 #name-wrap input { width: 300px; padding: 5px 10px; border: 1px solid #7f9db9; font-size: 2em; text-align: center; }
 #name-wrap input:focus { background-color: #f9fcee; }
 
ul.radios { list-style: none; margin: 15px 0; padding: 0 0 0 80px; }
 ul.radios li { float: left; width: 300px; margin: 0 0 10px; }
  ul.radios li label { padding-left: 10px; font-size: 1.3em; }

ul.shapes { list-style: none; margin: 15px 0; padding: 0; }
 ul.shapes li { float: left; width: 16.6%; text-align: center; }
  ul.shapes li label { display: block; margin: 0 0 5px; }
  
p.address { text-align: center; font-size: 1.5em; }
 p.address a { color: #70aecf; }

ol.challenge { list-style: none; margin: 0 0 15px; padding: 0; }
 ol.challenge li { overflow: hidden; margin: 0 0 10px; }
 ol.challenge li.submit { padding: 0 0 0 200px; }
  ol.challenge li label { float: left; width: 200px; }
  ol.challenge li input { width: 245px; padding: 0 0 0 5px; }
  ol.challenge li span { margin: 0 0 0 10px; font-size: 0.75em; cursor: pointer; }
  ol.challenge li span:hover { color: #000; }
  
#value { width: 577px; height: 43px; margin: 0 auto 12px; background: url(../images/bar-empty.png) no-repeat; }
 #value strong { display: block; width: 477px; height: 43px; background: url(../images/bar-full.png) no-repeat; color: #fff; font-size: 24px; line-height: 40px; letter-spacing: 1px; text-align: right; }
  #value strong span { margin: 0 10px 0 0; }