#book-dom div.context
{
	hyphens : none;
	font-size : 24px !important;
	line-height : 1.4 !important;
	padding : 1.2em;
	font-family : 'Colfax-Regular', sans-serif;
	color : #54331b;
	background : url(../media/images/bg-text.png) repeat 0 0 #f6ecdf;

	text-shadow : -1px -1px 0 #d1beab, 1px -1px 0 #d1beab, -1px 1px 0 #d1beab, 1px 1px 0 #d1beab; 
	
	-moz-box-shadow : inset 0 0 20px rgba(84, 51, 27, 0.3), 0px 0px 0px .35em rgba(84, 51, 27, 0.40);
	-webkit-box-shadow : inset 0 0 20px rgba(84, 51, 27, 0.3), 0px 0px 0px .35em rgba(84, 51, 27, 0.40);
	box-shadow : inset 0 0 20px rgba(84, 51, 27, 0.3), 0px 0px 0px .35em rgba(84, 51, 27, 0.40);

	-moz-border-radius : 0.45em;
	-webkit-border-radius : 0.45em;
	border-radius : 0.45em; /* future proofing */

	transition : color 400ms ease-in-out;
	-webkit-transition : color 400ms ease-in-out;
}

#book-dom div.context span.no-highlight
{
	color : #54331b;
}

#book-dom div.context span.highlight
{
	background : none;
	color : #d71810;
	transition : color 200ms ease-in-out;
	-webkit-transition : color 200ms ease-in-out;
}

#book-dom div.context img.replay
{
	position : absolute;
	bottom : 8px;
	right : 8px;
	cursor : pointer;
	transform : scale(0.8);
	padding: 30px;
	margin: -30px;
	-ms-transform : scale(0.8);
	-webkit-transform : scale(0.8);
}


@font-face {
	font-family : 'Colfax-Regular';
	src : url('../media/fonts/ColfaxWebRegular.eot');
	src : url('../media/fonts/ColfaxWebRegular.eot?#iefix') format('embedded-opentype'),
		url('../media/fonts/ColfaxWebRegular.woff') format('woff');
}
@font-face {
	font-family : 'Colfax-Regular';
	font-style : italic;
	src : url('../media/fonts/ColfaxWebRegularItalic.eot');
	src : url('../media/fonts/ColfaxWebRegularItalic.eot?#iefix') format('embedded-opentype'),
		url('../media/fonts/ColfaxWebRegularItalic.woff') format('woff');
}