/* bandlessnoise.com layout						*/
/* 									*/
/* You may adapt elements of this layout for your own projects.		*/
/* The unique design, however, may not be reproduced.			*/
/* 									*/
/* Copyright 2005 Bart Maczynski					*/
/* 									*/
/* 									*/
/* Many thanks to the authors of the following sites: 			*/
/* 									*/
/*  http://www.zeldman.com						*/
/*  http://www.inknoise.com/						*/
/*  http://www.bluerobot.com/						*/
/*  http://css.maxdesign.com.au/					*/
/*  http://www.greasyskillet.org/					*/
/* 									*/
/* whose ideas and techniques helped me design bandlessnoise.com	*/
/* 									*/


body {
			background-color: #415658;
			background-image: url(.gif);
margin: 0px;
padding: 0px;
			FONT-FAMILY: verdana, sans-serif;
			FONT-SIZE: 75%;

	}

#intro { width: 300px;
margin: auto;
margin-top: 5%;
}

#container {
			width: 777px;
			border: 5px solid black;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			background-color: #eee;
			background-image: url(img/tlo.gif);
			background-position: right;
			background-repeat: repeat-y;
			


		}

		

		

	

#framewrap {
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-color: transparent;

}		


#sidebar p 	{
			padding: 0px;
	      		margin: 10px 10px 10px 20px;
			font-size: 90%;
			color: white;
		}
			

#sidebar h1 	{
			padding: 0px;
	      		margin: 10px 15px 5px 20px;
			font-size: 90%;
			color: white;
			font-weight: bold;
		}

#sidebar h1.dotted {
border-bottom: 1px dotted #ccc;

}


#content p {padding: 5px;
		margin: 0px 13px 0px 15px;
background: transparent;
}


#content div.construction {
			
			padding: 10px;
			margin: 0px 90px;
			background: black;
			font-family: arial;
			font-size: 100%;
			color: white;
			text-align: center;
			font-weight: bold;
			border: 4px solid #fff;
}

#content p.quote {padding: 6px;
		margin: 0px 23px 0px 20px;
		background: #eee;
font-size: 80%;}

#content blockquote {padding: 6px;
		margin: 5px 0px;
		background: #eee;
font-size: 80%;}


#content img {	margin-right: 10px;
		float: left;
}

#content img.big {	margin: 0px;

}
			
#content h1 {padding: 8px 10px 2px 10px;
		margin: 20px 13px 5px 10px;
font-size: 120%;
border-bottom: 1px solid #aaa;

}

#content h1.dotted {padding: 0px;
	margin: 10px 13px 5px 10px;
border-bottom: 1px dotted #999;

}

#content h2 {padding: 0px;
		margin: 1px;
font-size: 100%;
border-bottom: 0px solid #aaa;
text-align: center;
}

#content h3 {padding: 0px;
		margin: 1px;
font-size: 80%;
border-bottom: 0px solid #aaa;
text-align: center;
font-weight: normal;
}

#content h4 {padding: 0px;
		margin: 10px 20px 0px 20px;
font-size: 100%;
border-bottom: 0px solid #aaa;
text-align: left;
}
.box {padding: 
		6px;
		margin: 0px 20px 0px 18px;
		background: transparent;
font-size: 80%;
border: 1px solid #aaa;
}


		
		

		#sidebar {
			float: right;
			width: 226px;
			
			padding: 0px;
			background-color: transparent;
			margin: 0px;
border: 0px solid blue;
		}




.image {text-align: center;}

		#footer {
			clear: both;
margin: 0px;
			padding: 2px 0px 3px 0px;
			border-top: 0px solid #aaa;
			background-color: #000;
			text-align: center;
			color: #fff;
			FONT-FAMILY: verdana, sans-serif;
			FONT-SIZE: 10px;
		}
		

 #navcontainer
{

margin: 0;
padding: 0;
height: 110px;
font-weight: bold;
border-bottom: 0px solid #999;
background-color: #aaa;
background-image: url(img/sidebar.gif);
			background-position: right;

}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;

}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;

}

#navcontainer ul li a
{
background: transparent;
width: 111px;
height: 111px;
border-top: 0px solid #666;
border-left: 0px solid #666;
border-bottom: 4px solid #000;
border-right: none;
padding: 0;
margin: 0;
color: transparent;
text-decoration: none;
display: block;
text-align: center;
font: normal 13px/16px  verdana, lucida, sans-serif;
font-weight: bold;

}

