@font-face
{
font-family: AverageMono;
src: url(../../../fonts/AverageMono.ttf);
font-weight: normal;
}


{
font-family: AverageMonoItalic;
src: url(../fonts/AverageMonoItalic.ttf);
font-style: italic;
}


{
font-family: Lato-Light;
src: url(../fonts/Lato-Light.ttf);
}



body {
	font-family: Lato-Light;
	font-size: 0.8em;
	color: rgb(80, 80, 80);
	line-height:1.6; 
	letter-spacing:1px;
    background: white;
 }
    


    

a:link {
	color: rgb(50, 50, 50);
	text-decoration: none;
}

a:hover {
	color: rgb(230, 230, 230);
	
}



div.textcontainer1
{
width: 60%;
position: absolute;
left: 10%;
top: 4%;
text-align: left;
line-height:1.6;
color: rgb(80, 80, 80);
background-color: transparent;

}


div#textcontainer2 {
width: 75%;
position: fixed;
left: 13%;
top: 4%;
text-align: left;
line-height:1.6;
color: rgb(120, 120, 120);
background-color: transparent;
z-index: 20;

}


div#imagecontainer1
{
width: 100%;
position: absolute;
left: 0%;
top: 100%;
bottom: 0px;
text-align: left;
background-color: transparent;

}



div#imagecontainer2
{
width: 80%;
position: fixed;
left: 10%;
top: 55%;
bottom: 0px;
text-align: left;
background-color: transparent;

}


p.u  {
	text-decoration: underline;
}


span.u  {
	text-decoration: underline;
}


div.date   	{
	position: absolute;
	left:13%;
	top:6%;

}


div.text   {
	position: absolute;
	left:13%;
	top:13%;
	width:39%;
	text-align: left;
}