body {
	color: white;
}
body.numoftheday {
	background: #fafafa url(https://dedhk00m7fqyl.cloudfront.net/ms/images/bkg_escheresque.png);
}
#site {
	background-color: #b60a01;
	background-image: url(//dedhk00m7fqyl.cloudfront.net/cmn/images/hdr_starters.png);
	color:#fff;
	box-shadow: -3px 3px 6px #222, 0px 3px 6px #222;
}
body.home #site {
	color:#fff;
	padding: 20px 0 10px 0;
}


#contentbox {
	background-color: rgba(0,0,0,0.5);
	padding: 1rem 3rem;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 3px 3px 6px #222;
	font-size: 1.4rem;
}
.numoftheday #contentbox {
	border: 6px solid #2DB6B6;
}
h1 span {
	font-weight: 100;
}
h1.activity {
	text-align: center;
	font-weight: 600 !important;
	letter-spacing: 0.3rem;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.numoftheday h1.activity {
	text-shadow: 2px 2px 2px #2DB6B6, -2px 2px #2DB6B6,-2px 2px 2px #2DB6B6,-2px -2px 2px #2DB6B6;
	font-family: 'Delius Unicase', cursive;	
}
h1.bigger {
	font-size: 4em;
}


/* -- Common -- */
.questionline {
	clear: both;
	padding: 2px 0;
	border-bottom: 1px dotted lightblue;
}
span.qnum {
	float: left;
	width: 1.5em;
	color: #999;
	margin-left: 1rem;
}
#loading {
	height: 300px;
	text-align: center;
	padding: 100px;
}
/* -- end Common -- */

/* -- Number of the Day -- */
.numoftheday #numoftheday {
	display: none; /* because unhidden by js */
	padding: 2.5rem 0;
}
.numoftheday #numoftheday div {
	display: inline;
}
.numbercard {
	text-align: center;
	padding: 0.5rem;
	line-height: 1rem;
	text-align: center;
	border: 1px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#day .numbercard {
	background: #0F7676;
}
#todaysnum {
	font-size: 1.5em;
}
#todaysnum .numbercard {
	background: #DA8137;
	font-size: 4rem;
	font-weight: bold;
	margin-left: 1rem;
	color: white;
	text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	font-family: 'Delius Unicase', cursive;
}
#day {
	float: right;
}
.numoftheday .answer {
	color: #80DBDB;
	font-weight: 600;
	display:none;
	margin-left: 3rem;
	letter-spacing: 0.1rem;
}
#quiztype {
	color: #2DB6B6;
	font-weight: bold;
}

/* -- end Number of the Day -- */

footer.activityfooter {
	padding-top: 20px;
	text-align: center;
	color: #ccc;
font-size: 0.9rem;
}
footer.activityfooter a {
	color: #eee;
}
footer.activityfooter a:hover {
	color: white;
text-decoration: underline
}

.tip {
	font-size: 1rem;
	text-align: center;
	margin-top: 30px;
	color: #888;
}
.tip kbd {
	color: #bbb;
	background: black;
}




/*-- clrs.cc --*/
/* Backgrounds */
.bg-navy { background-color: #001F3F; }
.bg-blue { background-color: #0074D9; }
.bg-aqua { background-color: #7FDBFF; }
.bg-teal { background-color: #39CCCC; }
.bg-olive { background-color: #3D9970; }
.bg-green { background-color: #2ECC40; }
.bg-lime { background-color: #01FF70; }
.bg-yellow { background-color: #FFDC00; }
.bg-orange { background-color: #FF851B; }
.bg-red { background-color: #FF4136; }
.bg-fuchsia { background-color: #F012BE; }
.bg-purple { background-color: #B10DC9; }
.bg-maroon { background-color: #85144B; }
.bg-white { background-color: #FFFFFF; }
.bg-gray { background-color: #AAAAAA; }
.bg-silver { background-color: #DDDDDD; }
.bg-black { background-color: #111111; }
/* Colors */
.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.white { color: #FFFFFF; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }
/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px); border-style: solid); }     
*/
.border--navy { border-color: #001F3F; }
.border--blue { border-color: #0074D9; }
.border--aqua { border-color: #7FDBFF; }
.border--teal { border-color: #39CCCC; }
.border--olive { border-color: #3D9970; }
.border--green { border-color: #2ECC40; }
.border--lime { border-color: #01FF70; }
.border--yellow { border-color: #FFDC00; }
.border--orange { border-color: #FF851B; }
.border--red { border-color: #FF4136; }
.border--fuchsia { border-color: #F012BE; }
.border--purple { border-color: #B10DC9; }
.border--maroon { border-color: #85144B; }
.border--white { border-color: #FFFFFF; }
.border--gray { border-color: #AAAAAA; }
.border--silver { border-color: #DDDDDD; }
.border--black { border-color: #111111; }
/*-- end clrs.cc --*/