/*                    Podstawowe style                       */
/* --------------------------------------------------------  */
* { outline-style: none; }
html { background: #000; }
body { min-width: 951px; margin: 0; padding: 0; background: #000; color: #fff; font-family: Tahoma; font-size: 12px; text-align: center; }
/*a:visited {color:#CA1C35;}*/
img { border:none; }
form {margin:0; padding:0;}
.hide {display:none;}
.right {float:right}
.rightText{text-align:right;}
.left {float:left}
.clear {clear:both;}

h1 { font-weight: normal; font-size: 26px; width: 800px; text-align: center; margin: 20px auto 5px auto; }
h2 { font-weight: normal; font-size: 26px; width: 800px; text-align: center; margin: 20px auto 60px auto; }
h3 { font-weight: normal; font-size: 26px; width: 600px; margin: -50px auto 30px auto; text-align: left; }
h4 { font-weight: normal; font-size: 12px; width: 600px; margin: -30px auto 30px auto; text-align: left; }

/* naglowek */
#header { width: 950px; margin: 10px auto 0 auto; }
#header .headImg { width: 880px; height: 68px; margin: 10px auto 0 auto; background: url('bg_header.jpg') left top no-repeat; } 
#header .stats { float: right; margin-right: 65px; background: url('bg_stats.jpg') bottom center no-repeat; width: 276px; height: 32px; text-align: center; }
#header .stats span { display: block; background: none; font-size: 16px; width: 270px; height: 20px; padding-top: 5px; overflow: hidden; }
#header .stats strong { background: none; }
* html #header .stats { margin-right: 40px; }
#header .empty { width: 800px; height: 100px; margin: 0 auto; }


/* glowny kontener strony */
#content { width: 951px; margin: 0px auto; background: #000; text-align:left; }

/* glowna tresc */
#mainContent { clear: both; width: 950px; overflow: hidden; text-align: center; margin-top: 1px; }

#bgTop { width: 950px; height: 131px; background: url('bg_top.jpg') top no-repeat; }
#bgTop .btnRanking { display: block; float: right; margin: 2px 65px 0 0; width: 276px; height: 32px; background: url('btn_ranking.jpg') top no-repeat; }
* html #bgTop .btnRanking { margin-right: 40px; }
#bgBottom { clear: both; width: 950px; height: 131px; background: url('bg_bottom.jpg') top no-repeat; text-align: center; }
#bgBottom { font-size: 18px; }
#bgBottom span { display: block; float: left; width: 300px; margin: 40px 20px 0 230px; }
* html #bgBottom span { margin-left: 115px; }
#bgBottom img { display: block; float: left; width: 170px; height: 42px; margin-top: 30px; }

/* formularz */
#flowerForm { clear: both; width: 950px; }
#flowerForm ul { width: 949px; float: left; list-style-type: none; padding: 0; margin: 0 0 30px 0; }
#flowerForm .down{margin-top:40px;}
#flowerForm ul li { width: 300px; float: left; margin-left: 12px; text-align: center;}
#flowerForm ul li .rad { margin-top: 25px; }
#flowerForm fieldset { float: left; border: 0; margin-top: 20px; text-align: center;  width: 900px; }
#flowerForm label { display: block; margin-left: 150px; width: 300px; float: left; padding-top: 5px; font-size: 24px; }
* html #flowerForm label { margin-left: 90px; }
#flowerForm input.text { float: left; background: #fff; width: 300px; height: 35px; border: 1px solid #434343; color: #434343; font-size: 24px; padding: 5px 10px 0 10px; }
* html #flowerForm input.text { height: 42px; }
#flowerForm input.genLink { margin-top: 40px; }

#flower1, #flower2, #flower3, #flower4, #flower5, #flower6 {width: 300px; height: 180px; }

/* wygenerowany link */
#mainContent .flash { width: 400px; margin: 0 auto; margin-top: -20px; text-align: center; }
#mainContent .link { display: block; width: 400px; text-align: center; background: #fff; margin: 20px auto 5px auto; height: 30px; border: 1px solid #434343; color: #434343; font-size: 18px; padding: 8px 10px 0 10px; }
* html #mainContent .link { height: 40px; }
#mainContent .showFlower { display: block; width: 180px; text-align: center; margin: 0 auto; font-size: 11px; text-decoration: none; color: #fff; }
#mainContent .showFlower:hover { text-decoration: underline; }

#mainContent .copyLink { display: block; font-weight: bold; font-size: 14px; margin: 0 auto 20px auto; width: 100px; color: #d40108; text-decoration: none; }
#mainContent .copyLink:hover { text-decoration: underline; }
.exlamation { display: block; margin: -80px auto 0 auto; }

#mainContent .error { width: 500px; height: 100px; margin: 20px auto 0 auto; text-align: center; font-size: 20px; }
#mainContent .error a { color: #fff; text-decoration: none; }
#mainContent .error a:hover { text-decoration: underline; }

/* ranking */
.rankingCol1, .rankingCol2 { float: left; width: 340px; margin: 20px auto; text-align: left; list-style-type: none; }
.rankingCol1 { margin-left: 135px; }
* html .rankingCol1 { margin-left: 90px; }
.ranking li { width: 400px; margin: 1px 0; }

/* stopka */
#footer { width: 950px; color: #fff; margin: 0 auto; text-align: center;  }
#footer p { margin: 5px auto 0 auto; width: 300px; text-align: center; padding: 0; font-size: 12px; font-weight: normal; }