span.hidden {
visibility: hidden;}

a.def {color: #339;
cursor: help;
text-decoration: none;
border-bottom: 1px #339 dotted;}


#navcontainer ul li#a a {background: url(img/buttons_r1_c1.gif);}
#navcontainer ul li#b a {background: url(img/buttons_r1_c2.gif);}
#navcontainer ul li#c a {background: url(img/buttons_r1_c3.gif);}
#navcontainer ul li#d a {background: url(img/buttons_r1_c4.gif);}
#navcontainer ul li#e a {background: url(img/buttons_r1_c5.gif);}
#navcontainer ul li#f a {background: url(img/buttons_r1_c6.gif);}
#navcontainer ul li#g a {background: url(img/buttons_r1_c7.gif);}

#navcontainer ul li#a a:hover {background: url(img/buttonsUP_r1_c1.gif);}
#navcontainer ul li#b a:hover {background: url(img/buttonsUP_r1_c2.gif);}
#navcontainer ul li#c a:hover {background: url(img/buttonsUP_r1_c3.gif);}
#navcontainer ul li#d a:hover {background: url(img/buttonsUP_r1_c4.gif);}
#navcontainer ul li#e a:hover {background: url(img/buttonsUP_r1_c5.gif);}
#navcontainer ul li#f a:hover {background: url(img/buttonsUP_r1_c6.gif);}
#navcontainer ul li#g a:hover {background: url(img/buttonsUP_r1_c7.gif);}













#navcontainer ul li a:hover
{
color: red;
background: black;
background-image: url(.gif);

}

#navcontainer a:active
{
background: white;
color: black;
}

#navcontainer li#active a
{
background: #669933;
border: 1px solid #669933;
color: #fff;
}

		#content {
			padding: 10px 0px;
			margin: 20px 250px 20px 20px;
			background-color: transparent;
			border: 0px solid blue;

}

table.koncerty	{
			margin: 0px 0px 20px 18px;
			border: 1px solid #999;
width: 470px;
		}
table.koncerty tbody tr td {
			background-color: #eee;
			font-size: 90%;
			padding: 2px 2px 2px 4px;
			text-align: left;
}

table.koncerty tbody tr.even td {
			background-color: #ddd;
}


table.plyty {
			margin: 40px 0px 10px 18px;
			border: 0px solid #999;
width: 470px;
		}

table.plyty tbody tr td {
			background-color: transparent;
			margin: 0px;
			padding: 0px
			text-align: left;
			vertical-align: top;
}



p.label { font-size: 80%;}
		


ol.utwory li { FONT-SIZE: 90%;
margin-left: -10px;
padding: 0;
} 




table.zdjecia { 

padding: 0;
margin: 10px;
margin-left: 75px;
border: 0px solid white;}

table.zdjecia tbody tr td {

background-color: transparent;
			margin: 0px;
			padding: 0px
			

}

#content a img.thumb {
margin: 6px;
padding 0;
float: none;
border: 1px solid #fff;

} 

#content a:hover img.thumb {
border: 1px solid #000;

} 

a.mp3 {
			color: blue;
			text-decoration: none;

}



#content a:hover {
			color: #c00;
			text-decoration: none;

}

#sidebar a:hover {
			color: #c00;
			text-decoration: none;

}

#sidebar a img {
border: 1px solid #666;

}

#sidebar a:hover img {
border: 1px solid #fff;

}

.koncert
		{	background-color: #eee;
			border: 1px solid #999;
			margin: 10px 18px 10px 18px;
			FONT-SIZE: 90%;
			padding: 0px;

}


h6 			{padding: 0px;
			margin: 5px 5px 10px 5px;
			font-size: 100%;
			border-bottom: 0px solid #aaa;
			text-align: left;
}

#content div.koncert p {margin: 4px;
			padding: 0px;
			
}

#content div.news h6 			{padding: 0px 10px;
			margin: 5px 5px 10px 10px;
			font-size: 100%;
			border-bottom: 0px solid #aaa;
			text-align: left;
}

#content div.news p.data {padding: 0px 0px;
			margin: 5px 0px 10px 10px;
			font-size: 80%;
			border-bottom: 0px dotted #aaa;
			text-align: right;
			clear: left;
			color: #666;
}


#content div.news {margin: 0px 20px;
			padding: 0px;}