/* -------------------------------------------
project:	Przeklina.jcie.pl
date:		2007/10/03
------------------------------------------- */

html { font-size: 100.01%; }
body { min-height: 100%; margin: 0; padding: 0; background: url(http://curse.s3.amazonaws.com/bg.jpg); color: #2a3339; font: 62.5%/1.37 "Trebuchet MS",Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Trebuchet MS",Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p { font-size: 1.1em; }
ul, ol, dl { margin-bottom: 1.4em; }
p { margin-bottom: 1em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

a { color: #0b84d4; text-decoration: underline; }
a:hover, a:focus, a:active { color: #094973; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.56em; font: normal 1.8em Georgia,Arial,Helvetica,sans-serif; color: #2a3339; }
h1 { font-size: 1.67em; }
h2 { margin-bottom: 1em; font-size: 1.100em; font-weight: bold; text-transform: uppercase; }
h3 { font-size: 1.334em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
div.root { position: absolute; left: 50%; top: 50%; width: 505px; height: 400px; margin: -250px 0 0 -375px; padding: 105px 150px 0 95px; background: url(http://curse.s3.amazonaws.com/table.jpg) no-repeat; }
div.framebox { background: #fff; }

/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }

/* ELEMENTS
------------------------------------------- */
div.root p { width: 475px; }
 
.logo { display: block; overflow: hidden; width: 167px; height: 17px; margin: 3px 0 0; background: url(http://curse.s3.amazonaws.com/logo.png) no-repeat; text-indent: -10001em; }
div.scroller { overflow: auto; height: 285px; }

p.close { position: fixed; right: 10px; float: right; }
 p.close a { overflow: hidden; float: left; width: 16px; height: 16px; background: url(http://curse.s3.amazonaws.com/i-denied.png) no-repeat; text-indent: -10001em; }

dl.curses dt { color: #5C3D24; font-size: 1em; font-weight: bold; text-transform: uppercase; }
dl.curses dd { margin: 0 0 3px; padding: 0 0 0 15px; }
 
div.root p.delicious { position: absolute; right: 48px; top: 197px; width: 66px; height: 84px; padding: 0; background: url(http://curse.s3.amazonaws.com/delicious.png) no-repeat; }
 div.root p.delicious a { display: block; overflow: hidden; width: 66px; height: 84px; text-indent: -10001em; }
 
/* GENERATOR
------------------------------------------- */
dl.form { overflow: hidden; }
 dl.form dt { display: inline; clear: both; float: left; width: 120px; padding: 0 10px 0 0; line-height: 30px; }
 dl.form dt.submit { text-indent: -10001em; }
 dl.form dd { height: 30px; margin: 0; padding: 0; line-height: 30px; }
 dl.form dd.submit { padding-top: 10px; }
  dl.form img,
  dl.form label,
  dl.form input,
  dl.form select,
  dl.form textarea { vertical-align: middle; }
  dl.form input { width: 197px; padding: 1px 0 1px 3px; font-size: 0.92em; }
  dl.form input.tick { width: auto; padding: 0; }
  dl.form select { width: 204px; margin-right: 5px; font-size: 0.92em; }
   dl.form select optgroup { padding-left: 3px; font-weight: bold; }
  dl.form button { padding: 0 10px; }
  
#generator div.sense { display: inline; float: right; width: 128px; height: 247px; margin: -25px 0 0 -10px; padding: 11px 0 0 12px; background: url(http://curse.s3.amazonaws.com/paper-sense-a.png) no-repeat; }
#generator form { float: left; width: 370px; }
 #generator form p { width: auto; }

/* LOADER
------------------------------------------- */
#loadit { }
 #loadit p.loader { width: 468px; height: 25px; background: url(http://curse.s3.amazonaws.com/loader.png) no-repeat; }
  #loadit p.loader span { display: block; width: 1px; height: 25px; background: url(http://curse.s3.amazonaws.com/loader.png) 0 -25px no-repeat; text-indent: -10001em; }
 #loadit p.cooking { width: 458px; font-style: italic; text-align: right; }
 #loadit p.link { overflow: auto; width: 448px; padding: 10px; border: 1px solid #8a6642; -moz-border-radius: 5px; background: #fff; text-align: center; white-space: nowrap; }
  #loadit p.link a { color: #2a3339; text-decoration: none; }
  #loadit p.link a:hover { color: #000; text-decoration: underline; }
 #loadit div.sense { width: 474px; height: 68px; margin: 0 0 10px -8px; padding: 8px 0 0 9px; background: url(http://curse.s3.amazonaws.com/paper-sense-b.png) no-repeat; }
 #loadit form.email { margin: 0; padding: 0; }
  #loadit form.email p {  }
   #loadit form.email p label { line-height: 1; vertical-align: middle; }
   #loadit form.email p input { width: 170px; padding: 2px 5px 2px 25px; border: 1px solid #8a6642; background: #fff url(http://curse.s3.amazonaws.com/i-mail.png) 5px 50% no-repeat; vertical-align: middle; }
   #loadit form.email p img { margin: 0 0 0 5px; vertical-align: middle; }
   #loadit form.email p button { _margin-left: 5px; padding: 0 10px; vertical-align: middle; }
 #loadit p.back { display: inline; float: right; width: auto; margin-right: 40px; }
 #loadit p.short { width: auto; }
 #loadit .step-1,
 #loadit p.step-1 { display: none; }
 
/* CURSE(D)
------------------------------------------- */
#curse { }
 #curse div.curse { position: relative; z-index: 10; width: 458px; height: 192px; margin: -5px 0 -100px -5px; padding: 35px 25px 0 32px; background: url(http://curse.s3.amazonaws.com/paper-b.png) no-repeat; }
  #curse div.curse p { width: auto; margin: 0 0 5px; color: #573a1d; font: 1.8em "Times New Roman",sans-serif; text-indent: 30px; }
  #curse div.curse p.sign { position: absolute; right: 45px; top: 80px; font-style: italic; text-align: right; text-indent: 0; }
 #curse p.days { position: absolute; right: 30px; _right: 35px; top: 195px; width: 95px; height: 85px; padding: 15px 0 0 5px; background: url(http://curse.s3.amazonaws.com/daysleft.gif) 50% 3px no-repeat; color: #573a1d; font: 7.2em/1 Georgia,sans-serif; text-align: center; }
 #curse p.blood { position: absolute; right: 30px; _right: 35px; top: 195px; width: 95px; height: 85px; padding: 15px 0 0 5px; background: url(http://curse.s3.amazonaws.com/blood.png) 50% 50% no-repeat; color: #573a1d; text-indent: -10001em; }
 #curse p.seconds { position: absolute; right: 30px; _right: 35px; top: 313px; width: 95px; height: 25px; padding: 0; color: #573a1d; font: 1.8em/1 Georgia,sans-serif; text-align: center; }
  #curse p.days strong,
  #curse p.seconds strong { position: absolute; left: -10001em; top: -10001em; }
 #curse div.sense { position: relative; z-index: 15; width: 510px; margin: 0 0 33px; text-align: center; }
 #curse p.save { position: relative; z-index: 15; width: auto; margin: 0; font-weight: bold; text-align: center; }
  #curse p.save a { color: #573a1d; text-decoration: none; }
  #curse p.save a:hover { text-decoration: underline; }

/* OPERA
------------------------------------------- */
@media all and (min-width: 0px){ 
html{ height: 100%; } 
}
  
/* THICKBOX PAGES
------------------------------------------- */
body.framebox { padding: 20px 20px 10px; background: #fff; color: #2a3339; }
 body.framebox div.root { position: static; left: 0; top: 0; width: auto; height: auto; margin: 0; padding: 0; background: none; } 
  body.framebox div.root div.scroller { height: auto; } 
  body.framebox div.root p { width: auto; } 

/* THICKBOX STYLE
------------------------------------------- */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666; }
#TB_window a: link { color: #666666; }
#TB_window a: visited { color: #666666; }
#TB_window a: hover { color: #000; }
#TB_window a: active { color: #666666; }
#TB_window a: focus{ color: #666666; }

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png); }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border: 1px solid #ccc; border-color: #666 #ccc #ccc #666; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow{ height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0 5px 0; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }