/* CSS design by gorotron */

html, body {
		height:100%;
		}
		
body {
		background:#a2c3bd url(http://img183.imageshack.us/img183/696/tloly4.gif)  ;
		margin:0;
		padding:0;
		}

a {
color: #333;
text-decoration: none;}

a:hover {
color: #000;
text-decoration: none; }
		
#container {
		margin:0 auto;
		background:#FFF url(http://recenzje.jogger.pl/files/2006_bg2.gif) repeat-y;
		width:630px;
		min-height:100%;
		height:auto;
		* height:100%;
		padding:10px 13px;
		font:11px verdana,helvetica,sans-serif;
		color:#333;
		}
		
#left {
		width:400px;
		padding-right:10px;
		border-right:1px dotted #CCC;
		margin-right:10px;
		float:left;
		}
		
#nav {
		padding-top:10px;
		width:400px;
		height:209px;
		background:#000 url(http://recenzje.jogger.pl/files/2006_nav.gif) no-repeat;
		margin-bottom:10px;
		position: relative;
		}
		
#navBar {
		list-style:none;
		width:130px;
		position: absolute;
		top: 28px;
		left: 90px;
		}		

#navBar li {
		margin-bottom:4px;
		}
		
#navBar a {
		height:14px;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		color:#fff;
		background-color:#000;
		text-decoration:none;
		display:block;
		padding:0 4px;
		text-align:center;
		}
		
#navBar a:hover {
		background-color:#222;
		display:block;
		color:#fff;
		}
				
#right {
		width:209px;
		float:right;
		}
	
p {
		line-height:1.5em;
		margin:8px 0;
		text-align:justify;
		}

a.kategoria {
		color:#355C8F;
		font-size:18px;
		font-weight: bold;
		margin:0;
		text-align:center;
		border-bottom:1px solid #EAEAEA;
		display:block;
		}

a.akategoria {
		color:#BF0B12;
		font-size:18px;
		font-weight: bold;
		margin:0;
		text-align:center;
		border-bottom:1px solid #EAEAEA;
		display:block;
		}

h1.bad {
		color:#BF0B12;
		font-size:20px;
		margin:0;
		text-align:center;
		}

h1.good {
		color:#355C8F;
		font-size:22px;
		margin:0;
		text-align:center;
		}

#left ol {
		margin: 10px 10px 10px 30px;
                }

ul.stat   {list-style-type: none;
		margin: 0px 10px 10px 10px;
		padding: 5px 0 10px 0;}

#left ul.stat li {
		margin: 5px 0 10px 0;
		font-family: Century Gothic;
		font-size: 14px;
		font-weight: bold;
		border-bottom:1px solid #EAEAEA;
                }

#right ul.stat li {
		margin: 5px 0 10px 0;
		font-family: Century Gothic;
		font-size: 13px;
		font-weight: bold;
		border-bottom:1px solid #EAEAEA;
                }

#left ol li {
		margin: 1px 0 5px 0;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		text-align:right;
		font-style: italic;
		letter-spacing: 0.5px;
                }

#left ol li a.nawias {
		font-family: Trebuchet MS;
		font-style: italic;
		text-align:right;
		color:#355C8F;
                }

ul.stat li img {
		float: right;
		padding: 0px 3px 0px 3px;
                }

div.win         {
                margin: 10px;
		}

div.win a      {
		font-size:19px;
		font-family: Century Gothic;
		letter-spacing: 1px;
		color:#0F2A4F;
		margin:-3px 5px 5px 5px;
		text-align:center;
		display: block;
		font-weight:bold;
               background-color:#EFF6FF;
		}

div.win a:hover {
               color: #000;
               background-color:#DFEDFF;}

div.win img     {
                float: left;
                margin: 4px;
		}

#left ol li a.win {
		color:#355C8F;
                }

#left ol li a.win:hover{
		color:#000;
                background-color:#EFF6FF ;
                }

#left ol li a.lose {
		color:#5F1212;
                }

#left ol li a.lose:hover{
               color: #AF2B2B;
               background-color:#FFEFEF;
                }

div.lose         {
                margin: 10px;
		}

div.lose a      {
		font-size:19px;
		font-family: Century Gothic;
		letter-spacing: 1px;
		color:#AF2B2B;
		margin:-3px 5px 5px 5px;
		text-align:center;
		display: block;
		font-weight:bold;
               background-color:#FFEFEF;
		}

div.lose a:hover {
               color: #BF0B12;
               background-color:#FFDFDF;}

div.lose img     {
                float: left;
                margin: 4px;
		}
		
h2 {
		font-size:13px;
		color:#000;
		margin:7px 8px -5px 5px;
		text-align:right;
		}
	
h3 {
		color:#999;
		font-size:10px;
		margin:0;
		font-weight:normal;
		text-align:right;
		}

		
.divider {
		margin:10px 0;
		border-bottom:1px solid #EAEAEA;
		padding:0;
		display:block;
		}
		
#clear {
		clear:both;
		height:10px;
		margin-top:10px;
		padding-top:10px;
		background:#FFF url(http://recenzje.jogger.pl/files/2006_bg3.gif) no-repeat;
		text-align:center;
		color:#999;
		}
		
#clear a {
		text-decoration:none;
		color:#999;
		}
		
#clear a:hover {
		color:#B5C6CF;
		}

#linksgood {
		list-style:none;
		margin:10px 10px 10px 10px ;
		padding:0;
		text-align:right;
		}

#linksgood a {
		color:#333;
		display:block;
		padding:1px;
		text-decoration:none;
		border-bottom:1px solid #EAEAEA;
		}

#linksgood li {
		margin-bottom:5px;
		}

#linksgood a:hover {
		color:#000;
		background-color:#EFF6FF;
		display:block;
		}
		

#linksbad {
		list-style:none;
		margin:10px 10px 10px 10px ;
		padding:0;
		text-align:right;
		}


#linksbad a {
		color:#333;
		display:block;
		padding:1px;
		text-decoration:none;
		border-bottom:1px solid #EAEAEA;
		}

#linksbad li {
		margin-bottom:5px;
		}



#linksbad a:hover {
		color:#000;
		background-color:#FFEFEF;
		display:block;
		}