/*
Theme Name:		UnderConstruction
Version:		1.0
Author:			Rzepak
Author URI:		http://rzepak.pure.pl/
*/


body {background: url('../img/bg.jpg') repeat-x top left #e4810e; margin:0px; padding: 0px }

/* bof general */
.clear {clear:both}
ul {list-style:none}
ul li {margin-left:0px}

a:active, a:focus {outline: 0; color:#000 }
a {text-decoration: none; color:#000}

fieldset input, fieldset select, fieldset textarea { border: 1px solid #cdc3b4; padding:3px;  -moz-border-radius: 2px;
                          box-shadow:inset  1px 1px 2px #d8d0c4; -moz-box-shadow:inset  1px 1px 2px #d8d0c4;
                          -webkit-box-shadow: inset  1px 1px 2px #d8d0c4; background: #e8e3db; }

/* eof general */
#style-switcher {position: absolute; right: 50px; top:20px; background: #fff; background: rgba(225,225,225,0.9); padding: 5px 10px 10px; font-size:11px; text-transform: uppercase;

  -moz-box-shadow: 0 2px 4px #000000;
  -webkit-box-shadow: 0 2px 4px #000000;
  box-shadow: 0 2px 4px #000000;
}
#style-switcher ul { list-style: none; margin:0px; padding:0px }
#style-switcher ul li { float:left;  }
#style-switcher ul li a { display:block; width: 15px; height: 15px; text-indent: -9999px }

/* bof top */
#container { width: 960px; position: relative; margin:0px; padding: 0px  }
#logo { margin-bottom: 80px }
#logo h1 { display: block; width:317px; height: 135px; margin: 0px; padding: 0px; margin-top:20px; background: url('../img/logo.png') no-repeat; text-indent: -9999px; margin:0px; }
#pie { width:344px; height: 301px; text-indent: -9999px; position: absolute; right: 0px; top: 0px;}
#pie-text { font-size:35px;
left:746px;
position:absolute;
top:145px; }
#pie-text #percent {display:block;
font-size:60px;
margin-left:90px;
margin-top:-12px;  }
#pie-text #ready { display:block;
margin-left:120px;
margin-top:-22px; }

#short-info { width:400px; text-align: center; font-weight: bold; text-transform: uppercase; padding: 15px 0px 0px 0px}
#short-info span { color:#57452d }
/* eof top */


#content { margin-left:100px;}
#content h2 { font-size: 52px; text-shadow:1px 1px 0px #fff; line-height: 0.8em; text-transform: uppercase; letter-spacing: -2px}
#content h2 em{ display: block;  font-size: 34px; text-transform: none }

p#counter { margin-top:40px; color:#df7800; text-shadow:1px 1px 0px #fff; font-size:20px; text-transform: uppercase; font-weight: bold }
.number { background: #d3c7b5; -moz-border-radius:5px; color:#000; padding: 5px; }
#bottom { margin:85px 0 0 100px; overflow:hidden; }

/* bof #twitter */
#twitter { width: 190px; float:left; border-right: 1px dashed #dbd6ce; padding-right: 25px; }
#twitter h3 { letter-spacing:-1px; background: url('../img/twitter-ico.jpg') no-repeat; padding:0 0 5px 50px;  font-size: 22px; text-transform: uppercase; color:#4c4c4c; margin:0px; }
#twitter h3 span {line-height:0.8em; font-size:12px; text-transform: uppercase; color:#e59333; display: block; }

#twitter p#tweet { position: relative; color:#6d6c6b; text-shadow:1px 1px 0px #fff; background: #f1eee9; padding: 15px; margin: 25px 0px 0 0; -moz-border-radius: 5px; font-size:11px; }
#twitter p#tweet:after { border-color:transparent transparent #F1EEE9; border-style:solid; border-width:10px; top:-20px; content:" "; display:block; height:0; left:15px; position:absolute; width:0; z-index:-1; }

.twitted p.preLoader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url("../images/loader.gif")  center no-repeat; }
.twitted ul#twitter_update_list { margin: 0; padding: 0 0.4em; list-style-type: none; }
.twitted ul#twitter_update_list li span { display: block; }
/* eof #twitter */

/* bof #newsletter */
#newsletter { width: 230px; float:left; padding:0px 25px 0px 25px; border-right: 1px dashed #dbd6ce; }
#newsletter h3 {letter-spacing:-1px; font-size: 22px; text-transform: uppercase; color:#4c4c4c; margin:0px; }
#newsletter span { line-height:0.8em; font-size:12px; text-transform: uppercase; color:#e59333; display: block; }
#newsletter span.error { -moz-border-radius:3px 3px 3px 3px; background:none repeat scroll 0 0 #E7928D; border:1px solid #C82820;
    color:#C82820; font-family:"Arial",Arial,sans-serif; font-size:12px; font-weight:700; margin:5px 0px; padding:10px; text-transform: none}
