@import url("reset.css");


html, body 
{
	font-size:20px;
    width:55em;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	font-family: Lato, Verdana, "Arial Black", Arial, Helvetica, sans-serif;
   
}

A.headerA 
{
	color:#555555;
    text-decoration: none;
	text-decoration-style: none;
	text-decoration-color: #cccccc;
}

#container 
{
   position:relative;
   height:100%;
}


div.header h1
{
	display: block;
	position: absolute;
	top: 10px;
	clear: both;
	z-index: 0;
	
	margin-top:30px;
	margin-bottom:0px;
	padding:0px;
	margin-left: 20px;
	vertical-align:top;
	
	font-family: 'Cormorant Garamond', Serif, monospace;
	text-align:left;
	font-size:1.6em;
	color:#555555;
	letter-spacing: 1px;
}


h2.top 
{
	margin-bottom: 40px;
	font-family: Lato, Verdana, "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
}


div.postsection 
{
	display: block;
	clear: both;
	position: absolute;
	top: 120px;
	z-index: 2;
	width:42em;
	
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom:60px;
	margin-left: 10em;
	margin-right: 20em;
	
	text-align: justify;
	line-height:1.2;
	vertical-align:top;
	color:#555555;
    font-size:0.8em;
 
	 
}



p
{
	width: 33em;
	line-height: 150%;
	margin-bottom: 40px;
}


i 
{
	font-weight: 100;
	font-style: italic;
    font-family: 
}


a
{
	color:#555555;
    text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #aaaaaa;
}


a:hover
{ 
	color:#555555;
    text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #333333;
}


ul
{
	margin-bottom: 40px;
}

li
{
	font-size:1.1em;
	margin-bottom: 5px;
	font-family: 'Cormorant Garamond', Serif, monospace;
	font-style: italic;
}


/*------------menu------------*/


div#menu
{
	display: block;
	position: absolute;
	clear: both;
	top: 120px;

	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align:top;
	margin-left: 20px;
	width: 5em;
	text-align:left;
	font-size:0.8em;
	line-height:1.7;
}


div#menu p {
	margin-bottom:0px;
	padding-bottom: 0px;
	width:10em;
}



div#menu a
{
	color:#555555;
    text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #aaaaaa;
	font-family:  'Cormorant Garamond', Serif, monospace;
	font-style: italic;
	/**text-transform: uppercase;**/

}


div#menu a:hover
{ 
	color:#555555;
    text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #333333;
}


/*------------marginalia------------*/


div.marginalia 
{
    z-index: 3;
	display: block;
	clear: both;
	position: relative;
	top: 120px;
	width:8em;
	float:right;
    color:#555555;
    font-family: 'Cormorant Garamond', Serif, monospace;
	text-align:left;
	line-height:1;
	font-size:0.8em;
	font-weight: 200;
	font-style: italic;
	letter-spacing:1px;


}


/*------------list------------*/


span.details
{
	color:#aaaaaa;
	font-family: 'EB Garamond', Serif, monospace;	
	font-size:0.8em;
	font-style: italic;	
}

p.anchor
{
	font-family: 'EB Garamond', Serif, monospace;	
	font-style: italic;	
	margin-top: 0px;
	margin-bottom: 20px;
}


/*------------footer------------*/


div.footer 
{

	position:absolute;
	bottom:0px;
	height:60px; 
	font-family: Lato, Verdana, "Arial Black", Arial, Helvetica, sans-serif;
	text-align:left;

	font-size:0.8em;
	color:#aaaaaa;
    width:50em;
	margin-left: auto;
	margin-right:auto;

}


p.footer 
{
	display: block;
	margin-top: 30px;
	margin-bottom: 50px;
	width: 43em;
}


p.footer  a 
{
	color:#aaaaaa;
}