/* media: all */
@media all{

	html{
		font-family: Sans
	}
	body{
		color: white;
		background: #9a3324;//#800000;
		margin: 0;
		padding: 0;
	}
	a{
		color: yellow;
		text-decoration: none;
	}


	body>div{
		margin: 0 auto;
	}
	section a:link{
		text-decoration: none;
	}
	section a:hover{
		text-decoration: underline;
	}
	header.start,section{
		text-align: center;
	}
	header.sec{
		text-align: left;
		position: fixed;
		top: 0;
		display: block;
		width: 100%;
/*		background: black;opacity: 0.65;*/
	}

	header.start, section, header.sec>.hspace{
		margin-bottom: 5em;
		//border-bottom: 2px dashed white;
	}
	section{
		width: 80%; 
		margin: 7em auto 5em;
	}
    section > a > img.right {
        float: right;
        margin: 1ex 1ex 1ex 0;
    }
	section > div {
		min-width: 10.5em;
		max-width: 80%;
	}
	header.start {
		margin: 8em auto 10em;
/*		min-height: 33em;*/
	}
	header {
		font-family: Mecha, Sans;
		font-weight: 400;
	}

	header > a{
		color: white;
		text-decoration: none;
	}

	footer{
		text-align: left;
		z-index: 5;
	}

	h1{
		margin: 0.2em auto;
		font-weight: 1000;
		font-size: 3rem;
	}
	h3 > a{
		margin: 5em auto 0 auto;
	}
	h4 {
		margin: 0;
		padding: 0;
	}
	.p-location{
		margin: 0;
	}
	.center-img{
		display: block; 
		margin: 0 auto;
	}
	.vcard {
	}
	//header while in sections
	header.sec{
		position: fixed;
		top:0;
		margin: 0;
		display: block;
		background: #9A3324;
		float: right;
	}
	header.sec h1,
	header.sec a {
		margin: 0.45em 0;
		display: inline-block;
		float: left;
		font-size: 2rem;
	}
	.sec > .hspace{
		display: inline-block;
		width: 65%;
		min-width: 1em;
		max-width: 60%;
		float: left;
		margin: 3em auto;
	}
	header.sec .date{
		position: relative;
		top:0;
	}

	.vcard div{
		margin: 0 1em;
		float: left;
	}

	.year {
	    display: block;
		font-size: 5rem;
		font-weight: 900;
	}
	.date {
		font-size: 140%;
		line-height: 1;
		}
	.date a:hover, .date a:link, .date a {
		color: silver;
		text-decoration: none;
	}
	.location-name{
		font-size: 220%;
	}

	nav{
		font-family: Mecha;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: black;
		opacity: 0.8;
		min-height:3em;
		width: 100%;
		margin: 0;
		border-bottom: 9px dashed yellow;
		padding: 3px auto;
		z-index: 5;
	}
	nav > ul{
		list-style-type: none;
	}

	nav a{
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-size: 2em;
		margin: 0.1em 0.3em ;
	}
	nav a.sec > li{
		width: 3em;
		padding: 0 2em;
	}
	.hidden{
		display: none;
		}
	.block{
		display: block;
		margin: 0 auto;
	}
	.inline-block{
		display:inline-block;
	}
	.sqare{
		width: 120px; 
		height: 120px;
		border: 2px solid silver;
		margin: 2ex 1ex 0;
		position: relative;
		z-index: 1;
		overflow: hidden;
		text-align: top;
		vertical-align: middle;
		background: black;
		opacity: 0.7;
		padding: 4px;
	}
	.sqare>h4{
		margin: 1em auto 1ex;
	}

	.noborder{
		border: 0;
		padding: 1px;
	}
	.redborder{
		border: 1px solid #9a3324;
	}
	p.bt{
		margin: 1ex auto;
		min-width: 300px;
		text-align: justify;
		text-indent: 2em;
	}
	ul[style]{
		margin: 1em 5em;
	}

}