/* RESET */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, html, p, blockquote, fieldset, input, textarea, img{
	margin: 0; padding: 0;
	}

h1, h2, h3, h4, h5, h6, pre, code{
	font-size: 1em;
	}

ul,ol{
	list-style: none;
	}

a img, :link img, :visited img{
	border: none;
	}

hr{
	display: none;
	}

/* COMMON */

body{
	background: #f3f1e5;
	margin: 0px;
	font: 10pt Tahoma, Helvetica, Arial, Verdana, sans-serif;
	}
	
a{
	color: #795C43;
	text-decoration: none;
	}

	.content{
		width: 960px;
		margin: 0 auto;
		position: relative;
		}

	#header{
		height: 480px;
		background: #2E2823 url('../images/headerBgNoShadow.png') repeat top center;
		}
		
		h1 a{
			display: block;
			position: absolute;
			width: 109px; height: 60px;
			background: url('../images/sprites.png') no-repeat;
			top: 27px; left: 66px;
			text-indent: -9999px;
			}
		
		#showPanel{
			text-indent: -9999px;
			width: 431px; height: 39px;
			background: url('../images/sprites.png') no-repeat 0 -1200px;
			display: block;
			position: absolute;
			left: 423px;
			top: 40px;
			}
			
			#showPanel:hover{
			outline: none;
			}
		
		#blipForm{
			text-indent: -9999px;
			width: 626px; height: 79px;
			background: url('../images/sprites.png') no-repeat 0 -1239px;
			display: block;
			position: absolute;
			left: 326px;
			top: 170px;
			}
			
			#blipForm input#beerName{
				position: absolute;
				width: 229px;
				height: 29px;
				left: 145px;
				top: 22px;
				color: #795C43;
				background: transparent;
				text-align: center;
				font-size: 13px;
				border: none;
				outline: none;
				}
				
				#blipForm a.rate1,
				#blipForm a.rate2,
				#blipForm a.rate3,
				#blipForm a.rate4,
				#blipForm a.rate5,
				#blipForm a.rate6
					{
					width: 144px;
					height: 25px;
					position: absolute;
					left: 391px;
					top: 22px;
					}
					
					#blipForm #stars a:hover,
					#blipForm #stars a.selected{
						outline: none;
						background: url('../images/sprites.png') no-repeat;
						}
/* 					
					#blipBeerButton:hover,
					#blipBeerButton.selected{
						background: none !important;
					}
					 */
/* 					.rate0{
 						width: 144px;
						background-position: -200px -447px;
						} */

					#blipForm #stars a.rate1{
						width: 24px;
						background-position: -200px -472px;
						}

					#blipForm #stars a.rate2{
						width: 48px;
						background-position: -200px -497px;
						}

					#blipForm #stars a.rate3{
						width: 72px;
						background-position: -200px -522px;
						}

					#blipForm #stars a.rate4{
						width: 96px;
						background-position: -200px -547px;
						}

					#blipForm #stars a.rate5{
						width: 120px;
						background-position: -200px -572px;
						}

					#blipForm #stars a.rate6{
						width: 144px;
						background-position: -200px -597px;
						}
				
			#blipForm #blipBeerButton{
				width: 79px; height: 75px;
				display: block;
				position: absolute;
				left: 545px; top: 1px;
				text-indent: -9999px;
				overflow: hidden;
				}


	#container{
		width: 100%;
		position: absolute;
		top: 120px;
		background: #f3f1e5 url('../images/contentBg.png') repeat-x top center;
		min-height: 260px;
		}

		#container .content{
