html{
		background: url(/pic/body_bg.png); /*kolor tła strony*/
}
body {	
	margin: 5px; /*margines strony*/
	padding:0;
	border:0;

	color: #222;		/*kolor czcionki*/
	text-align: center;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
#main_wrapper{
	width: 980px;  
	margin: 0 auto;
	text-align: left;
	position: relative;		
	overflow: hidden;
	/*zaokrąglone rogi górne - jeżeli nie chcesz zakomentuj*/
	/*obrazek musi mieć szerokość równą main_wrapper: width*/
	background: url("/pic/corners_top.png") no-repeat top left;
	background-color: #ded1a7; /*kolor ramki wokół strony */
}	
#main{
	/*szerokość ramki góra prawa dól lewa;
	jeżeli zmienisz szerokość rami prawą lub lewą trzeba zmienić main_wrapper: width
	tak żeby się równał outer_wrapper: width + szerokość ramki lewa + prawa */
	padding: 5px 10px; 
	/*zaokrąglone rogi - dolne - uwagi te same co wyżej*/
	background: url("/pic/corners_bottom.png") no-repeat bottom left;
}
#outer_wrapper {
	position:relative;
	clear:both;
	float:left;
	width:960px;			
	overflow:hidden;	
	background: #fff;		/* kolor tła środkowej kolumny */
}
#wrapper{
	float:left;
	width:100%;			
	position:relative;
}
#center_column_wrapper,
#left_column_wrapper {
	float:left;
	position:relative;
	padding: 1em 0 1em 0; /*dolny margines kolumn*/
	overflow:hidden;
}
#wrapper {
	right: 710px;			
	background: #fff;		/* kolor tła lewej kolumny */
}
#center_column_wrapper {
	width: 680px;
	left: 970px;
}
#left_column_wrapper {
	width: 230px;
	left: 40px;
}
.user_wrapper {
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
}
.user {
	float: left;
	width: 100%;
	position: relative;
	right: 350px;
}
.user1{
	float: left;
	width: 330px;
	position: relative;
	left: 350px;
	overflow: hidden;
}
.user2{
	float:left;
	width: 330px;
	position:relative;
	left: 370px;
	overflow:hidden;
}