/*  ordinal.ca - global styles */

body {
	font-family: "Arial","sans-serif";
	font-size: 12pt;
	font-weight: 500;
	background-color: #DDD;
	text-align: center;
}

div#wrap {
	background-color: rgba(255, 255, 221, 0.35);
	width: 80%;
	margin: auto;
	min-width: 580px;
	max-width: 750px;
	text-align: center;
}

p {
	margin: 0.1em 0 0.3em 0;
	text-align: justify;
	text-decoration: none;
}

h1 {
	margin: 1rem auto;
	font-size: 2.7em;
	text-shadow: 3px 4px 1px #DCB;
}

h2 {
	font-size: 2.1em;
	font-weight: 700;
}


header, main, footer {
	margin: 0 auto; 
	padding-left: 2rem;
	padding-right: 2rem;
}

header {
	margin: 1rem auto 0 auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

main {
	margin: 0 auto 0 auto;
	padding-top: 1rem;
	padding-bottom: 5rem;
}

main p {
	font-size: 1.5em;
}


footer {
	margin: 0 auto 1.5rem auto;
	padding-top: 1rem;
	padding-bottom: 1rem;

}

footer div {
	margin: 0.1rem auto 0.5rem auto;
	border: 2px inset #885522;
	padding: 1em 1em 1em 3em;
	line-height: 2em;
}
	

h2#const {
	font-style: italic;
	text-shadow: 6px 14px 4px rgba(215, 79, 25, 0.5), 
				4px 8px 2px rgba(24, 176, 24, 0.6), 
				11px 24px 6px rgba(51, 51, 119, 0.5), 
				17px 32px 6px rgba(140, 17, 56, 0.4);
}


hr{
	width: 98%;
	height: 4px;
	margin: 1em auto 1.5em auto;
	color: #2888FF;
	background-color: #AA9933;
}


p.logo img {
	vertical-align: -0.2em;
}

p#stamp {
	margin: 2em auto 2em auto;
	color: #292;
	text-align: right;
	font-size: 0.85em !important;
}


@media print {
	
	body {
		margin: 0;
		color: black;
		background: transparent;
		font-size: 12pt;
	}
	
	
	header, footer, main {
		margin: 0;
		padding: 0 1em;
		background: transparent;
		width: 96%;
	}

	div#wrap {
		margin: 0;
		padding: 0 1em;
		background: transparent;
		width: 96%;
	}

	h2#const {
		text-shadow: none;
		text-shadow: 6px 4px 14px #035; 
	}
	
}