@font-face {
  font-family: 'Trade';
  src: url('../fonts/TradeGothicforNike365-BdCn.ttf') format('truetype');
}


body, html {
	font-family: 'Helvetica Neue', 'Arial', sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 20px;
	width: 100%;
	margin: 10px;
	font-family: 'Trade';
	text-transform: uppercase;
}

header {
	border-bottom: 1px solid #ccc;
}

.sports {
	text-align: center;
	font-weight: bold;
	font-family: 'Trade';
}

.sports > div {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 125px;
	vertical-align: center;
}


li {
	letter-spacing: 0px;
	color: #333;
	font-size: 14px;
	padding: 0;
	cursor: auto;
	vertical-align: middle
	width: 100%;
	margin: 10px;
	font-family: 'Trade';
	text-transform: uppercase;
	word-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -0.045em;
	line-height: 0.84em;
}

.navbar-brand {
	font-size: 20px;
	cursor: auto;
	vertical-align: middle
	width: 100%;
	margin: 10px;
	font-family: 'Trade';
	text-transform: uppercase;
	word-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -0.045em;
	line-height: 0.84em;
}


li:hover {
	color: #fa5400;
}
.sports > div.selected {
	border: 3px solid #fa5400;
}

/* --- Results View -- */

.eventResult {
	border: 1px solid #ccc;
	display: inline;
}


img.typeIcon {
	height: 100px;
	width: auto;
	float: left;
	padding-right: 5%;
}

.resultEventDate {
	float: left;
	padding-right: 5%;
}

.wrapper {
	width: 90%;
	margin: 0 5%;
}

.wrapper p, .wrapper button, .wrapper input {
	margin: 5px auto;
}

.find {
	width: 80%;
	font-size: 18px;
	margin: 5px 10%;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #000;
	border-radius: 3px;
	display: block;
	padding: 10px;
	text-align: center;
}