/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body{
	font-family: "Tahoma", "Arial", "Verdana", "Helvetica", sans-serif;
	font-size: 12px; 
	background: url('../img/bg.gif') repeat-x 0 0;
}


#mainWrapper{
	margin: 0 auto; /* centering */
	padding: 10px 0px 0px 0px;
	width: 780px;
	overflow: visible; /* clearance */
	display: table;
	background: #ffffff url('../img/bar.gif') no-repeat center 0;
	position: relative;
}

#wrapper{
	
}



#middleBackground{
	width: 992px;
	height: 596px;
	position: absolute;
	top: 229px;
	left: 111px;
	background: url( '../img/bgMiddle.gif' ) no-repeat 0 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	z-index: 0;
}

/* opera bug */
@media all and (min-width: 0px){
   #middleBackground{z-index: -1;}
}

#content, #sidebar {
	display: table-cell;
	vertical-align: top;
	position: relative;
	z-index: 100;
}

#content {
	width: 533px;
	color: #09565C;
	
}

	#content #wrapperBody{
		width: 523px;
		padding: 0px 5px 0px 5px;
		background: #ffffff url('../img/contentTop.gif') no-repeat center 50px;
	}

	#content #body{
		width: 523px;
		background: #fdfaf1;
	}
	
		#body img{
			border: 5px solid #ffffff;
		}

	#content h1#headerHome{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerHome.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerDyrektor{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerDyrektor.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerMuzycy{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerMuzycy.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerNapisali{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerNapisali.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerOgloszenia{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerOgloszenia.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerKontakt{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerKontakt.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerKoncerty{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerKoncerty.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerFestiwale{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerFestiwale.gif') no-repeat 20px 0;
 	}
 	
 	#content h1#headerSponsorzy{
		padding: 0px 20px 20px 20px;
		width: 479px;
		height: 19px;
		text-indent: -9999px;
		background: url('../img/headerSponsorzy.gif') no-repeat 20px 0;
 	}
	
	#content h2{
		padding: 5px 20px 20px 20px;
	}
	
	#content h2 span{
		margin: -10px 0px 0px 0px;
		font-size: 10px;
		float: right;
	}
	
	#concertDescription{
		padding: 0px 20px 20px 20px; 
		line-height: 1.5;
	}
	
		#concertDescription p{
			padding: 0px;
		}

	#content p{
		padding: 5px 20px 20px 20px;
		line-height: 1.5;
	}
	
		
	
	#content .subhead{
		margin: 5px 20px 20px;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #b3d8d4;
		line-height: 2.0;
	}
	
	#content strong{
		font-weight: bold;
	}
	
	#content hr{
		border-top:1px dashed #098A94;
		border-width:1px 0 0 0;
		height:1px;
		width: 94%;
	}
	
	#content a{
		color: #5AA4A5;
	}
	
	#content a:hover{
		color: #83C2C3;
		text-decoration: underline;
	}
	
	#content dl#concertsList{
		padding: 0px 20px 20px;
	}
	
		#content dl#concertsList dt{
			padding: 20px 0px 0px 0px;
			font-size: 14px;
			font-weight: bold;
			border-bottom: 1px solid #b3d8d4;
			line-height: 2.0;
		}
		
			#content dl#concertsList dt span{
				margin: -24px 0px 0px 0px;
				font-size: 12px;
				font-weight: normal;
				float: right;
				display: inline;
			}
		
		#content dl#concertsList dd{
			padding: 10px 0px;
			line-height: 1.2;
		}	

			#content  #concertsList dd p,
			#content #concertDescription p{
				padding: 5px 0px 20px;
			}		

	#content #top{
		padding: 0px 0px 0px 5px;
		width: 528px;
		height: 135px;
		background: url('../img/top.jpg') no-repeat 5px 0;
	}	
	
	#content #menu{
		margin: 5px 0px 54px 0px;
		width: 523px;
		height: 50px;
		background: url( '../img/menu_inactive.gif' ) no-repeat 0 0;
	}	
	
		#menu li{
			float: left;
			line-height: 50px;
			position: relative;
		}
		
			
		
		#menu li#menuHome,
		#menu li#menuHome a{
			width: 47px;
		}
		
		#menu li#menuInformations,
		#menu li#menuInformations a{
			width: 113px;
		}
		
		#menu li#menuArtists,
		#menu li#menuArtists a{
			width: 92px;
		}
		
		#menu li#menuFestivals,
		#menu li#menuFestivals a{
			width: 100px;
		}
		
		#menu li#menuSponsors,
		#menu li#menuSponsors a{
			width: 171px;
		}
		
			#menu li a,
			#menu li a:hover{
				width: inherit;
				height: 50px;
				float: left;
				text-indent: -9999px;
			}
			
		#menu li#menuHome a:hover{
			background: url('../img/menu_active.gif') no-repeat 0 0;
		}
		
		#menu li#menuInformations a:hover{
			background: url('../img/menu_active.gif') no-repeat -47px 0;
		}
		
		#menu li#menuArtists a:hover{
			background: url('../img/menu_active.gif') no-repeat -160px 0;
		}
		
		#menu li#menuFestivals a:hover{
			background: url('../img/menu_active.gif') no-repeat -252px 0;
		}
		
		#menu li#menuSponsors a:hover{
			background: url('../img/menu_active.gif') no-repeat -352px 0;
		}
		
			#menu li ul{
				display: none;
				position: absolute;
				top: 50px;
				left: 0px;
				background: #72dde5;
				width: 190px;
				z-index: 100;
			}
			
				#menu li ul li{
					display: block;
					float: none;
					background: none;
					width: 190px;
					line-height: 1.0;
				}
				
					#menu li#menuHome ul li a,
					#menu li#menuInformations  ul li a,
					#menu li#menuArtists ul li a,
					#menu li#menuFestivals ul li a,
					#menu li#menuSponsors ul li a{
						padding: 10px;
						background: #72dde5 url('../img/seperatorBlue.gif') no-repeat center bottom;
						height: auto;
						width: 170px;
						display: block;
						float: none;
						text-indent: 0px;
						font-size: 10px;
						color: #09565c;
						
					}
					#menu li#menuHome ul li a:hover,
					#menu li#menuInformations  ul li a:hover,
					#menu li#menuArtists ul li a:hover,
					#menu li#menuFestivals ul li a:hover,
					#menu li#menuSponsors ul li a:hover{
						padding: 10px;
						background: #4abec7 url('../img/seperatorBlue.gif') no-repeat center bottom;
						width: 170px;
						height: auto;
						display: block;
						float: none;
						text-indent: 0px;
						color: #09565c;
					}
			

