body {
background-image: url('bg.png');
background-attachment: fixed;
margin: 0 auto;
font-family: tahoma;
font-size: 11px;
}

a.s_link {
margin: 1px;
padding: 0 3px 2px 3px;
border-bottom: 1px dashed #e54384;
background: #f8bddb;
display: inline-block;
}

a.s_link span {
padding: 2px;
}

#body {
background-image: url('topbg.png');
background-repeat: repeat-x;
background-attachment: fixed;
}

a {
text-decoration: none;
color: #4584c6;
font-size: 13px;
font-variant: small-caps;
}

a:hover {
color: #69a3df;
}

#kontener {
width: 1000px;
margin: 0 auto;
}

h3 {
text-shadow: 0 0 2px #d22c72;
font-family: arial ;
font-size: 30px;
font-weight: normal;
color: #f4bbd7;
}

	#top {
	background-image: url('top.png');
	height: 305px;
	}
	
	#bottom {
	background-image: url('btm.png');
	height: 355px;	
	}
	
	.main {
	background-image: url('mainbg.png');
	}
	
	
		#menu {
		width: 175px;
		margin: -300px 80px 0 auto;
		float: right;
		font-size: 18px;
		text-align: right;
		color: #f7c9de;
		padding: 0 15px;
		}
		
			#menu h2 {
			text-align: center;
			padding: 15px;
			font-weight: normal;
			color: #f4bbd7;
			font-size: 25px;
			font-family: arial;
			text-shadow: 0 0 5px #d22c72;
			}
			
			
			#menu a {
			display: block;
			text-align: left;
			margin: 2px -15px;
			padding: 2px 5px;
			border: 1px solid #f7c9de;
			border-left: 50px solid #f7c9de;
			background: #f3a0c8;
			font-variant: normal;
			color: #cb156d;
			font-size: 13px;
			}
			
			#menu a:hover {
			text-transform: lowercase;
			border-left: 40px solid #f7c9de;
			}
		
		#blog {
		width: 680px;
		text-align: center;
		margin: 0 auto 0 28px;
		float: left;
		}
		
			.note, .photos {
			background-image: url('notebg.png');
			background-position: right;
			background-repeat: repeat-y;
			padding: 0 20px 0 60px;
			}
			
			.note {
			text-align: left;
			}
			
			.photos {
			text-align: center;
			}

			
			.comment {
			background-image: url('notebtm.png');
			padding: 0 30px 20px 0;
			background-position: top right;
			text-align: right;
			background-repeat: no-repeat;				
			}
			
				.comment a {
				font-family: garamond;
				font-style: italic;	
				text-decoration: none;	
				color: #e54384;
				font-size: 30px;	
				}
				
				.comment a:hover {
				font-variant: normal;
				}
			
			.top {
			background-image: url('notetop.png');
			padding-bottom: 30px;
			background-position: bottom right;
			background-repeat: no-repeat;			
			}
			
			.top h1 {
			background-image: url('ciastko.png');
			background-repeat: no-repeat;	
			background-position: right;
			height: 100px;
			padding: 0 100px 0 0;
			text-align: right;
			font-size: 90px;
			font-weight: normal;
			font-family: garamond;
			font-style: italic;
			}
			
				.top h1 a {
				font-size: 90px;
				text-decoration: none;
				color: #e54384;
				}
				
				.top h1 a:hover {
				padding: 0 50px 0 0;
				}
				
				.top span {
				color: #e54384;
				font-family: georgia;
				font-style: italic;
				font-size: 14px;
				display: block;
				padding: 0 0 0 100px;
				text-align: left;
				}
				
		.photos img, .note img {
		margin: 5px;
		border: 1px solid #e54384;
		padding: 7px;
		background: #f8bddb;
		}
		
		.photos img:hover {
		opacity: 0.6;
		}
		
		li {
		padding: 0;
		margin: 0;
		list-style: none;
		}
		
		ul {
		padding: 0;
		margin: 0;
		}
		
		#menu br {
		display: none;
		}
	
h1, h2, p, h3 {
margin: 0;
}
	
.exClear {
clear:both;
line-height:0px;
}