body {
	text-align: center;
	margin:0;
}

#content {
	background: url(/images/cream_pixels.png);
	/*http://subtlepatterns.com/cream-pixels/*/
}

#head {
	margin:0;
	padding:10px;
	width:100%;
	background: #fff;
	border-bottom:1px solid #eee;
}

#foot {
	margin:0;
	padding:10px;
	width:100%;
	background: #fff;
	border-top:1px solid #eee;
}


.plain { 
	text-decoration: none; color:#333;
}

.section {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	max-width:1000;
	min-width:320px;
}

.ad {
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:320px;
}

.ad > .info {
	/*
	border:1px solid #eee;
	border-radius:3px;
	background: #e9e9e9;
	*/
	opacity: 0.1;
	height:50px;
}

.card {
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}

.card-problem {
	margin-left:5px;
	margin-bottom:30px;
	margin-top:30px;
}

.card-problem.anagram {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color:#333;
	width:300px;
	padding:10px;
	border:1px solid #ddd;
	background-color:#fff;
	font-size:1.5em;
	font-weight:bold;
}

.card-problem.arithmetic {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color:#333;
	width:300px;
	padding:10px;
	border:1px solid #ddd;
	background-color:#fff;
}

.mathcell {
	border:1px solid #ccc;
	width:1.9em;
	padding:0;
	margin:0;
	text-align:center;
}

.mathstep {
	background-color:#00fe91;
}

.mathgoal {
	background-color:#fe9100;
}

.card-problem.haiku {
	font-size: 1.0em;
	line-height: 2.0em;
	color:#333;
	width:300px;
	padding:10px;
	border:1px solid #ddd;
	background-color:#fff;
}

.card-correct,.card-incorrect {
	display:none;
	margin-left:5px;
	font-size:1.4em;
	font-weight: bold;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
}

.card-correct {
	color:#3a3;
}

.card-incorrect {
	color:#a33;
}

input.card-number {
	font-size:1.2em;
	line-height:1.2em;
}

input.card-number.small {
	width:2.4em;
}

input.card-number.medium {
	width:4.8em;
}

input.card-number.large {
	width:11.05em;
}

input.card-word {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size:1.5em;
	font-weight:bold;
	font-family: Calibri, Verdana, sans-serif; 
	color:#333;
	width:9.9em;
	padding-left:8px;
}

input.card-button {
	-webkit-appearance: button;
	margin-left:5px;
	font-size:1.45em;
	line-height:1.45em;
	position:relative;
	top:-2px;
}

.card-button::-moz-focus-inner {
    border:0;
    padding:0;
}

::-webkit-input-placeholder {
   color: #bbb;
   font-style:italic;
   font-size:1.0em;  
}

:-moz-placeholder { /* Firefox 18- */
   color: #bbb;
   font-style:italic;
   font-size:1.0em;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;
   font-style:italic;
   font-size:1.0em;  
}

:-ms-input-placeholder {  
   color: #bbb;
   font-style:italic;
   font-size:1.0em;  
}