@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

strong {font-weight:bold;}

em {font-style:oblique;}

p, h1, h2, h3, h4, h5, h6, a {
	font-family: 'Shadows Into Light', cursive;
}

p  {font-size:200%; color:#ddd;}
h1 {font-size:180%; color:#ddd;}
h2 {font-size:150%; color:#ddd;}
h3 {font-size:125%; color:#ddd;}
h4 {font-size:100%; color:#ddd;}
h5 {font-size:90%; color:#ddd;}
h6 {font-size:80%; color:#ddd;}

a:link {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:hover {color:rgba(85, 85, 85, 0.5); text-decoration:none; -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;}
a:active {color:#555; text-decoration:none;}


html, body {
	background-color:#000;
	margin:0;
	padding:0;
	height:100%;
}
	
#wrapper {
	min-height:100%;
	position:relative;
}
	
.header {
	background:transparent;
	position: fixed;
	z-index:99999;
	clear:both;
	left:0;
	width: 100%;
	text-align: center;
}
	
.footer {
	/*position:absolute;*/
	bottom:0;
	position: fixed;
	z-index:99999;
	width:98%;
	background:transparent;
	text-align: center;
}

#main {
	overflow:auto;
	}
	
#content {
	float:inherit;
	position: relative;
}

img {
	display:inline-block;
	vertical-align:middle;
}

.card {
		width: 90%;
		height: 90%;
		text-align:center;
		display:inline-block;
		padding-top:10px;
	}

.body_card
{
	width: 100%;
	height: 80%;
	text-align:center;
	display:inline-block;
	clear: both;
}

.verticaltop
{
	padding-top: 20em;
    display: inline-block;
} 
.verticalcenter
{
	padding-top: 20px;
    display: inline-block;
}

.verticalbottom
{
    display: inline-block;
	padding-bottom: 100px;
}

hr.accent 
{
	width:90%;
	border: 1px solid #ff5400;
	/*color:#FF5400;*/
}