html, body {
margin: 			0px;
padding: 			0px;
height: 			100%;
border: 			none;
}

body {
-webkit-text-size-adjust: 100%;
}

A:link    {color: #66cc00;}
A:visited {color: #66cc00;}
A:hover   {color: #77ee11;}

.logo {
display: 			inline-block;
float: 				left;
margin:				4px 20px 4px 0px;
}

.ad {
margin: 			10px 0px;
}

h1.title {
display: 			inline-block;
width:				580px;
white-space:		nowrap;
overflow:			hidden;
float: 				left;
font-family:		varela round, arial rounded MT bold, arial, helvetica, san serif;
font-size:			20px;
font-weight:		normal;
margin:				14px 0px 0px 20px;
color:				#fff;
}

p {
font-family: 		Helvetica, Arial, sans-serif;
font-weight: 		normal;
font-size: 			16px;
color: 				#333;
line-height:		30px;
}

#result {
font-family:		'Roboto', sans-serif;
font-weight: 		bold;
letter-spacing: 	2px;
font-size: 			16px;
line-height:		100%;
}

.letter {
font-family:		'Roboto', sans-serif;
font-weight: 		bold;
font-size:			40px;
line-height:		60px;
width:				60px;
height:				60px;
text-align:			center;
margin:				4px;
display:			inline-block;
}

.letterGuess {
font-family:		'Roboto', sans-serif;
font-size:			40px;
line-height:		60px;
width:				60px;
height:				60px;
text-align:			center;
margin:				0px;
}

@keyframes shake {
0% { transform: translate(-2px, 0px); }
20% { transform: translate(2px, 0px); }
40% { transform: translate(-2px, 0px); }
60% { transform: translate(2px, 0px); }
80% { transform: translate(-2px, 0px); }
100% { transform: translate(2px, 0px); }
}

.row {
display: block;
margin: 0px;
padding: 0px;
}

#results {
font-size: 10px;
line-height: 14px;
max-height: 440px;
overflow: auto;
margin-bottom: 10px;
}

#results hr {
height: 			1px;
border: 			none;
margin: 			10px 0px;
}

.share {
FONT-FAMILY:		Arial, Helvetica, sans-serif;
FONT-SIZE:			14px;
LINE-HEIGHT:		150%;
margin:				15px;
}

.share:link         {color: #999;}
.share:visited      {color: #999;}
.share:hover        {color: #bbb;}

.shareOptions {
margin:				18px 0px;
}

.shareOptions td {
padding:			0px 10px;
}

.linkBox {
width: 				450px;
font-size: 			14px;
background-color: 	#eee;
border: 			1px solid #ccc;
padding: 			4px;
margin: 			0px;
}

#instructions {
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
line-height:		100%;
height: 			30px;
background-color: 	#fffdd4;
}

#instructions a:link 	{color: #36f;}
#instructions a:visited {color: #36f;}
#instructions a:hover 	{color: #69f;}

.copyright {
FONT-FAMILY:		Arial, Helvetica, sans-serif;
FONT-SIZE:			11px;
line-height:		100%;
COLOR:				#fff;
MARGIN:				10px;
}

#mobileTitle {
display: 			none;
font-family:		varela round, arial rounded MT bold, arial, helvetica, san serif;
font-size:			20px;
color:				#666;
margin: 	 		20px 0px 0px 0px;
}

@keyframes zoom {
	from { transform: translateY(0px) }
	to { transform: translateY(-20px) }
	}

@media screen and (max-device-width: 1200px) { 
	.noMobile { display: none; }
	#mobileTitle { display: block; }
	#mainCell { vertical-align: top; }
	}