/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

#bottom-navbar {
	background-color: #323030;
	font: italic 11px/50px Georgia, "Times New Roman", Times, serif;
}

.body {
	padding: 0;
	margin: 0;
	background: url(../images/background_repeat.jpg);
	background-repeat: repeat;
	font: 14px/21px "Lato", "Open Sans", sans-serif;
}

.title2 {
	color: white;
}

#copyright {
	color: #c3c1c1;
}

.background-book {
	background: url(../images/book_background.png) repeat-y 0 0;
	background-position: center top;
}

.html_link {
	color: blue !important;
	cursor: pointer;
	text-decoration: underline;
}

#titletext {
	font-family: "Lato", "Open Sans", sans-serif;
}
.image-question {
	border: solid 7px #e9ebee;
	background-color: #f4f4f6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.image-answer {
	border: solid 7px #e9ebee;
	background-color: #f4f4f6;
}
.imgAnswer_text {
	border-color: #e9ebee;
	background-color: #f4f4f6;
	color: gray;
}
.image-selected,
.image-selected:hover {
	background-color: #e8eef5 !important;
	border: solid 7px #c5d4e6 !important;
}

/*.image-answer:hover {*/
/*background-color: #F7F7F9;*/
/*border:solid 7px #D5D9DF;*/
/*}*/

.text-answer {
	background-color: #d2d7dd;
}

/*.text-answer:hover {*/
/*background-color: #E1E5E9;*/
/*}*/

.text-selected,
.text-selected:hover {
	background-color: #72706f;
}

.text-selected h5,
.text-selected h3,
.text-selected h6 {
	color: #ffffff !important;
}

/* #Keyboard
================================================== */
.keyboard {
	background-color: #d4d6d8;
}
.special_char div {
	background-color: #b8babc !important;
	color: #ffffff !important;
}
.special_char div:hover {
	background-color: #a6a8aa !important;
}
.keyboard_button {
	color: #000000;
}
.keyboard_button div {
	background-color: #f8fafc;
}
.keyboard_button div:hover {
	background-color: #ebedef;
}

/* #Typography
================================================== */
strong:not(".notebook") {
	color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato", "Open Sans", sans-serif !important;
	color: #181818;
}