* {
	font-family: 'open_sansregular';
	color: #CECECE;
}

body {
	background: url('../images/background.png') repeat;
}

.tile {
	height: 480px;
	width: 400px;
	text-align: center;
	float: left;
	background-color: #555;
	padding: 20px;
	margin: 20px;
	border-radius: 30px;
	box-shadow: 5px 5px 20px 0px #222;
}

h1 {
	line-height: 1em;
	font-family: 'open_sanssemibold';
	text-shadow: 2px 2px 5px #222;
}

h4 {
	font-family: 'open_sansitalic';
}

.reasoning {
	height: 200px;
	line-height: 1.2em;
	padding: 20px;
	border-bottom: 1px solid #626262;
	border-right: 1px solid #626262;
	border-radius: 20px;
	margin-bottom: 35px;
	text-align: left;
	box-shadow: inset 2px 2px 3px 0px #222;
	background-color: #D3D3D3;
}

.reasoning,
.reasoning * {
	color: #222;
}

hr {
	border: none;
	border-top: 1px solid #777;
	border-radius: 100px;
	width: 150px;
}

#Content {
	position: absolute;
}

.link {
	text-decoration: none;
	cursor: pointer;
	font-family: 'open_sanssemibold';
	font-size: 1.2em;
	background-color: #5d935d;
	border-radius: 10px;
	padding: 10px 20px 10px 20px;
}

.back {
	position: fixed;
	top: 20px;
	left: 20px;
}

.back a {
	position: absolute;
	left: 23px;
	padding: 10px 20px 10px 10px;
	height: 26px;
	background-color: #5d935d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-decoration: none;
}

.back a,
.link {
	font-family: 'open_sanssemibold';
	font-size: 1.2em;
	box-shadow: 2px 2px 10px 0px #222;
}

.back > * {
	float: left;
}

.point {
	position:absolute;
	width: 0;
	height: 0;
	border-right: 23px solid #5d935d;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	z-index: 100;
}

.settings {
	width: 100%;
}

.settings tr td:first-child {
	font-family: 'open_sanssemibold';
}

.settingsLink {
	font-size: .8em;
}