/* RESET */
*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}
button,select,textarea,input{font:100% sans-serif}
table{border-collapse:collapse}
caption,th,td{text-align:left}

.hide {
	display: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* LAYOUT AND LOOK */

body {
	font-family: Tahoma, Arial CE, sans-serif;
	color: #555;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background: url(/public/img/background.gif);
}

#container {
	width: 890px;
	background: #fff url(/public/img/background-content.gif) no-repeat top right;
	position: relative;
	text-align: justify;
}

	#top {
		position:relative;
		top: 5px;
		width: 890px;
		height: 217px;
		background: url(/public/img/top-color.gif) no-repeat top center;
	}
	
		#menu {
			position: absolute;
			top: 130px;
			left: 10px;
			height: 17px;
			width: 524px;
			overflow: hidden;
		}
		
			#menu li {
				margin-right: 10px;
				float: left;
			}
			
				#menu li a {
					display: block;
					height: 0 !important;
					overflow: hidden;
					padding-top: 17px;
					height: 17px;
					background: url(/public/img/menu.gif) no-repeat;
					background-position: 0px 0px;
				}
				
					#menu li a.start {width: 32px; background-position: 0px 0px;}
					#menu li a.muzyka {width: 49px; background-position: -32px 0px;}
					#menu li a.koncerty {width: 55px; background-position: -81px 0px;}
					#menu li a.onas {width: 42px; background-position: -136px 0px;}
					#menu li a.galeria {width: 48px; background-position: -178px 0px;}
					#menu li a.wspolpraca {width: 71px; background-position: -226px 0px;}
					#menu li a.ksiegagosci {width: 81px; background-position: -297px 0px;}
					#menu li a.linki {width: 29px; background-position: -378px 0px;}
					
					
					#menu li a.start:hover {background-position: 0px -17px;}
					#menu li a.muzyka:hover {background-position: -32px -17px;}
					#menu li a.koncerty:hover {background-position: -81px -17px;}
					#menu li a.onas:hover {background-position: -136px -17px;}
					#menu li a.galeria:hover {background-position: -178px -17px;}
					#menu li a.wspolpraca:hover {background-position: -226px -17px;}
					#menu li a.ksiegagosci:hover {background-position: -297px -17px;}
					#menu li a.linki:hover {background-position: -378px -17px;}
					
	#content {
		position: relative;
		overflow: hidden;
		width: 890px;
		background: url(/public/img/background-bottom.gif) no-repeat bottom left;
		padding-bottom: 200px;
	}
	
		#content .column {
			position: relative;
			width: 276px;
			height: auto !important;
			margin-left: 15px;
			float: left;
		}
		
			/* IE6 fix... ;) */
			body.ie6 #content .column {
				margin-left: 10px !important;
				margin-right: 0 !important;
			}
		
			#content .column.main {
				width: 567px;
			}
			
		#footer {
			position: absolute;
			bottom: 10px;
			width: 890px;
			text-align: center;
			line-height: 25px;
		}
	
