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

body {
background-color: #ffffff;
-webkit-text-size-adjust:100%;
}

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

.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;
}

.printTitle {
float: 				left;
font-family:		'varela round', 'arial rounded MT bold', arial, helvetica, san-serif;
font-size:			20px;
font-weight:		normal;
margin:				0px;
margin-bottom:		20px;
color:				#000;
}

p {
font-family:		'varela round', 'arial rounded MT bold', arial, helvetica, san-serif;
font-size:			12px;
margin:				20px;
color:				#666;
}

.button {
cursor:				pointer;
margin:				20px 5px;
}

.error {
display:			none;
font-family:		arial, helvetica, sans-serif;
font-size:			14px;
line-height:		150%;
margin:				50px;
color:				red;
}

.crossword {
border-collapse:	collapse;
margin:				10px auto;
clear:				both;
}

.crossword td {
border:				1px solid black;
vertical-align:		middle;
text-align:			center;
padding:			0px;
margin:				0px;
width:				30px;
height:				30px;
position:			relative;
}

.num {
font-size:			8px;
position:			absolute;
top:				-1px;
left:				1px;
z-index:			1;
font-family:		roboto, helvetica, arial, sans-serif;
font-weight:		bold;
}

.let {
font-size:			16px;
font-family:		roboto, helvetica, arial, sans-serif;
visibility:			hidden;
text-transform:		uppercase;
}

.crossword .no-border {
border:				none;
}

#clues {
display:			none;
margin:				30px auto 10px auto;
font-family:		roboto, helvetica, arial, sans-serif;
font-size:			15px;
}

#clues th {
vertical-align:		top;
padding:			6px 0px;
}

#clues td {
vertical-align:		top;
padding:			2px 4px;
}

#across {
margin-right:		20px;
}

.pic {
max-width:			100px;
max-height:			75px;
width:				auto;
height:				auto;
}

.desmos {
width:				100px;
height:				100px;
}

.legalBox {
width:				500px;
margin:				0px auto 30px auto;
}

.legalBox p {
color:				#999;
font-family:		arial, helvetica, sans-serif;
font-size:			11px;
margin:				10px;
TEXT-ALIGN:			left;
}

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

.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;
}

.copyright {
font-family:		arial, helvetica, sans-serif;
font-size:			11px;
color:				#FFFFFF;
margin:				10px;
}

#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;}

.print {display: none;}

@media print {
#clues { page-break-inside: avoid; }
.noPrint {display: none;}
.print {display: table-row;}
}