/* 			overflow: auto; */
			}
			
			#backContainer{
				width: 100%;
				height: 25px;
				line-height: 25px;
				margin-top: 30px;
				}
				
				#backContainer a{
					margin-left: 45px;

					}

			#najpopularniejsze,
			#profilPiwosza,
			#profilPiwa,
			#najwyzejOceniane,
			#ocenyPiwoszy,
			#najwieksiPiwosze,
			#najczesciejSpozywane,
			#ostatnioOceniane,
			#ostatnioOcenianeIndex{
				margin: 30px 10px 0;			
				border-top: 1px solid #af937a;
				float: left;
				}
				
				#najpopularniejsze h2,
				#profilPiwosza h2,
				#profilPiwa h2,
				#najwyzejOceniane h2,
				#ocenyPiwoszy h2,
				#najwieksiPiwosze h2,
				#najczesciejSpozywane h2,
				#ostatnioOceniane h2,
				#ostatnioOcenianeIndex h2{
					background: url('../images/sprites.png') no-repeat;
					}

			#najpopularniejsze{
				width: 303px;
				margin-top: 30px;
				margin-right: 5px;
				}
				.ie6 #najpopularniejsze{
				margin-left: 5px !important;
				}
				
				#najpopularniejsze h2{
					background-position: 0 -60px;
					}
					
					#najpopularniejsze h2 span{
						background-position: 0 -99px;
						}
					
			#profilPiwosza{
				width: 303px;
				margin-top: 30px;
				margin-right: 5px;
				}
				.ie6 #profilPiwosza{
				margin-left: 5px !important;
				}

				#profilPiwosza h2{
					background-position: 0 -216px;
					}
					
					#profilPiwosza h2 span{
						background-position: 0 -647px;
						}
						
				#profilPiwosza img{
					margin: 15px 15px 34px 35px;
					float: left;
					}
					
				#profilPiwosza div.name,
				#profilPiwosza div.blipDashboard{
					color: #795C43;
					float: left;
					height: 26px;
					line-height: 26px;
					}
					
				#profilPiwosza div.name{
					width: 150px;
					overflow: hidden;
					font-size: 12pt;
					margin-top: 34px;
					}
					
				#profilPiwosza div.blipDashboard{
					font-size: 8pt;
					color: #936C4F;
					margin-top: 2px;
					}
				
				#profilPiwosza dl,
				#profilPiwa dl{
					clear: left;
					}
				
					#profilPiwosza dt,
					#profilPiwa dt{
						color: #936C4F;
						float: left;
						width: 110px;
						margin-left: 35px;
						font-size: 9pt;
						line-height: 26px;
						}
						.ie6 #profilPiwosza dt,
						.ie6 #profilPiwosza dd{
						margin-left: 17px;
						}
						
					
					#profilPiwosza dd,
					#profilPiwa dd{
						position: relative;
						color: #795C43;
						width: 148px;
						float: left;
						margin-left: 0;
						text-align: right;
						margin-right: 10px;
						line-height: 26px;
						}
						
						#profilPiwa dd{
							position: relative;
							display: block;
							}
							
							#profilPiwa dd span{
								right: 0;
								text-indent: 999px !important;
								overflow: hidden;
								}
						
			#profilPiwa{
				width: 303px;
				margin-top: 30px;
				margin-right: 5px;
				padding-bottom: 26px;
				}
				.ie6 #profilPiwa{
				margin-left: 5px !important;
				}

				#profilPiwa h2{
					background-position: 0 -764px;
					}

					#profilPiwa h2 span{
						background-position: 0 -803px;
						}
						
				#profilPiwa div.name{
					color: #795C43;
					font-size: 12pt;
					margin-top: 37px;
					margin-left: 35px;
					}

			#najwyzejOceniane{
				width: 354px;
				margin-right: 15px;
				}
				#user #najwyzejOceniane{
				width: 354px;
				}
				
				#najwyzejOceniane h2{
					background-position: 0 -138px;
					}
					
					#najwyzejOceniane h2 span{
						background-position: 0 -177px;
						}

			#ocenyPiwoszy{
				width: 354px;
				margin-right: 15px;
				}
				
				#ocenyPiwoszy h2{
					background-position: 0 -842px;
					}
					
					#ocenyPiwoszy h2 span{
						background-position: 0 -881px;
						}
						
				#ocenyPiwoszy .column{
					width: 52px;
					margin: 0 1px 0 0;
					background: #F00;
					float: left;
					height: 236px;
					margin-top: 15px;
					background: url('../images/sprites.png') no-repeat 0 -964px;
					position: relative;
					color: #795C43;
					}
					
					.column1{
						margin-left: 18px !important;
					}
					
					.column .barContainer{
						position: absolute;
						width: 16px; height: 200px;
						overflow: hidden;
						top: 3px;
						left: 19px;
						}
						
						.column .barContainer .bar{
							position: absolute;
							width: 16px; height: 200px;
							top: 0; left: 0;
							background: url('../images/sprites.png') no-repeat -53px -967px;
							}
							
					.column .columnDescription{
						position: absolute;
						top: 210px;
						width: 52px;
						height: 30px;
						text-align: center;
						}
						
						.column .columnDescription span{
							display: block;
							width: 52px;
							font-size: 10px;
							color: #936c4f;
							}

			#najwieksiPiwosze{
				width: 253px;
				margin-left: 0px;
				}
				
				#najwieksiPiwosze h2{
					background-position: 0 -216px;
					}
					
					#najwieksiPiwosze h2 span{
						background-position: 0 -255px;
						}
					
				#najwieksiPiwosze ol{
