body {
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.start-screen {
	text-align: center;
	font-size: 24pt;
}

.start-screen h1 {
	font-weight: bold;
	font-size: 48pt;
}

.problem-area {
	margin-top: 50px;
	text-align: center;
	font-size: 24pt;
	line-height: 50px;
}

.word {
	color: black;
	cursor: pointer;
}

.hidden {
	display: none;
}

@media screen and (min-width:800px) {

}

span.correct {
	color: green;
}

span.correct:hover {
	color: green;
}

span.incorrect {
	color: red;
}

span.incorrect:hover {
	color: red;
}

.no-padding {
	padding:0;
}

#your-pts-area {
	background-color:green;
	color:white;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}

#your-pts-label {
	font-size:16pt;
}

#your-pts {
	font-weight:bold;
	font-size:32pt;
}

#your-pts-note {
	font-size:14pt;
}

.your-chapter-progress {
	text-align:center;
	font-size:16pt;
	padding-top:15px;
	padding-bottom:15px;
}

.your-chapter-progress-bar-area {
	padding:10px 20px;
}

@media (min-width:801px) {
	.progress-info-area {
		padding-right:0;
	}

	.leaderboard-area {
		padding-left:0;
	}
}

.panel-leaderboard {
	border-radius:0;
	margin-bottom:0;
}

.panel-leaderboard .panel-heading {
	border-radius:0;
}

.table-leaderboard {
	margin-bottom:0;
}

.table>tbody>tr>td.td-leaderboard-pts {
	text-align:right;
	padding-right:15px;
}

.navbar{
	margin-bottom:0px;
}

.stage-done {
	background-color: #CCC;
	-webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#send-comment-wrapper {
	background-color:#D9EDF7;
}

#send-comment-wrapper h4 {
	line-height: 25px;
}

#send-comment-wrapper textarea {
	width:100%;
	padding:10px;
	font-size: 1.2em;
}

#send-comment-button-wrapper {
	text-align: right;
}

.comment-user-name-area {
	color:#337AB7;
	margin-bottom:5px;
}

.comment-meta-area {
	color:grey;
	margin-top:5px;
}

a.glyphicon:hover {
	text-decoration: none;
}