@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Chaparral';
	src: url('../fonts/chaparralpro-regular-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Chaparral';
	src: url(//:) format('no404'), url('../fonts/chaparralpro-regular-webfont.woff') format('woff'), 
		 url('../fonts/chaparralpro-regular-webfont.ttf') format('truetype'),
		 url('../fonts/chaparralpro-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*/////////////////////////////  BEGIN GENERAL STYLES /////////////////////////////*/

html, body { height: 100%; }

body {
	width: 100%; /* needed for FF */
	height: 100%;
	margin: 0;
    background-color:#1E1847;
	
	/* Flexbox hawtness */
	display: -moz-box; display: flexbox;
	-moz-box-align: center; flex-align: center;
	-moz-box-pack: center; flex-pack: center;
	display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center;
	display: box; box-align: center; box-pack: center;
} 

::selection {
    background:#1E1847;     /* Safari */
	color:#D4AF37;
}

::-moz-selection {
    background:#1E1847;     /* Firefox */
	color:#D4AF37;
}

#background_grid_wrapper {
	height:100%;
	width:100%;
	position:absolute;
	overflow:hidden;
}

.image {
	background-image:url(../images/olympic_app.png);
	width:280px;
	height:460px;	
	background-repeat:no-repeat;	
	display:block;
}

#information {
	padding: 0em;
	
	/* Fallback to look decent w/out Flexbox */
	max-width: 280px;
	margin: 1em auto;
	
	/* Make it pretty */
	background-color:#1E1847;
	text-align: center; /* IE Bug Fix For Centering Within Main Shell*/
	border-radius: 40px;
	font: bold 150% sans-serif;
	text-shadow: 0 2px 1px hsla(0,0%,0%,.2);
	position:relative;
	width:280px;
	height:460px;
	
	-webkit-box-shadow: 5px 5px 8px #000;
     -moz-box-shadow: 5px 5px 8px #000;
          box-shadow: 5px 5px 8px #000;
		
}

#medallist {
	position:absolute;
	top:0px;
	left:5px;
	color:#D4AF37;
	font-family: Chaparral, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:75px;
	letter-spacing:-3px;
	text-align:center;
}

#medallist ul {
	list-style:none;
	padding:0px;
}

.gold, .silver, .bronze {
	float:left;
	margin-top:35px;	
	margin-bottom:40px;
	width:90px;
}