/* 					list-style-type: none; */
					}

			#najczesciejSpozywane{
				width: 253px;
				margin-left: 0px;
				}
				
				#najczesciejSpozywane h2{
					background-position: 0 -686px;
					}
					
					#najczesciejSpozywane h2 span{
						background-position: 0 -725px;
						}

			#ostatnioOceniane{
				width: 920px;
				clear: left;
				margin-top: 15px;
				margin-right: 15px;
				background-position: 0 -294px;
				border-bottom: 1px solid #b69c85;
				}
				
			#ostatnioOcenianeIndex{
				width: 672px;
				clear: left;
				margin-top: 15px;
				margin-right: 15px;
				background-position: 0 -294px;
				border-bottom: 1px solid #b69c85;	
				}
				
				.ie6 #ostatnioOceniane,
				.ie6 #ostatnioOcenianeIndex{
				margin-left: 5px;
				}
				
					#ostatnioOceniane h2,
					#ostatnioOcenianeIndex h2{
						background-position: 0 -294px;
						}
						
						#ostatnioOceniane h2 span,
						#ostatnioOcenianeIndex h2 span{
							border-bottom: 1px solid #d6c9b8;
							background-position: 0 -333px;
							}
				
				h2 span{
					display: block;
					width: 100%;
					height: 39px;
					border-bottom: 1px solid #cdbca8;
					text-indent: -9999px;
					background: url('../images/sprites.png') no-repeat;
					}

	#footer{
		clear: left;
		color: #795c43;
		font-size: 8pt;
		padding-top: 10px;
		text-indent: 45px;
		line-height: 22px;
		height: 35px;
		position: relative;
		}
		
		#footer a{
			text-decoration: underline;
			}
			
			
			#footer .links{
				position: absolute;
				left: 210px;
				top: 11px;
				}
		
				#footer #digePl,
				#footer #digeBlip,
				#footer #digeTwitter,
				#footer #digeFacebook,
				#footer #digeLinkedIn,
				#footer #digeFlickr,
				#footer #digeYouTube,
				#footer #digeVimeo{
					width: 18px;
					height: 22px;
					display: block;
					background: #F00;
					text-indent: -9999px;
					float: left;
					background: url('../images/sprites.png') no-repeat 0 0;
					line-height: 1px;
					}
			
				#footer #digePl,
				#footer #digeVimeo{
					width: 20px !important;
					}
			
				#footer #digePl{
					background-position: 0px -920px;
					}
			
				#footer #digeBlip{
					background-position: -20px -920px;
					}
		
				#footer #digeTwitter{
					background-position: -38px -920px;
					}
			
				#footer #digeFacebook{
					background-position: -56px -920px;
					}
			
				#footer #digeLinkedIn{
					background-position: -74px -920px;			
					}
			
				#footer #digeFlickr{
					background-position: -92px -920px;
					}
			
				#footer #digeYouTube{
					background-position: -110px -920px;			
					}	
					
				#footer #digeVimeo{
					background-position: -128px -920px;			
					}
		

/* LISTS */

