@CHARSET "UTF-8";

@import url("reset.css");

html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}


body
{
	background:				#000000;
	margin: 				0;
	padding:				0;
	font-family:			Arial;
	color:					#ffffff;
}





h1
{
	font-size:				14px;
}

h2
{
	font-size:				12px;
}

div#page
{
	
}

ul#menu li a
{
	display:				block;
	width:					206px;
	height:					24px;
	float:					right;
}

a
{
	color:					#FF0000;
}

ul#menu li a#news
{
	background:				url('../images/menu_news.png') no-repeat;
}

ul#menu li a#news:hover, ul#menu li a#news.active
{
	background-position:	0 -25px;
}

ul#menu li a#imprezy
{
	background:				url('../images/menu_imprezy.png') no-repeat;
}

ul#menu li a#imprezy:hover, ul#menu li a#imprezy.active
{
	background-position:	0 -24px;
}

ul#menu li a#oklubie
{
	background:				url('../images/menu_oklubie.png') no-repeat;
}

ul#menu li a#oklubie:hover, ul#menu li a#oklubie.active
{
	background-position:	0 -25px;
}

ul#menu li a#menu
{
	background:				url('../images/menu_menu.png') no-repeat;
}

ul#menu li a#menu:hover, ul#menu li a#menu.active
{
	background-position:	0 -26px;
}

ul#menu li a#galeria
{
	background:				url('../images/menu_galeria.png') no-repeat;
}

ul#menu li a#galeria:hover, ul#menu li a#galeria.active
{
	background-position:	0 -24px;
}

ul#menu li a#muzyka
{
	background:				url('../images/menu_muzyka.png') no-repeat;
}

ul#menu li a#muzyka:hover, ul#menu li a#muzyka.active
{
	background-position:	0 -24px;
}

ul#menu li a#dje
{
	background:				url('../images/menu_dje.png') no-repeat;
}

ul#menu li a#dje:hover, ul#menu li a#dje.active
{
	background-position:	0 -25px;
}

ul#menu li a#wspolpraca
{
	background:				url('../images/menu_wspolpraca.png') no-repeat;
}

ul#menu li a#wspolpraca:hover, ul#menu li a#wspolpraca.active
{
	background-position:	0 -26px;
}

ul#menu li a#kontakt
{
	background:				url('../images/menu_kontakt.png') no-repeat;
}

ul#menu li a#kontakt:hover, ul#menu li a#kontakt.active
{
	background-position:	0 -24px;
}

div#top
{
	position: 				absolute;
	top:					0;
	left:					0;
	width:					100%;
	background:				url('../images/top_bg.jpg') repeat-x;
	height:					41px;
	display:				block;
}

div#main
{
	width:					1000px;
	padding:				41px 0 0;
	margin:					0 auto;
	background:				url('../images/background.jpg') no-repeat;
	min-height:				800px;
}

div#main #logo
{
	width:					472px;
	height:					231px;
	margin:					0 auto;
}

div#main div#left
{
	width:					270px;
	float:					left;
	margin:					0 16px 0 0;
	position:				relative;
	text-align:				right;
	top:					-20px;
}

div#main div#right
{
	width:					674px;
	float:					left;
	position:				relative;
	top:					-20px;
}

div#main div#right div#search
{
	float:					left;
	height:					24px;
	position:				relative;
	left:					140px;
}

div#main div#right div#search input 
{
	width:					120px;
	border-bottom:			1px solid #555;
	border-right:			1px solid #555;
	border-top:				none;
	border-left:			none;
}

div#main div#right div#search input.submit
{
	background:			url(../images/bullet.png) no-repeat;
	width:				7px;
	height:				11px;
	border:				none;
}

table.calendar 
{
	font-size:				12px;
	margin-right:			-10px;
}

table.calendar td
{
	text-align:				center;
	display:				table-cell;
	padding:				3px;	
}

table.calendar td.event 
{
	background:				#ff0000;
}

table.calendar td.event  a
{
	color:					#ffffff;
	text-decoration:		none;
}

div.separator
{
	background:				url('../images/separator.jpg') repeat-x;
	height:					1px;
}

.divider
{
	margin:					17px 0 17px 0;
	clear:					both;
}