#sidebar {
	padding: 0px 0px 5px 2px;
	width: 245px;
	background: #ffffff url('../img/separator.gif') repeat-y 0 0;
}

	#sidebar h1#logo{
		width: 243px;
		height: 211px;
	}
	
		#sidebar h1#logo a,
		#sidebar h1#logo a:hover{
			display: block;
			width: 243px;
			height: 211px;
			text-decoration: none;
			text-indent: -9999px;
			background: url('../img/logo.gif') no-repeat 0 0;
		}
		
		#sidebar h1#headerSideCalendar{
			margin: 35px auto 20px; 
			width: 192px;
			height: 18px;
			text-indent: -9999px;
			background: url( '../img/headerSideCalendar.gif' ) no-repeat 0 0;
		}
		
		#sidebar #sideCalendar{
			margin: 0 auto;
			padding: 0px 0px 25px 0px;
			width: 195px;
			background: #72dde5 url('../img/calendarBg.gif') repeat-x 0 0;
			position: relative;
		}
		
			#sidebar #sideCalendar ul{
				padding: 25px 20px;
				color: #09565c;
				font-size: 11px;				
			}
			
				#sidebar #sideCalendar li span{
					display: block;
					font-weight: bold;
					margin: 5px 0px;
				}
			
				#sidebar #sideCalendar li a{
					padding: 5px 5px;
					display: block;
					color: #09565c;
					line-height: 1.3;
					background: url('../img/seperatorBlue.gif') no-repeat center bottom;
				}
				
				#sidebar #sideCalendar li a:hover{
					line-height: 1.3;
					background: #4abec7 url('../img/seperatorBlue.gif') no-repeat center bottom; 
				}
			
		
		#sidebar a#sideCalendarMore,
		#sidebar a#sideCalendarMore:hover{
			position: absolute;
			left: 25px;
			bottom: 15px;
			padding: 0px 5px;
			line-height: 2.0;
			background: #b9eef2;
			color: #098a94;
			font-weight: bold;
			font-size: 10px;
		}

#footer{
	margin: 5px auto 10px; /* centering */
	padding: 10px 5px 0px;
	width: 770px;
	background: #ffffff url('../img/bar.gif') no-repeat center 0;
	position: relative;
	z-index:100;
}

	#footer #copyrights{
		font-weight: bold;
		color: #098a94;
		font-size: 11px;
		float: right;
		line-height: 2.0;
	}

	#footer #goTop{
		color: #098a94;
		text-decoration: none;
		line-height: 2.0;
		font-size: 11px;
	}
	
	#footer #goTop:hover{
		color: #098a94;
		text-decoration: underline;
		font-size: 11px;
	}

	#footer ul#bottomMenu{
		margin: 0px 35px 0px 0px;
		float: left;
		display: inline;
		font-size: 11px;
	}
	
		#footer ul#bottomMenu li{
			line-height: 2.0;
			display: inline;
			color: #098a94;
		}	
		
			#footer ul#bottomMenu li a{
				color: #098a94;
				text-decoration: none;
			}	
			
			#footer ul#bottomMenu li a:hover{
				color: #098a94;
				text-decoration: underline;
			}
			
	#footer #siteBy{
		margin: 5px 0px 20px 0px;
		clear: both;
		bottom: 10px;
		padding: 4px;
		color: #098a94;
		background: #cee8ea;
		line-height: 1.5;
		text-decoration: none;
		font-size: 11px;
		float: left;
	}
	
	#footer #siteBy:hover{
		padding: 4px;
		color: #ffffff;
		background: #098a94;
		line-height: 1.5;
		text-decoration: none;
	}
	
		#footer #siteBy strong{
			font-weight: bold;
		}

a#archive{
	margin: 20px 20px 25px 0px;
	float: right;
	display: inline;
}		
		
.paginator{
	padding: 0px 20px;
	height: 25px;

}

	.paginator div{
		margin: 0px 10px 0px 0px;
		float: left;
		line-height: 18px;
	}
	
	.paginator li{
		float: left;
	}
	
	.paginator a{
		margin: 0px 2px 0px 0px;
		border: 1px solid #098A94;
		padding: 3px 5px;
		text-align: center;
		float: left;
		display: block;
		background: #B5DADB;
		color: #098A94;
		text-decoration: none;
		font-weight: bold;
	}
	
	.paginator a:hover{
		margin: 0px 2px 0px 0px;
		border: 1px solid #098A94;
		padding: 3px 5px;
		text-align: center;
		float: left;
		display: block;
		background: #D9ECEA;
		color: #098A94;
		text-decoration: none;
		font-weight: bold;
	}
	
	.noLink{
		margin: 0px 2px 0px 0px;
		border: 1px solid #098A94;
		padding: 3px 5px;
		text-align: center;
		float: left;
		display: block;
		background: #ffffff;
		color: #098A94;
		text-decoration: none;
		font-weight: bold;
	}