@charset "UTF-8";

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video,div,span {
	margin:0;padding:0;border:0;font-size:inherit;vertical-align:baseline
}

body {
	font-family: 'Helvetica Neue', Arial;
	padding: 10px;
}

#buttons {
	position:absolute;
	top:180px;
	left:20px;
}

@-webkit-keyframes shake {
	0%,41% { -webkit-transform:translateX(0) }
	15% { -webkit-transform:translateX(-2px) }
	25% { -webkit-transform:translateX(3px) }
	34% { -webkit-transform:translateX(-3px) }
}
@-moz-keyframes shake {
	0%,41% { -moz-transform:translateX(0) }
	15% { -moz-transform:translateX(-2px) }
	25% { -moz-transform:translateX(3px) }
	34% { -moz-transform:translateX(-3px) }
}
@-o-keyframes shake {
	0%,41% { -o-transform:translateX(0) }
	15% { -o-transform:translateX(-2px) }
	25% { -o-transform:translateX(3px) }
	34% { -o-transform:translateX(-3px) }
}
@keyframes shake {
	0%,41% { transform:translateX(0) }
	15% { transform:translateX(-2px) }
	25% { transform:translateX(3px) }
	34% { transform:translateX(-3px) }
}

.button {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;

	display:inline-block;
	white-space:nowrap;
	margin:0;
	background:transparent;
	cursor:pointer;
	font-size:13px;
	line-height:normal;
	text-align:center;
	color:#6b635b;
	padding:5px 11px;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;

	-webkit-transition:box-shadow 0.15s;
	-moz-transition:box-shadow 0.15s;
	-ms-transition:box-shadow 0.15s;
	-o-transition:box-shadow 0.15s;
	transition:box-shadow 0.15s;
	border:1px solid #b2afa5;
	border-color:#e1e0dc #c9c8c1 #b2afa5;
	text-shadow:0 1px 0 rgba(255,255,255,0.439);
	background-color:#ebeae6;
	background:-webkit-linear-gradient(top,#f6f5f0,#e1e0dc);
	background:-moz-linear-gradient(top,#f6f5f0,#e1e0dc);
	background:-ms-linear-gradient(top,#f6f5f0,#e1e0dc);
	background:-o-linear-gradient(top,#f6f5f0,#e1e0dc);
	background:linear-gradient(top,#f6f5f0,#e1e0dc);
	color:#6b635b;
	-webkit-box-shadow:rgba(255,255,255,0) 0 0 1px 0,rgba(255,255,255,0) 0 0 0 1px inset,#fff 0 1px 0 0;
	-moz-box-shadow:rgba(255,255,255,0) 0 0 1px 0,rgba(255,255,255,0) 0 0 0 1px inset,#fff 0 1px 0 0;
	-ms-box-shadow:rgba(255,255,255,0) 0 0 1px 0,rgba(255,255,255,0) 0 0 0 1px inset,#fff 0 1px 0 0;
	-o-box-shadow:rgba(255,255,255,0) 0 0 1px 0,rgba(255,255,255,0) 0 0 0 1px inset,#fff 0 1px 0 0;
	box-shadow:rgba(255,255,255,0) 0 0 1px 0,rgba(255,255,255,0) 0 0 0 1px inset,#fff 0 1px 0 0;
}

.button:hover {
	background:-webkit-linear-gradient(top,#f8f7f3,#e6e5e1);
	background:-moz-linear-gradient(top,#f8f7f3,#e6e5e1);
	background:-ms-linear-gradient(top,#f8f7f3,#e6e5e1);
	background:-o-linear-gradient(top,#f8f7f3,#e6e5e1);
	background:linear-gradient(top,#f8f7f3,#e6e5e1);
}

.icon-quiz {
	background: url("./q.png") repeat scroll 0 0 transparent;
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	width: 16px !important;
}

.icon-twitter {
	background: url("https://twitter.com/favicons/favicon.ico") repeat scroll 0 0 transparent;
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	width: 16px !important;
}
.icon-facebook {
	background: url("https://s-static.ak.facebook.com/rsrc.php/yi/r/q9U99v3_saj.ico") repeat scroll 0 0 transparent;
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	width: 16px !important;
}
.icon-buzzfeed {
	float: left;
	height: 16px;
	margin: 0 5px 0 -2px;
	width: 16px !important;
}
.icon-more {
	float: left;
	height: 16px;
	width: 0;
}

/* Quiz 2.0 */
.tquiz { border: 1px solid #d0d0d0; background: #f9f9f9; font-family: 'ProximaNovaRegular'; font-size: 14px; }
.tquiz .quiz_question { overflow: hidden; width: 100%; margin: 0px;}
.tquiz .quiz_answer span { display: block; margin: 5px 0 0 0;}
.quiz_question.text .quiz_answer { display: block; border: 1px solid #DDD; margin: 5px 0; }
.quiz_question.text .quiz_answer:hover { background: #fff09a; cursor: pointer; color: #000; opacity: 1; }
.quiz_question.text .quiz_answer span.quiz_answer_text { font-size: 20px; font-family: 'ProximaNovaRegular'; }