body {
	font-family: arial;	
}
h1 {
	font-family: arial;
	text-align: center;
	color: #222;
}
#game-board {
	display: flex;
	align-items: center;
	flex-direction: column;
}
#cluetext {
	color: #999;
}
.hide1 {
	display: none;
}
.blueit {
	background: #5a8fb8 !important;
	color: white !important;
	border-color: white !important;
}
.usewords {
	text-align: center;
	color: #000;
	text-decoration: none !important;
}
.usewords a {
	color: #666;
}
.letter-box {
	font-family: arial;
	border: 1px solid black;
	margin: 1px;
	height: 38px;
	width: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	padding: 0px 0px 0px !important;
	stext-shadow: 1px 1px #333 !important;
}
.filled-box {
	border: 1px solid black;
}
.letter-row {
	display: flex;
}
#keyboard-cont {
	margin: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#keyboard-cont div {
	display: flex;
}
.keyboard-button {
	font-family: arial;
	font-size: 1rem;
	font-weight: 700;
	margin: 0px 1px 1px 0px;
	cursor: pointer;
	text-transform: uppercase;
	color: white;
	height: 34px !important; 
	width: 34px;
	padding: 0px 1px 0px 0px !important;
	border-left-width: 1px !important;
	border-right-width: 1px !important;
	-webkit-appearance: none;	
}

#prog1 {background-color: #5a5; color: #fff}
#prog2 {background-color: #8c5; color: #fff}
#prog3 {background-color: #ce5; color: #222}
#prog4 {background-color: #ee5; color: #222}
#prog5 {background-color: #ea5; color: #222}
#prog6 {background-color: #d85; color: #fff}
#prog7 {background-color: #a55; color: #fff}

.bulcolyellow {
	color: yellow;
}
.bulcolred {
	color: red;
}
.bulcolgreen {
	color: green;
}
.cent {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.stat-text {
	font-size: 0.65rem !important;
	font-weight: 700 !important;
}
.stat-text2 {
	font-size: 0.8rem !important;
	font-weight: 700 !important;
}
.rbtn-secondary {
	background-color: #aaa !important;
	text-shadow: 1px 1px #333 !important;
}
.rbtn-warning {
	background-color: #ee5 !important;
	text-shadow: 1px 1px #333 !important;
}
.rbtn-success {
	background-color: #8e5 !important;
	text-shadow: 1px 1px #333 !important;
}
.tc-0 {
	color: #eee;
	text-shadow: 1px 1px #333 !important;
}
.tc-1 {
	color: #fff;
	text-shadow: 1px 1px #333 !important;
}
.tc-2 {
	color: #ee5;
	text-shadow: 1px 1px #333 !important;
}
.tc-3 {
	color: #8e5;
	text-shadow: 1px 1px #333 !important;
}
.delbut {
	background: #555 !important; 
	color: white !important;
	width: 42px !important;
}
.enterbut {
	background: #555 !important;
	color: white !important;
	width: 60px !important;
}
.secrow {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
li{
	padding:1px;
}
.offscreen {
	position: absolute;
	left: -999em;
}
.fs-7 {
	font-size: 0.8rem !important;
}
.tit {
	color: white !important;
	text-shadow: 2px 2px #000;
}
.nopointer {
	cursor: none;
}
.wt {
	color: white !important;
}
.help {
	cursor: pointer
}
hr {
	margin-top: 2px !important;
	margin-bottom: 12px !important;
	height: 2px !important;
	color: white !important;
	background-color: white !important;
	border: none !important;
}
h1 {
	margin-bottom: 0px !important;
}
.adplaceholder{
	 background-image: url('../img/adplacement.png');
	 background-size: cover;
	 background-repeat: no-repeat;
}