/**************************************************************
	Podstawowe style
**************************************************************/
	* 					{ margin: 0; padding: 0; }
	img 				{ border: 0; }
	
	.margin-top		{ margin-top: 25px; }
	.margin-bottom	{ margin-bottom: 25px; }
	.no-padding 	{ padding: 0; margin: 0; }
	.no-border		{ border: 0; }
	.no-display 	{ display: none; }
	.center			{ margin: 0 auto; }
	.left 			{ float: left; }
	.right 			{ float: right; }
	.clear 			{ clear: both; }
	.block 			{ display: block; }
	.bold 			{ font-weight: bold; }
	.middle			{ vertical-align: middle; }
	.text-left 		{ text-align: left; }
	.text-right 	{ text-align: right; }
	.text-center 	{ text-align: center; }
	
	a 					{ padding: 1px 2px; color: #fff; background-color: #A54274; text-decoration: none; }
	a:hover 			{ background-color: #6F2048; }
	
	p					{ text-align: justify; margin-bottom: 15px; }
	
	h1 				{ font-family: Georgia, serif; font-size: 22px; font-weight: normal; padding: 18px 0 0 36px; margin-bottom: 15px; color: #BD7A97; background: transparent url(../images/layout/misc/h1-star.gif) left top no-repeat; } 
	h1 strong 		{ font-weight: normal; color: #BE2F78; }
	h1 a,
	h2 a 				{ background-color: transparent; padding: 0; color: #BD7A97; text-decoration: underline; }
	h1 a:hover,
	h2 a:hover		{ background-color: transparent; text-decoration: none; }
	h2 				{ font: normal 18px Georgia, serif; color: #B6668F; }
	h3 				{ font: bold 16px Georgia, serif; color: #4E3D3F; } 
	h4 				{ font: bold 14px Georgia, serif; color: #4E3D3F; } 
	
	hr					{ color: #E1C9D6; background-color: #E1C9D6; height: 1px; border: 0; }
	
	ul, ol			{ padding: 10px 0 10px 35px; line-height: 180%; }
	ul li, 
	ol li				{ padding: 3px 0; }
	
	ul.dialog		{ padding-left: 30px; line-height: 160%; }
	ul.dialog li	{ list-style: none; }
	
	blockquote		{ line-height: 160%;  }
	
	.width280		{ width: 280px; }
	
	#content .fbConnectWidgetTopmost { border: 0 !important; }
	
/**************************************************************
	Warstwy
**************************************************************/	
html { padding: 0; margin: 0; height: 100%; background: #A9758F url(../images/layout/html-bg.png) left 512px; }
body {
	background: transparent url(../images/layout/body-bg.png) left top repeat-x;
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #660366;
	text-align: center;	
	height: 100%;
	line-height: 160%;
}

#main {	
	width: 833px;
	margin: 0 auto;
	padding-top: 35px;
	text-align: left;
}

#container {	
	background: transparent url(../images/layout/container-bg.gif) repeat-y;
}
.adtaily { clear: both; padding: 5px 15px 5px 10px; }
.adtaily a { color: blue; }

/**************************************************************
	Tooltip
**************************************************************/
#tooltip {
	  text-align: center;
	  white-space: nowrap;
	  padding: 2px 4px;
	  font-size: 11px;
	  
	  color: #FFF;
	  background-color: #C0588D;
	  border: 1px solid #600E37;
	  
	  position: absolute;
	  z-index: 10000;
	  margin-left: 15px;
}


/**************************************************************
	Top
**************************************************************/
#top { height: 208px; background: transparent url(../images/layout/top-bg.png) no-repeat; }
#top.banner { height: 318px; }
#paznokcie { position: relative; top: -2px; height: 151px; background: url(../images/layout/banner.gif) no-repeat; }
#openx { position: relative; top: -2px; height: 127px; padding-top: 24px; text-align: center; background: url(../images/layout/banner.gif) no-repeat; }
#paznokcie a { display: block; height: 145px; padding: 6px 0 0 225px !important; font: 26px/142px Arial, sans-serif; text-shadow: -1px 1px #20030c; background: url(../images/layout/paznokcie.png) 4px 24px no-repeat; }
#paznokcie a strong { color: #fed804; }
#paznokcie a:hover { color: #fed804 /*#e1c9d6*/; }
#paznokcie a:hover strong { color: #fff; }
	
	/* Reka w topie */
	#top img.hand { z-index: 1; position: relative; left: 278px; top: 9px; }

	/* Logotyp */
	#top img.logo { z-index: 2; position: relative; right: 260px; bottom: 30px; }
	#top a { padding: 0; background-color: transparent; }
	
	/* Slogan */
	#top div.slogan { position: absolute; width: 500px; z-index: 3; }
	#top div.slogan h1 { font-family: Tahoma, sans-serif; text-align: right; width: 154px; height: 30px; background: transparent none; padding: 0; margin: 0; font-size: 11px; position: relative; left: 30px; top: 123px; }
	#top div.slogan h2 { font-family: Tahoma, sans-serif; font-size: 11px; position: relative; left: 208px; top: 96px; color: #C696AE; }
	
	/* Tekst */
	div.tekst { position: absolute; }
	div.tekst p { width: 250px; height: 150px; position: relative; left: 565px; padding-right: 10px; top: 25px; color: #BE89A4; line-height: 190%; background: transparent url(../images/layout/misc/menu-bg.gif) right bottom no-repeat;}
	
	
/**************************************************************
	Menu
**************************************************************/
#menu { float: left; width: 211px; padding: 0 0 15px 6px; }

#menu ul { padding: 0 0 15px 0; min-height: 108px; margin: 0; line-height: normal; background: transparent url(../images/layout/misc/menu-bg.gif) right bottom no-repeat; }

	#menu ul.star-left { background-position: left top; }

#menu ul li { list-style: none; padding: 0; margin: 0; line-height: normal; }
#menu ul li a { display: block; height: 26px; line-height: 26px; padding: 0 0 0 11px; color: #660366; background-color: transparent;  }
#menu ul li a:hover { padding-left: 33px; color: #fff; background: transparent url(../images/layout/misc/menu-hover.gif) no-repeat;  }
#menu ul li a .forum { color: #c75e93; }
#menu ul li a:hover .forum { color: #fff; }

/**************************************************************
	Content
**************************************************************/
#content { float: right; width: 577px; min-height: 200px; _height: 200px; padding: 0 15px 15px; background: transparent url(../images/layout/misc/content-bg.gif) left top no-repeat; }

/* Messages */
ul.messages { padding: 0; margin: 0; }
ul.messages li { margin-bottom: 5px; padding-left: 35px; list-style: none; font-weight: bold; border-style: solid; border-width: 1px; color: #fff; }

	ul.messages li.warning { background: #EE92C0 url(../images/icons/warn.png) 10px center no-repeat; border-color: #AB6589; color: #9F2057;  }
	ul.messages li.info { background: #AFDEEA url(../images/icons/info.png) 10px center no-repeat; border-color: #6598AB; color: #274B78; }
	
	
/* Kategorie */
div.categories { width: 567px; margin: 10px auto; padding-bottom: 11px; background: transparent url(../images/layout/misc/categories-dl.gif) center bottom no-repeat; }
div.categories h1 { padding: 10px 0 0 10px; margin: 0; font-family: Tahoma, sans-serif; font-size: 12px; background: transparent url(../images/layout/misc/categories-dt.gif) center top no-repeat; line-height: 130%; }
	div.categories h1 a { padding: 0; background-color: transparent; color: #A54274; text-decoration: none; font-weight: bold; }
	div.categories h1 a:hover { text-decoration: underline; background-color: transparent;  }
div.categories p { padding: 5px 10px 0; margin: 0; background-color: #F9F3F6; border: 1px solid #E1C9D6; border-top: 0; border-bottom: 0; }
	
	/* Mini */
	div.categories.mini { width: 280px; background-image: url(../images/layout/misc/box-mini-end.gif); }
	div.categories.mini h1 { background-image: url(../images/layout/misc/box-mini-begin.gif); }
	
	div.categories.mini.dif { background-image: url(../images/layout/misc/box-mini-2-end.gif); }
	div.categories.mini.dif h1 { background-image: url(../images/layout/misc/box-mini-2-begin.gif); }
	div.categories.mini.dif p { background-color: #F4E3EB; }
	
/* Galeria */
div.gallery { float: left; margin: 8px 8px; position: relative; left: 15px; width: 162px; padding-bottom: 10px; text-align: left; background: transparent url(../images/layout/misc/gallery-end.gif) center bottom no-repeat; }
div.gallery h1 { padding: 5px 0 0 10px; margin: 0; font-family: Tahoma, sans-serif; font-size: 12px; background: transparent none; }
	div.gallery h1 a { padding: 0; background-color: transparent; color: #A54274; text-decoration: none; font-weight: bold; }
	div.gallery h1 a:hover { text-decoration: underline; background-color: transparent;  }
div.gallery a { padding: 0; background-color: transparent; }

div.gallery p, div.gallery ul { padding: 5px 10px; font-size: 11px; margin: 0; }
div.gallery p a, div.gallery ul a { color: #A770A7; text-decoration: underline; }
div.gallery p a:hover, div.gallery ul a:hover { background-color: transparent; text-decoration: none; }

div.gallery ul li { clear: left; list-style: none; padding: 5px 0; line-height: 120%; }
div.gallery ul li.clear { padding: 0; line-height: 0; margin: 0;font-size: 0; }
div.gallery ul li em { float: left; width: 40px; font-style: normal; color: #AE889B; }
div.gallery ul li a.left { width: 100px; color: #AD3E75; text-decoration: none; }
div.gallery ul li a:hover.left { text-decoration: underline; }

	div.gallery img.begin { position: absolute; }
	div.gallery img.thumb { width: 158px; padding: 0 1px; background-color: #F9F3F6; border: 1px solid #E1C9D6; border-bottom: 0; border-top: 0; }
	div.gallery span.middle { position: absolute; }
	div.gallery span.middle img { position: relative; bottom: 10px; }

div.gallery h1, div.gallery p, div.gallery ul, div.gallery div, div.categories div { background-color: #F9F3F6; border: 1px solid #E1C9D6; border-top: 0; border-bottom: 0; }
	
	/* Fromularz galerii i kategorii */
	div.gallery form.edit-form p, div.categories form.edit-form p { text-align: center; }
	
	div.gallery form.edit-form input, div.categories form.edit-form input,
	div.gallery form.edit-form textarea, div.categories form.edit-form textarea { width: 96%; border: 1px solid #CCAEBD; background-color: #fff; color: #927382; font-size: 11px; font-family: Tahoma, sans-serif; padding: 2px 2px; }	
	
	div.categories form.edit-form textarea { margin-bottom: 10px; }
	

	div.gallery div, div.categories div { text-align: center; border-top: 1px solid #E1C9D6; padding-top: 10px; }
	div.gallery div form, div.categories div form { display: inline; }
	div.gallery div form input, div.categories div form input, form.edit-form div input.save, form.edit-form div a.cancel, input.deleteComment { vertical-align: bottom; width: 75px; padding: 25px 0 0; border: 0; font-size: 11px; color: #A54274; cursor: pointer; background: transparent center top no-repeat; }
		
	div.categories div input { width: 85px; }
	
	div.gallery div form.edit input, div.categories div form.edit input { background-image: url(../images/icons/edytuj.png); }
	div.gallery div form.delete input, div.categories div form.delete input, input.deleteComment { background-image: url(../images/icons/usun.png); }
	div.gallery div form.image-add input, div.categories div form.image-add input { background-image: url(../images/icons/dodaj-zdjecie.png); }
	div.gallery div form.article-add input, div.categories div form.article-add input { background-image: url(../images/icons/dodaj-artykul.png); }
	form.edit-form div input.save { background-image: url(../images/icons/zapisz.png); }
	form.edit-form div a.cancel { background-image: url(../images/icons/anuluj.png); }

	/* Zdjecie */
	div.photo { padding-top: 15px; }
	div.photo a { padding: 0; background: none transparent; }
	div.photo img { display: block; }
	div.photo img.begin { position: absolute; }
	div.photo img.photo { width: 574px; padding: 0 1px; background-color: #F9F3F6; border: 1px solid #E1C9D6; border-bottom: 0; border-top: 0; }
	div.photo img.end { position: absolute; margin: -9px 0 0 0; }

	div.photo.register-please { position: relative; background: #fff; }
	div.photo.register-please #photo-ad { position: absolute; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; }
	div.photo.register-please .wrapper { width: 250px; padding: 15px 30px; margin: 50px auto 0; text-align: center; box-shadow: 0 0 10px #999; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	div.photo.register-please h4 { font-size: 14px; color: #BD7A97; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin: 0 0 15px; }
	div.photo.register-please p { font-size: 10px; margin: 10px 0 0; line-height: 100%; color: #A2A2A2; }
	div.photo.register-please a { color: #EE4484; }
	div.photo.register-please a:hover { text-decoration: underline; }
	div.photo.register-please .progressbar { overflow: hidden; margin-top: 10px; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	div.photo.register-please .progress { float: left; height: 5px; background: #ca2fb4; }
	
	div.avatar div.gallery { position: static; margin: 10px auto; float: none; }
	div.avatar div.gallery img { padding: 0; border: 0; }
	div.avatar div.gallery div { border-top: 0; padding-top: 0; }
	
	/* Glosowanie */
	form.vote { height: 50px; width: 132px; margin: 0 auto; }
	form.vote p { padding: 0; margin: 0; }
	form.vote p label { float: left; width: 26px; height: 40px; font-size: 10px; text-align: center; color: #fff; font-weight: bold; background: transparent; }
	form.vote p label input { display: block; margin: 0 auto; }
	form.vote p label span { display: block; margin: 0 auto; height: 24px; line-height: 24px; background: transparent url(../images/layout/misc/vote-star.gif) center bottom no-repeat; cursor: pointer; }  
	form.vote p input.vote { width: 100px; height: 22px; margin: 15px 0 0 0; vertical-align: middle; }
	
	/* Komentarze */
	.comment { clear: both; padding-bottom: 15px; }
	.comment .user-avatar { float: left; width: 70px; }
	.comment .user-avatar img { width: 70px; display: block; margin: 0 auto; }
	
	.comment cite { float: right; width: 470px; height: 29px; line-height: 29px; padding-left: 33px; margin-top: 15px; font-style: normal; color: #874E6A; background: transparent url(../images/layout/misc/comment-begin.gif) no-repeat; }
	.comment cite a { color: #95044C; font-weight: bold; background-color: transparent; padding: 0; }
	.comment cite a:hover { text-decoration: underline; background-color: transparent;  }
	.comment cite span { float: right; padding-right: 10px; text-align: right; }
	
	.comment blockquote { float: right; width: 479px; padding-bottom: 11px; line-height: 20px; background: transparent url(../images/layout/misc/comment-end.gif) center bottom no-repeat; }
	.comment blockquote p { padding: 0 9px; margin: 0; background-color: #F9F3F6; border: 1px solid #E1C9D6; border-bottom: 0; border-top: 0; }
	
		/* Autor komentarza */
		.comment.author p { background-color: #EED8E3; border-color: #CFA3BB; color: #874E6A; }
		.comment.author cite { background-image: url(../images/layout/misc/comment-begin-two.gif); }
		.comment.author blockquote { background-image: url(../images/layout/misc/comment-end-two.gif); }
		
		
/* Profil */	
div.avatar { float: right; width: 170px; padding-top: 5px; text-align: center; }
div.avatar img { padding: 3px; border: 1px solid #E1C9D6; }

dl.profile { width: 400px; }
dl.profile dt, dl.profile dd { float: left; padding: 5px 0; border-bottom: 1px solid #E1C9D6; color: #BD7A97; }
dl.profile dt.no-border, dl.profile dd.no-border { border: 0; }
	
	dl.profile dt { width: 110px; }
	dl.profile dd { width: 290px; }

dl.profile a, div.ad a { background-color: transparent; padding: 0; color: #BD7A97; text-decoration: underline; }
dl.profile a:hover, div.ad a:hover { background-color: transparent; text-decoration: none; }
	
/* Reklama */
div.hr { background-color: #E1C9D6; height: 1px; overflow: hidden; }
div.ad { padding: 5px 10px; margin: 1px 0; background-color: #F9F3F6; }
div.ad object { vertical-align: bottom; }

/* Lista uzytkownikow */
ul.users { padding: 0; margin: 0; }
ul.users li { float: left; width: 268px; list-style: none; margin: 0; padding: 5px 10px; border-top: 1px solid #E1C9D6; }

ul.users.width250 li { width: 260px; padding: 5px 10; }
	
ul.users li a { background-color: transparent; padding: 0; color: #BD7A97; text-decoration: underline; }
ul.users li a:hover { background-color: transparent; text-decoration: none; }

/* Paginacja */
p.pagination { text-align: center; padding: 5px 30px; line-height: 23px; }
p.pagination span { display: block; }
p.pagination strong { font-size: 11px; padding: 2px 4px; background-color: #AA7190; color: #fff; }
p.pagination a { background-color: transparent; padding: 2px 4px; border: 1px solid #E1C9D6; color: #E1C9D6;}
p.pagination a:hover { background-color: transparent; border-color: #AA7190; color: #AA7190; }

/* FAQ */
dl.faq {  }
dl.faq dt { padding: 5px 0 5px 10px;/* border-top: 1px solid #E1C9D6;*/ }
dl.faq dd { padding: 10px; margin: 5px 15px 10px; border: 1px solid #E1C9D6; background-color: #F9F3F6; }

dl.faq dt a { padding: 0; background-color: transparent; color: #BD7A97; text-decoration: underline; } 
dl.faq dt a:hover { background-color: transparent; text-decoration: none; } 

dl.faq dd p { margin: 0; }
dl.faq dd ol { margin: 0; }

/* Nota */
span.note { display: block; width: 100px; margin: 0 auto; background: transparent url(../images/layout/misc/star-off.gif) left 17px repeat-x; font-size: 11px; }
span.note em { float: left; height: 15px; background: transparent url(../images/layout/misc/star-on.gif) left bottom repeat-x; }
span.note span { clear: both; display: block; color: #AE889B; padding: 2px 0; line-height: normal; } 
span.note span strong { color: #AD3E75; }

/* Strona glowna */
#star { width: 199px; height: 207px; margin: 20px 0 0 45px; background: url(../images/layout/misc/star-bg.png) no-repeat; }
#star strong { display: block; color: #fff; width: 125px; text-align: center; padding: 65px 0 0 0; margin-left: 30px; 
font: normal 48px Georgia, "Times New Roman", Times, serif; letter-spacing: -2px; }
#star span { float: right; padding: 30px 25px 0 0; font-size: 18px; color: #fff; }


/**************************************************************
	Stopka
**************************************************************/
#footer { height: 60px; padding: 38px 15px 0 15px; background: transparent url(../images/layout/footer-bg.png) no-repeat; }
#footer p { position: relative; top: 12px; font-size: 11px; color: #71445C; }
	
	#footer p.links { font-size: 10px; padding: 5px 0 0; color: #b17795 }
	#footer p.links a { background-color: transparent; color: #994f75; text-decoration: none; padding: 0; }
	#footer p.links a:hover { background-color: underline; color: #660366; text-decoration: none; }