body,
input,
textarea,
select
{
	font-size: 12pt;
	line-height: 1.3em;
}

html,
body
{
	background: none;
	color: black;
}

body
{
	padding: 0;
	margin: 0 15mm;
}

#header,
#bottom-bar,
#content footer,
.listing
{
	display: none;
}

#content
{
	width: 100%;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4
{
	text-shadow: none;
	color: #368;
	padding: 0;
	margin: 0;
	padding-top: 1em;
	padding-bottom: .5em;
}

.subtitle
{
	color: #333;
}

article
{
	page-break-inside: avoid;
}

a,
.current,
.about,
.exercise
{
	color: inherit;
}

hr
{
	margin: 2em auto;
	color: #ccc;
	background: #ccc;
	box-shadow: none !important;
}

#footer
{
	text-align: center;
}

.box,
.exercise
{
	page-break-inside: avoid;
}

.box
{
	border: 1px solid #ccc;
	background: #eee;

	.notes-print
	{
		outline: 1px solid #bbb;
		background-color: #ccc;
	}
}

.notes
{
	display: none;
}
.notes-print
{
	display: block;
	outline: 1px solid #ccc;
	background-color: #eee;
	&:empty
	{
		display: none;
	}
}

audio
{
	display: none;
}