/* ul{
	margin-top: 10px;
	margin-bottom: 25px;
	list-style: none outside;
	}

	ul li{
		height: 25px;
		display: block;
		overflow: auto;
		margin-bottom: 1px;
		}
		
	
		ul li img{
			margin: 5px 10px 5px 10px;
 			vertical-align: middle; 
 			display: block;
			float: left;
			}
			.ie6 ul li img{
			margin-left: 5px;
			}
			.ie6 ul li img,
			.ie7 ul li img{
			margin-right: 12px;
			}
			
			ul li span{
				display: block;
				line-height: 25px;
				height: 25px;
				color: #795c43;
				float: left;
				}
				
				ul li span.beerName{
					width: 160px;
					overflow: hidden;
					}
			
			ul .rating0,
			ul .rating1,
			ul .rating2,
			ul .rating3,
			ul .rating4,
			ul .rating5,
			ul .rating6{
				position: absolute;
				left: 211px;
				}
				
			ul .blipMsg{
				position: absolute;
				left: 328px;
				font-size: 9pt;
				height: 25px;
				overflow: hidden;
				}
				
				.blipMsg a{
					background: url('../images/sprites.png') no-repeat 0 -622px;
					display: block;
					width: 35px; height: 25px;
					text-indent: -9999px;
					float: left;
					}
 */
ol{
	list-style: none;
	padding: 10px 0 10px 0px;
	color: #936c4f;
	font-size: 8pt;
	}
	
ul{
	margin: 10px 0 25px;
}
	
	ol li,
	ul li{
		color: #795C43;
		display: block;
		width: 100%;
		height: 25px;
		line-height: 25px;
		margin-bottom: 1px;
		position: relative;
		}
		.ie6 #najwieksiPiwosze ol li{
		height: 25px;
		line-height: 27px;
		}
		.ie7 #najwieksiPiwosze ol li{
		margin-bottom: 3px;
		}
		
		ol li .counter{
			position: absolute;
			text-align: right;
			width: 22px;
			color: #936c4f;
			font-size: 7pt;
		}
		
		ol li .name{
			position: absolute;
			height: 25px;
			line-height: 25px;
			top: 0;
			left: 35px;
			font-size: 13px;
			width: 165px;
			overflow: hidden;
			text-transform:capitalize;
			}
		ul li .beerName{
			position: absolute;
			height: 25px;
			line-height: 25px;
			top: 0;
			left: 35px;
			font-size: 13px;
			width: 165px;
			overflow: hidden;
			}
			
		ol li span.voteCount{
			color: #936c4f;
			font-size: 7pt;
			position: absolute;
			right: 110px;
			line-height: 25px;
			}
			
		ol li span.beerCount{
			color: #936c4f;
			font-size: 7pt;
			position: absolute;
			right: 10px;
			line-height: 25px;
			}
			
			li .avatar{
				position: absolute;
				left: 10px;
				top: 4px;
				}
				.ie6 li .avatar{
				top: 6px;	
				}
				.ff li .avatar{
				top: 3px;
				}
			
			.rating0,
			.rating1,
			.rating2,
			.rating3,
			.rating4,
			.rating5,
			.rating6{
				position: absolute;
				height: 25px;
				line-height: 25px;
				right: 10px;
				width: 91px;
				background: url('../images/sprites.png') no-repeat;
				text-indent: -9999px;
				}
				
			ul .rating0,
			ul .rating1,
			ul .rating2,
			ul .rating3,
			ul .rating4,
			ul .rating5,
			ul .rating6{
				position: absolute;
				left: 202px;
				}
				
			.rating0{
				background-position: 0 -447px;
				}

			.rating1{
				background-position: 0 -472px;
				}

			.rating2{
				background-position: 0 -497px;
				}

			.rating3{
				background-position: 0 -522px;
				}

			.rating4{
				background-position: 0 -547px;
				}

			.rating5{
				background-position: 0 -572px;
				}

			.rating6{
				background-position: 0 -597px;
				}
				
				ol li.first,
				ol li.second,
				ol li.third{
					list-style-type: none;
					background: url('../images/sprites.png') no-repeat;
					}
					
					ol li.first{
						background-position: 0 -372px;
						}
						
					ol li.second{
						background-position: 0 -397px;
						}
						
					ol li.third{
						background-position: 0 -422px;
						}
						
			ul .blipMsg{
				position: absolute;
				left: 317px;
				font-size: 9pt;
				height: 25px;
				overflow: hidden;
				}
				
				.blipMsg a{
					background: url('../images/sprites.png') no-repeat 0 -622px;
					display: block;
					width: 36px; height: 25px;
					text-indent: -9999px;
					float: left;
					}

