/* fonts */

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('fonts/TitilliumText22L003-webfont.eot');
    src: url('fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L003-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* styles */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #a4e4fc url(img/bg.gif) 0 0 repeat-x;
	color: #787878;
	font: 500 22px/1.5em 'TitilliumText22LRegular', sans-serif;
	text-align: center;
}

h1, p {
	margin: 0;
	padding: 0;
}

a, a:visited, a:hover {
	color: #3cbcfc;
	text-decoration: none;
}

#card {
	margin: 10px auto;
	width: 300px;
	text-align: left;
	background: #fcfcfc;
}

	#card:before {
		display: block;
		content: ' ';
		height: 4px;
		background: #fcfcfc;
		border: solid #a4e4fc;
		border-width: 0 4px;
	}
	
	#card:after {
		display: block;
		content: ' ';
		height: 4px;
		background: #fcfcfc;
		border: solid #a4e4fc;
		border-width: 0 4px;
	}

	#iam {
		margin: 0 20px;
		padding: 20px 0;
		border-bottom: 4px solid #f8f8f8;
	}
	
		#iam h1 {
			margin: 0 auto;
			width: 72px;
			height: 108px;
			background-image: url(img/kivlor.gif);
			background-image: none, url(img/kivlor.svg);
			background-size: 100% 100%;
			background-repeat: none;
			text-indent: -9000px;
		}
	
	#aboutme, #findme {
		margin: 0 20px;
		padding: 20px 0;
	}
	
	#aboutme {
		border-bottom: 4px solid #f8f8f8;
	}