.smallDivider
{
	margin:					10px 0;
	clear:					both;
}

.smallestDivider
{
	margin:					7px 0;
	clear:					both;
}

div#partners
{
	clear:					both;
	width:					910px;
	margin:					0 0 0 70px;
}

div#footer
{
	width:					400px;
	font-size:				10px;
	margin:					15px auto;
	text-align:				center;
}

ul#minorMenu
{
	margin:					5px 0;
}

ul#minorMenu li
{
	display:				inline-block;
	margin:					0 4px;
}

ul#minorMenu li#first
{
	margin:					0 6px 0 0;
}

ul#minorMenu li#last
{
	margin:					0 0 0 6px;
}

ul#minorMenu li a
{
	color:					#ffffff;
	text-decoration:		none;
}

span#about
{
	padding:				6px 0;
	display:				inline-block;
}

div#content
{
	clear:					both;
	overflow:				hidden;
	font-size:				12px;
}

div#content p
{
	margin:					10px 0;
}

div#newsflash p
{
	margin:					0;
	padding:				2px 0;
}

div#content img.mainImage 
{
	margin:					0 10px 0 0;
	float:					left;
}

div#news
{
	font-size:				11px;
	overflow:				hidden;
}

div#news div#NewsHeadline
{
	width:					82px;
	height:					35px;
	background:				url('../images/headline_news.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#news div.item, div#events div.item
{
	overflow: 				auto;
	min-height:				77px;
}

a.more
{
	display:				block;
	width:					67px;
	height:					15px;
	background:				url('../images/more.png') no-repeat;
	float:					right;
	margin:					20px 0 0 0;
}

#slideshow 
{
	margin:					0 auto;
	width:					670px;
	height:					209px;
	position:				relative;
}

#slideshow #slidesContainer 
{
  	margin:					0 auto;
  	width:					670px;
  	height:					240px;
  	overflow:				auto; 
 	position:				relative;
}
#slideshow #slidesContainer .slide 
{
  	margin:					0 auto;
  	width:					650px; 
  	height:					263px;
}

.slide div.info
{
	
}

.slide div.info h2
{
	text-align:				right;
	margin:					20px 0;
}

.slide div.info p
{
	padding:				10px 0 10px 0;
	text-align:				right;
}

.control 
{
  	display:				block;
  	width:					7px;
  	height:					10px;
  	text-indent:			-10000px;
  	position:				absolute;
  	cursor: 				pointer;
}

#prevBtn
{
	position:				absolute;
	top:					220px;
  	right:					100px;
}

#nextBtn
{
	position:				absolute;
	top:					220px;
  	right:					70px;
}
#leftControl
{
  	top:					170px;
  	right:					100px;
  	background:				transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl 
{
  	top:					170px;
  	right:					70px;
  	background:				transparent url(../images/control_right.jpg) no-repeat 0 0;
}

.leftControl 
{
  	top:					170px;
  	right:					100px;
  	background:				transparent url(../images/control_left.jpg) no-repeat 0 0;
  	display:				inline-block;
  	width:					7px;
  	height:					10px;
  	text-indent:			-10000px;
  	cursor: 				pointer;
}
.rightControl 
{
  	top:					170px;
  	right:					70px;
  	background:				transparent url(../images/control_right.jpg) no-repeat 0 0;
  	display:				inline-block;
  	width:					7px;
  	height:					10px;
  	text-indent:			-10000px;
  	cursor: 				pointer;
}

div#infobox
{
	margin-top:				10px;
}

div#newsflash
{
	float:					left;
	width:					305px;
	margin-top:				9px;
}

div#newsflash div.item img, div#events div.item img 
{
	border:					1px solid #333333;
	margin:					0 5px 0 0;
}

div#ads
{
	float:					right;
	margin-top:				9px;
	width:					330px;
	text-align:				center;
}

span.date
{
	font-size:				10px;
}

div#events div#EventsHeadline
{
	height:					35px;
	background:				url('../images/headline_events.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#AboutHeadline
{
	height:					35px;
	background:				url('../images/headline_about.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#GalleryHeadline
{
	height:					35px;
	background:				url('../images/headline_gallery.png') no-repeat 0 1px;
	margin:					12px 0 14px 0;
}

div#MusicHeadline
{
	height:					35px;
	background:				url('../images/headline_music.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#CollaborateHeadline
{
	height:					35px;
	background:				url('../images/headline_collaborate.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#DjsHeadline
{
	height:					35px;
	background:				url('../images/headline_djs.png') no-repeat;
	margin:					12px 0 14px 0;
}

div#MenuHeadline
{
	height:					35px;
	background:				url('../images/headline_menu.jpg') no-repeat;
	margin:					12px 0 14px 0;
}

div#pagination
{
	float:					right;
	margin:					5px 20px 0;
	font-size:				12px;
}

div#pagination strong 
{
	color:					#D30000;
	padding: 				0 2px;
}

div#pagination a
{
	color:					#ffffff;
	padding: 				0 2px;
	text-decoration:		none;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#887;}
ul.gallery{position:relative;margin-top:2em; text-align: center}
ul.gallery{width:702px;margin:0 auto;}
ul.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
ul.gallery li div{left:240px}
ul.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 20px auto; text-align: center;height:438px;width:670px;background:black;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align: center;}
.nav a{color:#940000;text-decoration:none;outline:none; font-weight: bold}
.nav a:hover{color:#D30000;}
.info{text-align:left;width:700px;margin:30px auto;padding-top:30px;}
.info p{margin-top:1.6em;}

small.go_back 
{
	position:				relative;
	top:					-20px;
}

div.item 
{
	overflow:				hidden;
}

div.musicItem
{
	width:					169px;
	margin-right:			80px;
	float:					left;
	text-align: 			justify;
}

div.musicItem#last
{
	margin-right:			0;
}

div.musicItem div
{
	text-align:				center;
}

div.musicItem a
{
	text-transform:			capitalize;
	color:					#ef3829;
	text-decoration:		none;
}

#slider ul, #slider li,	#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none;	}
#slider li { width:670px; height:209px; overflow:hidden;}	

.galleryItem
{
	width:					325px;
	padding:				5px;
}

form#subscribe, form#search
{
	display:				inline;
	width:					120px;
	text-align:				center;
}

#validEmail
{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin:	-4px 4px;
}

.galleryPhoto
{
	float:				left;
	position:			relative;
}

.galleryVideo
{
	float:				left;
	position:			relative;
}

.galleryVideoDelete
{
	position:			absolute;
	right:				0;
}

.left
	{
	float:					left;
	}

.pictureFrame 
	{
	cursor:					pointer;
	display:				block;
	height:					109px;
	overflow:				hidden;
	position:				relative;
	width:					132px;
	}

.pictureFrame .image 
	{
	display:				block;
	height:					100px;
	left:					3px;
	overflow:				hidden;
	position:				absolute;
	top:					2px;
	width:					126px;
	margin:					0;
	background:				#000000;
	text-align:				center;
	}
.pictureFrame .overlay 
	{
	background:				transparent url(../images/picture_frame.png) repeat scroll left top;
	display:				block;
	height:					109px;
	left:					0;
	position:				absolute;
	top:					0;
	width:					132px;
	}
	
.movieFrame 
	{
	cursor:					pointer;
	display:				block;
	height:					109px;
	overflow:				hidden;
	position:				relative;
	width:					132px;
	}

.movieFrame .image 
	{
	display:				block;
	height:					100px;
	left:					3px;
	overflow:				hidden;
	position:				absolute;
	top:					2px;
	width:					126px;
	margin:					0;
	}
.movieFrame .overlay 
	{
	background:				transparent url(../images/movie_frame.png) repeat scroll left top;
	display:				block;
	height:					109px;
	left:					0;
	position:				absolute;
	top:					0;
	width:					132px;
	}
	
img.icon 
	{
	background-image:	url(../images/icons.png);
	}
img.delete_icon 
	{
	margin:				0 4px -4px 0;
	}
.delete_icon 
	{
	background-position:0 -1137px;
	}
.edit_icon 
	{
	background-position:0 -1408px;
	}
div#content .Thin p 
{
	margin:				2px 0 10px;
}

div#sites a
{
	margin:				0 6px;
}

div#sites a.first
{
	margin-left:		0px;
}

div#sites a.last
{
	margin-right:		0px;
}