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

}

		a {
			text-decoration: none;
			color: #4c334a;
			border-bottom: 1px dotted #4c334a;
		}
		a:hover {
			background-color: #ffde92;
			border-bottom: none;
			text-decoration: none;
		}
		h1.fontface {font: 60px/68px 'HelsinkiRegular', Arial, sans-serif;letter-spacing: 0;}

		h2 {font: 28pt/38pt 'HelsinkiRegular', Arial, sans-serif;}
		h3 {font: 24pt/36pt 'HelsinkiRegular', Arial, sans-serif;}
		
		body {
			background: url('bg.png');
			color: #222;
		}
		
		header {
			margin-bottom: 20pt;
		}
		
		header .header-right {
			float: right;
			width: 20%;
		}
		header .header-left {
			float: left;
			width: 78%;
			border-right: 3px solid #444;
		}
		header .header-left img {
			width: 100%;
		}

		header h1 {
			font-size: 30pt; 
			color: #444;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		header p {
			color: #444;
			font-size: 50pt; 
			margin: 0;
			padding: 0;
		}
		.header-left p {
			text-align: center;
		}
		.header-left .place {
			font-size: 40pt; 
			
		}
		.header-left .time {
			font-size: 40pt; 
			font-weight: bold;
		}
		
		.header-right p{
			color: #444;
			font-size: 40pt;
			text-align: center;
		}
		.header-right .day {
			font-weight: bold;
			font-size: 72pt;
		}
		.header-right .from {
			font-size: 36pt;
			margin-top: 24pt;
		}
		.header-right .month {
		}
		
		.wrapper {
			width: 98%;
			max-width: 960px;
			
			padding: 2%;
			margin-left: auto;
			margin-right: auto;
		}
		#content p, #content ul li {
			font: 18pt/28pt "Times New Roman";
			text-align: justify;
		}
		.clear {
			clear: both;
		}
		h2.special {
			font-size: 40pt;
			color: #ffde92;
			text-shadow: 2px 2px 5px #4C334A;
		}