BODY	{

	background-color: #000000;
	color: #ffffff;
	margin-left: 0;
	margin-top: 30px;
	margin-bottom: 50px;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	padding-left: 1em;
	 }




.menutop {
	width: 1020px;
	overflow: hidden;
	background-color: #000000;
	}

.menutop ul {
	margin: 0;
	padding: 0px;
	font: 12px arial, verdana;
	list-style-type: none;
	}

.menutop li {
	display: inline;
	margin: 0;
	}

.menutop li a {
	float: left;
	width: 126px;
	padding-top:13px;
	padding-bottom:13px;
	display: block;
	text-decoration: none;
	margin: 0;
	border-top: 0px solid white; 
	border-left: 0px solid white; 
	border-right: 1px solid #000000; 
	color: #000000;
	letter-spacing: 1px;
	background: #ffff00;
	}

.menutop li a:visited {
	color: #000000;
	}

.menutop li a:hover, .menutop li.selected a {
	background: #000000; 
	color: #ffff00;
	}




.menutop2 {
	overflow: hidden;
	margin-top:1.5em;
	width: 780px;
	margin-right: 240px;
	font: 75% arial, verdana;
	list-style-type: none;
	}

.menutop2 li {
	display: inline;
	}

.menutop2 li a {
	margin-right: 1em;
	}






A:link {text-decoration:none; color:#ffff00}
A:visited {text-decoration:none; color:#ffff00}
A:hover {text-decoration:none; color:#999900}





.container {
	width: 1020px;
	font-size: 90%;
	margin: 0 auto;
	}

.left_main {
	width: 800px;
	margin-top: 0px;
	margin-right: 220px;
	margin-left: 0px;
	text-align: left;
	padding-right:1em;
	}

.right_ads {
	float:right;
	margin-top: 45px;
	width: 200px;
	}


#curiouser {
	width: 290px;
	text-align:left;
	float: left;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:1px;
	margin-top: 55px;
	}

#curiouser-like {
	width: 290px;
	text-align:left;
	float: left;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:1px;
	margin-top: 0px;
	}


.top 	{
	margin-bottom: 30px;
	}

#share	{
	margin-left: 330px;
	margin-bottom: 2em;
	margin-top: 3em;
	}

.center	{
	text-align: center;
	}

.right_ad2
	{
	margin-top: 30px;
	}

.bottom_ads
	{
	margin-top:3em;
	}

h1	{
	font-size: 170%;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	margin-top:3em;
	margin-bottom:2em;
	}

h2	{
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	margin-top:3em;
	margin-bottom:2em;
	}

h3	{
	font-size: 130%;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	margin-top:4em;
	margin-bottom:1em;
	}


h3.grammar	{
	text-align: center;
	color: #ff0000;
	font-weight: normal;
	font-family: arial;
	font-size: 150%;
	 }

h3.fpage {
	text-align: rleft;
	color: #ffffff;
	font-weight: normal;
	font-family: arial;
	font-size: 140%;
	 }

.puzzles {
	margin-top: 3em;
	}

.puzzles li {
	margin-bottom:2em;
	}

.list li	{
	margin-top: 1em;
	}

.facts li	{
	margin-top: 4em;
	}


.solution { 
	margin-top: 5em;
	margin-bottom: 6em;
	text-align: center;
	}


h3.qletter {
	font-size: 300%;
	font-weight: normal;
	}

.alphabet {
	text-align: center;
	font-size: 120%;
	}







.consent { display:none }

.js .consent { display:table } /* show bar only if JS enabled */
.consent { position:fixed; left:0; bottom:0; width:100%; font-size:0.75em; color:#000000; background:#cbcbcb; padding: .8em 2%; box-sizing:border-box; 
	-webkit-animation:fadeBar 1s 1s both; animation:fadeBar 1s 1s both 
	}

.consent p, .consent span { display:table-cell; vertical-align:middle } 

.consent button {float:right; margin-left:1em; background:#ffff00; line-height:2; letter-spacing:0.08em; color:#000000; padding:0 1em; border:0; border-radius:0.25em; 
	-webkit-appearance:none; text-shadow:0  1px -1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 1px 1px rgba(255,255,255,0.5) 
	}


.consent A:link {text-decoration:underline; color:#000000}
.consent A:visited {text-decoration:underline; color:#000000}
.consent A:hover {text-decoration:none; color:#000000}






@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(100%) }
	100% { opacity:1; -webkit-transform:none }
	}

@keyframes fadeBar {
	0% { opacity:0; transform:translateY(100%) }
	100% { opacity:1; transform:none }
	}

.consent button:hover { background:#fefe00; cursor:pointer; box-shadow:0 1px 1px rgba(0,0,0,0) }