.block-item {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

	.block-item .left,
	.block-item .right {
		width: 15px;
		height: 73px;
	}
	
		.block-item .left {background: url(/public/img/block-header.gif) no-repeat 0px 0px; float: left;}
		.block-item .right {background: url(/public/img/block-header.gif) no-repeat -15px 0px; float: right;}
	
	.block-item .middle {
		margin: 0 15px;
		min-height: 73px;
		background: url(/public/img/block-header.gif) repeat-x 0px -75px;
	}
		
	.block-item .header {
		height: 36px;
	}
	
		.block-item .header.admin {background: url(/public/img/headers/admin.gif) no-repeat top left;}
		.block-item .header.login {background: url(/public/img/headers/login.gif) no-repeat top left;}
		.block-item .header.news {background: url(/public/img/headers/news.gif) no-repeat top left;}
		.block-item .header.other {background: url(/public/img/headers/other.gif) no-repeat top left;}
		.block-item .header.menu {background: url(/public/img/headers/menu.gif) no-repeat top left;}
		.block-item .header.concerts {background: url(/public/img/headers/concerts.gif) no-repeat top left;}
		.block-item .header.concert {background: url(/public/img/headers/concert.gif) no-repeat top left;}
		.block-item .header.upcoming {background: url(/public/img/headers/upcoming.gif) no-repeat top left;}
		.block-item .header.pastConcerts {background: url(/public/img/headers/pastConcerts.gif) no-repeat top left;}
		.block-item .header.onas-general {background: url(/public/img/headers/onas-general.gif) no-repeat top left;}
		.block-item .header.onas {background: url(/public/img/headers/onas.gif) no-repeat top left;}
		.block-item .header.girl {background: url(/public/img/headers/girl.gif) no-repeat top left;}
		.block-item .header.girls {background: url(/public/img/headers/girls.gif) no-repeat top left;}
		.block-item .header.aleksandra-osiecka {background: url(/public/img/headers/aleksandra-osiecka.gif) no-repeat top left;}
		.block-item .header.maja-lewicka {background: url(/public/img/headers/maja-lewicka.gif) no-repeat top left;}
		.block-item .header.anna-rorbach {background: url(/public/img/headers/anna-rorbach.gif) no-repeat top left;}
		.block-item .header.jola-chmiel {background: url(/public/img/headers/jola-chmiel.gif) no-repeat top left;}
		.block-item .header.kasia-pakowska {background: url(/public/img/headers/kasia-pakowska.gif) no-repeat top left;}
		.block-item .header.anna-debowska {background: url(/public/img/headers/anna-debowska.gif) no-repeat top left;}
		.block-item .header.cooperation {background: url(/public/img/headers/cooperation.gif) no-repeat top left;}
		.block-item .header.music {background: url(/public/img/headers/music.gif) no-repeat top left;}
		.block-item .header.listen {background: url(/public/img/headers/listen.gif) no-repeat top left;}
		.block-item .header.gbook {background: url(/public/img/headers/gbook.gif) no-repeat top left;}
		.block-item .header.sign {background: url(/public/img/headers/sign.gif) no-repeat top left;}
		.block-item .header.links {background: url(/public/img/headers/links.gif) no-repeat top left;}
		.block-item .header.fermentacje {background: url(/public/img/headers/fermentacje.gif) no-repeat top left;}
		.block-item .header.contact {background: url(/public/img/headers/kontakt.gif) no-repeat top left;}
		
	.block-item .content-no-header {
		padding-top: 36px;
	}
		
/* PAGING */
.paging {
	position: relative;
	height: 18px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

	.paging .page-showing {
		float: left;
		color: #565656;
	}

	.paging .navigator {
		float: right;
	}
			
		.paging .navigator .previous,
		.paging .navigator .next {
			float: left;
		}
	
		.paging .navigator ul {
			position: relative;
			float: left;
		}
		
		.paging .navigator ul li {
			float: left;
			border-right: 1px solid #e1e1e1;
		}
		
			.paging .navigator ul li.last {
				border-right: none;
			}
			
			.paging .navigator a.page {
				padding: 0 4px;
				font-weight: normal;
				color: #565656;
			}
	
				.paging .navigator a.page:hover {
					color: #6b6b6b;
				}

				.paging .navigator a.page.active {
					font-weight: bold;
					color: #56165f;
				}
			
				
		
.mediaplayer {
	width: 250px;
	margin: 5px auto;
}

ul.contact {
	position: relative;
}

	ul.contact li {
		line-height: 18px;
		position: relative;
		padding-left: 60px;
	}
	
		ul.contact li span {
			position: absolute;
			left: 0;
			font-weight: bold;
			color: #888;
		}
		
		
/* TEXT FORMATTING */
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #56165f;
	margin: 5px 0;
}

.hr {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #56165f;
}

p {
	margin-bottom: 16px;
	text-align: justify;
}

a {
	font-weight: bold;
	color: #56165f;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}
		
/* FAST COLORING */
.bold-red {
	font-weight: bold;
	color: red;
}		
	

/* FORMS */
	
form p {
	color: #888;
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
}

	form .form-item {
		margin-top: 5px;
		padding-left: 120px;
		position: relative;
	}
	
		form .form-item label {
			position: absolute;
			left: 5px;
			font-weight: bold;
			font-size: 11px;
			color: #555;
		}
		
		form .form-item input {
			width: 95%;
			padding: 2px;
			font-size: 12px;
		}
		
			form .form-item input.small {
				width: 40%;
			}
			
			form .form-item input.checkbox {
				width: 16px;
			}			
		
		form .form-item textarea {
			width: 95%;
			height: 400px;
		}
		
			form .form-item textarea.small {
				height: 50px;
			}
			
			form .form-item textarea.medium {
				height: 200px;
			}
		
	.form-response {
		display: none;
		min-height: 24px;
		padding: 6px 0 6px 36px;
		margin: 10px 0 10px;		
		background: #ffe47f;
		border: 1px solid #f8d00d;
		font-weight: bold;
		vertical-align: middle;
	}
		.form-response.success {background: #ffe47f url(/public/img/form-ok.gif) no-repeat 6px 6px;color: #2a6ebd;}
		.form-response.error {background: #ffe47f url(/public/img/form-error.gif) no-repeat 6px 6px;color: #c10000;}
	
	.form-saving {
		display: none;
		height: 20px;
		background: url(/public/img/indicator.gif) no-repeat;
		padding-left: 20px;
	}		

form .buttons {
	text-align: center;
	margin-top: 10px;
}

a.button {
	margin-left: 7px;
	height: 18px;
	padding: 4px 10px;
	background-color: #320d37;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

	a.button:hover {
		background-color: #56165f;
	}
	
	
/* UPCOMING CONCERT */
#block-concertUpcoming-1 {
	background: url(/public/img/koncert.gif) no-repeat top center;
}

.upcoming-concert {
	text-align: center;
}

	.upcoming-concert h1 {
		font-size: 16px;
		color: #56165f;
		font-weight: bold;
	}
	
	.upcoming-concert p {
		margin: 0;
		text-align: center;
		color: #888;
		font-size: 10px;
		line-height: 12px;
	}
	
	.upcoming-concert span.date {
		clear: both;
		font-weight: bold;
		font-size: 13px;
	}
	
	.upcoming-concert span.price {
		clear: both;
		font-weight: bold;
	}
	
	.upcoming-concert a {
		clear: both;
	}

.mdkit-window {
	position: absolute;
	width: 200px;
	z-index: 99;
	top: 20px;
	left: 20px;
	border: 15px solid #320d37;
}

	.mdkit-window .window-title {
		position: relative;
		line-height: 20px;
		padding-left: 10px;
		background-color: #977a9b;
		border-bottom: 1px solid #e9e9e9;
	}
	
		.mdkit-window .window-top-left,
		.mdkit-window .window-top-right {}
			
		.mdkit-window .window-title .window-header-title {
			font-weight: bold;
			color: #fff;
		}


	.mdkit-window .window-middle-left {
		background: #fff;
		border-left: 1px solid #e9e9e9;
		padding-left: 6px;
	}

	.mdkit-window .window-middle-right {
		padding-right: 6px; 
		border-right: 1px solid #e9e9e9;
	}

	
		.mdkit-window .window-body {
			position: relative;
			width: 92%;
		}
		
		html>body .mdkit-window .window-body {
			width: auto;
		}		
		
		/* this is for the disappearing caret bug in input fields above overflow: elements */
		body.mozilla .mdkit-window .window-body {
			overflow: auto;
		}
		/* +1 px to make up for the overflow: auto in ff */
		body.mozilla .mdkit-window .window-middle-right {
			padding-right: 7px; 
		}

		.mdkit-window .window-buttons {
			height: 29px;
			background-color: #e9e9e9;
			text-align: center;
			padding-top: 10px;
		}

			.mdkit-window .window-button {}
			.mdkit-window .window-button.left {}
	
	.mdkit-window .window-bottom {}
		.mdkit-window .window-bottom-left,
		.mdkit-window .window-bottom-right {}
.mdkit-mb .window-body {
	padding: 10px;
}

.mdkit-mb .mb-icon {
}

.mdkit-mb .mb-message {
	margin: 10px;
	color: #5e5e5e;
}
ul.blogs {
	position: relative;
}

	ul.blogs li {
		position: relative;
	}

		ul.blogs li a.title {
			font-weight: bold;
			font-size: 12px;
			text-decoration: none;
			color: #56165f;
		}
	
			ul.blogs li span.date {
				font-size: 10px;
				color: #aaa;
			}
			
		ul.blogs li .author {
			color: #666;
			font-weight: bold;
		}

ul.news {
	position: relative;
}

	ul.news li {
		position: relative;
	}

		ul.news li a.title {
			font-weight: bold;
			font-size: 12px;
			text-decoration: none;
			color: #56165f;
		}
	
			ul.news li span.date {
				font-size: 10px;
				color: #aaa;
			}
			
		ul.news li div.snippet {
			font-size: 11px;
			color: #888;
			padding-left: 7px;
		}

			ul.news li div.snippet p {
				padding: 0;
			}