
/*BEGIN <body> properties*/
	#index {margin: 0px; padding: 0px; background-color: #ffffff; text-align: center}
	#popup {margin: 0px; padding: 0px; background-image: url(../img/bckgrnd.jpg); background-repeat: no-repeat}
	#content {margin: 0px; padding: 0px; background-color: transparent}
/*END <body> properties*/


/*BEGIN <div> containers*/
	
	/*index.php*/
	#index-container {width: 333px; height: 554px; margin: auto}
	
	/*popup.php*/
	#top-container {height: 102px; width: 874px; position: absolute; top: 0px; left: 51px}
	#iframe-container {height: 396px; width: 748px; position: absolute; top: 110px; left: 75px; overflow: hidden}
	#adbox-container {height: 386px; width: 80px; position: absolute; top: 110px; left: 845px}
	#bottom-container {height: 143px; width: 909px; position: absolute; top: 506px; left: 51px}
	
	/*content.php*/	
	#home-image1 {position: absolute; top: 256px; left: 242px;}
	#home-image2 {position: absolute; top: 28px; left: 76px;}
	#home-tagline {position: absolute; top: 197px; left: 0px;}
	#home-cover2 {position: absolute; top: 262px; left: 520px;}
	#home-cover3 {position: absolute; top: 12px; left: 460px;}
	#home-cover1 {position: absolute; top: 262px; left: 86px;}
	#home-text1 {position: absolute; top: 278px; left: 242px;}
	#home-text2 {width: 370px; position: absolute; top: 78px; left: 76px;}
	
	#info-band-img-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 281px; background-image: url(../img/scheck.jpg)}
	#info-band-text-container {width: 340px; height: 350px; position: absolute; top: 10px; left: 401px; overflow: auto}
	#info-kocin-img-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 62px; background-image: url(../img/kocin.jpg)}
	#info-kocin-text-container {width: 560px; height: 250px; position: absolute; top: 10px; left: 181px; overflow: auto}
	#info-szmanda-img-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 172px; background-image: url(../img/szmanda.jpg)}
	#info-szmanda-text-container {width: 450px; height: 300px; position: absolute; top: 10px; left: 291px; overflow: auto}
	#info-dys-img-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 391px; background-image: url(../img/dys.jpg)}
	#info-dys-text-container {width: 360px; height: 360px; position: absolute; top: 10px; left: 21px; overflow: auto}
	#info-swies-img-container {width: 108px; height: 386px; position: absolute; top: 0px; left: 499px; background-image: url(../img/swies.jpg)}
	#info-swies-text-container {width: 467px; height: 280px; position: absolute; top: 10px; left: 21px; overflow: auto}
	
	#concerts-img-container {width: 108px; height:386px; position: absolute; top: 0px; left: 499px; background-image: url(../img/concerts.jpg)}
	#concerts-latest-container {position: absolute; top: 10px; left: 62px; padding: 15px; border: 1px solid #ffffff}
	#concerts-text-container {width: 349px; height: 250px; position: absolute; top: 90px; left: 42px; padding: 10px; overflow: auto}
	
	#reviews-img-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 62px; background-image: url(../img/reviews.jpg)}
	#reviews-text-container {width: 530px; height: 320px; position: absolute; top: 10px; left: 201px; overflow: auto}
	
	#contact-img-container {width: 218px; height: 386px; position: absolute; top: 0px; left: 281px; background-image: url(../img/contact.jpg)}
	#contact-mail-container {position: absolute; top: 10px; left: 511px}
	#contact-phone-container {width: 260px; position: absolute; top: 336px; left: 0px}
	#contact-text-container {width: 230px; position: absolute; top: 91px; left: 511px}
	
	#news-img-container {width: 216px; height: 386px; position: absolute; top: 0px; left: 391px; background-image: url(../img/news.jpg)}
	#news-text-container {width: 360px; height: 360px; position: absolute; top: 10px; left: 21px; overflow: auto}
	
	#audio-img1-container {width: 218px; height: 386px; position: absolute; top: 0px; left: 62px;}
	#audio-img2-container {width: 218px; height: 386px; position: absolute; top: 0px; left: 499px;}
	#audio-img3-container {width: 218px; height: 386px; position: absolute; top: 0px; left: 281px;}
	
	#music-player-container {width: 748px; height: 386px; position: absolute; top: 0px; left: 0px; background-image: url(../img/music.jpg)}
	#music-player-container2 {width: 748px; height: 386px; position: absolute; top: 0px; left: 0px; background-image: url(../img/music2.jpg)}
	#music-player-container3 {width: 748px; height: 386px; position: absolute; top: 0px; left: 0px; background-image: url(../img/music3.jpg)}
	
	#photo-thumbnails-container {width: 476px; height: 386px; position: absolute; top: 0px; left: 17px}
	
	#video-player-container {position: absolute; top: 15px; left: 240px;}
	#video-img-container {width: 273px; height: 262px; position: absolute; top: 124px; left: 0px}
	
	#promo-img1-container {width: 109px; height: 386px; position: absolute; top: 0px; left: 62px; background-image: url(../img/promo1.jpg)}
	#promo-img2-container {width: 108px; height: 386px; position: absolute; top: 0px; left: 499px; background-image: url(../img/promo2.jpg)}
	#promo-disclaimer-container {width: 308px; position: absolute; top: 30px; left: 181px;}
	#promo-posters-container {width: 308px; position: absolute; top: 104px; left: 181px; border: 1px solid #ffffff}
	#promo-photos-container {width: 308px; position: absolute; top: 167px; left: 181px; border: 1px solid #ffffff}
	#promo-rider-container {width: 308px; position: absolute; top: 233px; left: 181px; border: 1px solid #ffffff}
	#promo-music-container {width: 308px; position: absolute; top: 302px; left: 181px; border: 1px solid #ffffff}
	
	#links-img-container {width: 218px; height:386px; position: absolute; top: 0px; left: 172px; background-image: url(../img/links.jpg)}
	#links-text-container {width: 349px; height: 350px; position: absolute; top: 10px; left: 370px; overflow: auto}
	
	#citron-player-container {position: absolute; top: 120px; left: 292px;}
	#citron-img-container {width: 423px; height: 386px; position: absolute; top: 0px; left: 164px}
