* {
    font-family:Verdana,Helvetica,Arial;
}
h1 {
    font-family:Verdana,Helvetica,Arial;
    font-size:18px;
    color: grey;
}
p {
    width:180px;
    margin:0px;
	font-size	: 80%;
}
.small {
	font-size	: 80%;
}

p.welcome {
	width		: 180px;
	padding		: 0px;
	text-align	: left;
}

#card_content {
	height : 220px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	width : 180px;
}
#card_content p.name_pronounce,
#card_content p.letter_pronounce,
#card_content p.letter_letter{
	height		: 20px;
	text-align	: center;
	width		: 180px;
}
#card_content p.name_pronounce {
	text-style:italics;
	color : grey;
	margin-top: -10px;
	margin-bottom:25px;
}
#card_content p.letter_pronounce{
	margin-bottom:25px;
}
#card_content p.letter_letter{
	margin-bottom:15px;
}
#ahaI {
	border: 1px solid #EEE;
	margin:15px;
	padding:15px;
	height:265px;
	width:240px;
	text-align:center;
    -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);

}
#credits {
	width:280px;
	margin:10px;
	text-align:center;
	margin-top:50px;
	font-size : 70%;
}

#pointers_display { 
	position:absolute;
	top:50px;
	left:50px;
	width:220px;
	height:300px;
	background-color:white;
	overflow:scroll;
	padding:20px;
	border: 1px solid grey;
}
#pointers_display p {
	width:180px;
	font-size:80%;
}

div#preload { 
	/* preload image(s) */
	display: none; 
}