/* 
#najwieksiPiwosze ol{
	padding-left: 0px;
	}
	
	ol li{
		height: 25px; line-height: 25px;
		display:list-item;
		text-indent: 5px;
		position: relative;
		margin-bottom: 1px;
		}
		.ie6 ol li,
		.ie7 ol li{
		margin-left: 8px;	
		}
		
	#najwieksiPiwosze ol li{
		text-indent: 0px;
		}
		
		ol li a{
			position: relative;
			text-decoration: none;
			display: block;
			width: 100%;
			color: #936c4f;
			}
			
			ol li span.name{
				text-indent: 20px;
				font-size: 10pt;
				width: 170px !important;
				overflow: hidden;
				color: #795c43;
				display: inline-block;
				height: 25px;
				}
				.ie6 ol li span{
				margin-left: -20px;
				}
				.ie7 ol li span{
				margin-left: -21px;
				}
			
			#najwieksiPiwosze ol li img{
				position: absolute;
				left: 10px; top: 5px;
				}
			
			#najwieksiPiwosze ol li span.name{
				text-indent: 0px !important;
				margin-left: 35px !important;
				}
				
			#najwieksiPiwosze ol li span.beerCount,
			#najczesciejSpozywane span.beerCount{
				float: right;
				margin-right: 10px;
			}
				
			ol li span.voteCount{
				color: #936c4f;
				font-size: 7pt;
				position: absolute;
				right: 110px;
				line-height: 25px;
				}

			.rating0,
			.rating1,
			.rating2,
			.rating3,
			.rating4,
			.rating5,
			.rating6{
				position: absolute;
				width: 91px;
				right: 10px;
				background: url('../images/sprites.png') no-repeat;
				text-indent: -9999px;
				}
				
			.rating0{
				background-position: 0 -447px;
				}
													
			.rating1{
				background-position: 0 -472px;
				}
				
			.rating2{
				background-position: 0 -497px;
				}
				
			.rating3{
				background-position: 0 -522px;
				}
				
			.rating4{
				background-position: 0 -547px;
				}
				
			.rating5{
				background-position: 0 -572px;
				}
				
			.rating6{
				background-position: 0 -597px;
				}
			
	ol li.first,
	ol li.second,
	ol li.third{
		list-style-type: none;
		background: url('../images/sprites.png') no-repeat;
		margin-left: -28px;
		}
		.ie6 ol li.first,
		.ie6 ol li.second,
		.ie6 ol li.third,
		.ie7 ol li.first,
		.ie7 ol li.second,
		.ie7 ol li.third{
		margin-left: -28px !important;
		text-indent: -28px !important;
		}
		
	#najwieksiPiwosze ol li.first,
	#najwieksiPiwosze ol li.second,
	#najwieksiPiwosze ol li.third{
		margin-left: 0px;
		}
		
		ol li.first span.name,
		ol li.second span.name,
		ol li.third span.name{
			margin-left: 8px;
			}
			
		#najwieksiPiwosze ol li.first span.name,
		#najwieksiPiwosze ol li.second span.name,
		#najwieksiPiwosze ol li.third span.name{
			margin-left: 0px;
			}
		
		ol li.first{
			background-position: 0 -372px;
			}
		
			ol li.first span.name{
				color: #a17b36;
				width: 100px;
				overflow: hidden;
				}
				.ie6 ol li.first span.name,
				.ie7 ol li.first span.name{
				margin-left: 14px;
				}

		ol li.second{
			background-position: 0 -397px;
			}
			
			ol li.second span.name{
				color: #6a645e;
				width: 100px;
				overflow: hidden;
				}
				.ie6 ol li.second span.name,
				.ie7 ol li.second span.name{
				margin-left: 14px;
				}

		ol li.third{
			background-position: 0 -422px;
			}

			ol li.third span.name{
				color: #7e4b13;
				width: 100px;
				overflow: hidden;
				}
				.ie6 ol li.third span.name,
				.ie7 ol li.third span.name{
				margin-left: 14px;
				}
 */

#facebookContainer{
	margin-top: 15px !important;
	float: left;
}