/*END <div> containers*/


/*BEGIN <iframe> properties*/
	#iframe-content {height: 396px; width: 748px; border: none; overflow: hidden}
/*END <iframe> properties*/

/*BEGIN <hr> properties*/
	hr {height: 0px; border: none; border-top: 1px solid #ffffff} /*hack to display colorful lines in firefox*/
		hr.concerts {width: 209px}
		hr.cornerbox {border-top: 2px solid #000000}
		hr.links {width: 240px}
/*END <hr> properties*/

/*BEGIN anchor properties*/
	a {text-decoration: none; color: #000000}
		a:hover {text-decoration: underline}
	a.plugin {color: #c1cfb6}
	a.store {color: #611523; font-size: 11pt;}
	a.home-mail {color: #203213; font-size: 11pt;}
/*END anchor properties*/


/*BEGIN text class attributes*/
	.text {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 8pt; text-align: justify; margin-right: 15px; display: block} /*any text if not specified otherwise*/
	
	.concert-info {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 8pt; text-align: center; display: block} /*concert list text, not the concert box*/
	.old {color: #666666} /*additional option for old concerts text*/
	
	.contact {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 12pt; display: block}
	.mail {text-align: left}
	.phone {text-align: right}
	.subtext {font-size: 8pt; display: inline} /*to be displayed inline with contact data*/
	.addnote {margin-top: 26px; display: block}
	
	.link-text {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 8pt; text-align: center; display: block}
	
	.promo-description {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 8pt; text-align: center; display: block}
	.promo-disclaimer {font-family: Trebuchet Ms, Arial, sans-serif; font-size: 7pt; text-align: center; display: block}
/*END text class attributes*/

/*BEGIN various tweaks*/
	p {margin-top: 0px; margin-bottom: 0px} /*for proper paragraph alignment in Firefox and IE*/
	table, td {border: none; border-collapse: collapse; margin: 0px; padding: 0px; border-spacing: 0px} /*for photos thumbnails proper display*/
	img {border: none; display: block} /*for image anchors*/
	
	.gallery {cursor: pointer} /*for gallery images */
/*END various tweaks*/