#newsletter form { margin-top:25px }
#newsletter input#subscriber { width:160px; border:0px; background: url('../img/contact-input.jpg') no-repeat; height: 35px; float:left; line-height: 12px; padding: 0px 10px;  -moz-border-radius: 0px;
                          box-shadow:0px; -moz-box-shadow:0px; -webkit-box-shadow: 0px; }
#newsletter input#submit { border:0px; background: url('../img/contact-submit.jpg') no-repeat; text-indent: -9999px; font-size:0px; width:39px; height: 35px; margin:0px; padding: 0px }
#newsletter p { margin-top:15px; color:#707070; font-size:11px; }
/* eof #newsletter */

/* bof #contact box*/
#contact { width: 240px; float:left; padding:0px 0px 0px 25px;}
#contact h3 { letter-spacing:-1px; font-size: 22px; text-transform: uppercase; color:#4c4c4c; border-bottom: 1px dashed #dbd6ce; margin:0px; background: url('../img/us.jpg') no-repeat right top; padding:0 0px 25px 0;  }
#contact h3 a { color:#4c4c4c; display: block }
#contact h4 {letter-spacing:-1px; font-size: 22px; text-transform: uppercase; color:#4c4c4c; margin:30px 0 15px 0px; }
#contact span { line-height:0.8em; font-size:12px; text-transform: uppercase; color:#e59333; display: block; }
/* eof #contact */

#socials li { float: left; margin:0 10px 0 0; }
#socials li a:hover img{ opacity:0.8 }

p#footer { margin: 20px 0px 0px 100px; color: #705b3d; font-size:11px; font-weight: bold }

/* Z-index of #mask must lower than #boxes .window */
#mask { position:absolute; z-index:4000; background-color:#000; display: none; top:0px; left: 0px }
#boxes .window { position:absolute; width:730px; z-index:4100; padding:20px;   }
#boxes { margin-left: 100px; margin-top: 20px; }
/* bof #contact-form */
div#contact-form-cont { background: rgba(0,0,0,0.6) ; padding:20px; }
#contact-form label {display: block; width:100px; float:left; text-align:right; margin-right: 10px; }
    input#button { color:#000; background: #ddd; border:1px solid #999; margin-left:110px; text-shadow: 1px 1px 1px #fff}

#form-container { background: #fff; padding: 20px; overflow: hidden }
    #form-container .left { width:230px; float: left; padding:0px 25px 0px 0px; }
    #form-container .right { float: left; width: 416px; border-left: 1px dashed #dbd6ce; }
    #form-container h3 {letter-spacing:-1px; font-size: 22px; text-transform: uppercase; color:#4c4c4c; margin:0px; }
    #form-container span { line-height:0.8em; font-size:12px; text-transform: uppercase; color:#e59333; display: block; margin-bottom: 25px; }
    #form-container span.error { -moz-border-radius:3px 3px 3px 3px; background:none repeat scroll 0 0 #E7928D; border:1px solid #C82820;
    color:#C82820; font-family:"Arial",Arial,sans-serif; font-size:12px; font-weight:700; margin:5px 0px 0px 110px;padding:10px; text-transform: none}
    #form-container #button { float: right; border:0px; background: url('../img/send.jpg') no-repeat; text-indent: -9999px; font-size:0px; width:109px; height: 40px; margin:0px; padding: 0px  }
    #form-container #message { width: 260px }

    #info { margin-left: 110px}
    #response { background: #FCF2A5; padding:10px; border:1px solid #EDBF06; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 4px #CCCCCC;}
    #ok { background:none repeat scroll 0 0 #CCE297; border:1px solid #B2DC4D; color:#40550D; font-family:"Arial",Arial,sans-serif; font-size:12px; font-weight:700; padding:5px; }
    #newsletter #error, #error {-moz-border-radius:3px 3px 3px 3px; background:none repeat scroll 0 0 #E7928D; border:1px solid #C82820;
    color:#C82820; font-family:"Arial",Arial,sans-serif; font-size:12px; font-weight:700; margin:5px 0;padding:5px;}
    #loading {  display: none; margin-left: 110px }



/*
Cufon styling
correction for cufon version


body.js #logo { margin-bottom: 65px; }
body.js #bottom { margin-top: 60px; }
body.js #short-info {font-size: 13px }
body.js #content h2 span{ font-size: 100px; }
body.js #content h2 em { font-size: 44px; }
body.js p#counter { font-size: 26px; margin-top:5px }

body.js #pie-text { position:absolute; left:745px; top:155px; font-size:40px  }
body.js #pie-text #percent {font-size:65px; display: block; margin-left:90px; margin-top:-5px  }
body.js #pie-text #ready {display: block; margin-left:120px; margin-top:-40px  }

body.js #bottom h3,body.js #bottom h4 { font-size: 26px; }
body.js #bottom h3 span{ font-size: 17px; }
body.js #bottom h4 span{ font-size: 17px; }
*/