/* last edited: 10:22 24-Apr-2013 */
@media all {
    h1:before {
	content: counter(chapter) ". ";
	counter-increment: chapter;  /* Add 1 to chapter */
    }
    h1 {
	counter-reset: section;      /* Set section to 0 */
    }
    h2:before {
	content: counter(chapter) "." counter(section) " ";
	counter-increment: section;
    }
    h2 {
	counter-reset: sub-section;
    }
    h3:before {
	content: counter(chapter) "." counter(section) "." counter(sub-section) " ";
	counter-increment: sub-section;
    }
textarea {
	font-family: Arial Unicode MS, Lucida Sans Unicode;
	font-size:1em;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
    .bib {text-indent: -.75em;margin-left: .75em; line-height: 1em;}
    .footer {font-size: 0.8em}
    .exercise {background-color: lightgrey;border: thin black solid;padding: .5em; margin-left: 5%; margin-right: 7.5%;}
}
@media screen {
    body {
    	background:#ffffea;
    	margin-top: 1.5%;margin-bottom: 1.5%;margin-left: 3.5%;margin-right: 3.5%;
    	font-family: Times, serif;
		font-size: 1.25em;
		line-height: 1.5em;
		text-align: justify;
    }
    a:link {color: #6b8e23;}
    a:visited {color: #2f4f4f}
    a:hover {background-color: #acd656}
    h1,h2 {padding-left: .5em; padding-right: .5em;padding-bottom: .5em;padding-top:.5em;}
    h1 {
    	font-size: 2em;
    	margin:0;
		margin-bottom: -.25em;
		width: 100%;
    	#border-left: medium grey outset;#border-bottom:medium grey outset;
    	background-color: #00ced1;
		color:#ffffea;/*ffd700 ecfbff*/
	padding-top: .75em; padding-bottom: .75em;
    }
    h2 {
    	font-size: 1.75em;
		text-align: left;
    	border:thin grey groove;
    	margin-right:25%;
    	background-color:#d7ffd7;
    	padding-left: .5em;
		padding-right: .5em;
		padding-bottom: .25em;
		padding-top:.25em;
		max-width:30%;
		/*margin-top: 1.5em;*/
    }
    h3 {
    	font-size: 1.5em;
    	border: thin grey groove;
    	padding-left: .5em;margin-right:30%;
    	background-color:#f4fff4;
    }
    em {font-weight: bold; color:red;font-style: normal;}
    table {font-size: 1em; line-height: 1.2em;}
	th {font-weight: bold; font-style: italic; background: #ccff66;padding: 0.5em;}
	td {background: #99cccc;padding: 0.5em; text-align: center}
	td.th {font-weight: bold; font-style: italic; background: #ccff66;padding: 0.5em; font-size: .75em; font-family: Times, serif;}
    textarea {font-family: Arial Unicode MS, Lucida Sans Unicode; font-size:1.2em;}
    img {border: none;}
    .ipaU {font-family: Arial Unicode MS, Lucida Sans Unicode; font-size:1.2em;}
    .term {
    	font-style: italic;
    	color: #fc6014;background: #f7f7f7;
    	border: thin #fc6014 groove;
    	padding-left:.5em;padding-right:.5em;
    }
	li {
		text-align: left;
	}
	audio {
		padding-left: .25em;
		margin: 0 0 0 0;
		display: inline;
		vertical-align: middle
		background: lightgrey;
		text-align: left;
		width: 220px;
		height: 25px;
	}
    .sample {background-color: yellow; text-align:center}
    .note {font-size: .6em; color:green; line-height: 1em}
    .important {font-weight: bold; color: red}
    .topLink, .centImg , .centred {text-align: center}
}
@media print {
	body {
		font-size: 12pt;
		margin-left: 10%;
		margin-right: 10%;
	}
	h1 {
		text-align: center;
		font-size: 16pt;
	}
	h2 {
		font-size: 14pt;
		font-weight: bold;
	}
	h3 {
		font-size: 12pt;
		font-weight: bold;
		font-style: italic;
	}
	p {
		text-align: justify;
		text-indent: 0.3cm;
	}
	em {
		font-weight: bold;
		font-style: italic;
	}
	table {border: thin black ridge;}
	td {border: thin black ridge;}
	.term {
		border: thin black ridge;
	}
	.quote {
		text-indent: 0;
		font-weight: bold;
		text-align: left;
		margin-left: 1cm;
		margin-right: 1cm;
		line-height: 16pt;
		font-family: "Arial", "Helvetica";
	}
	.topLink {
		display: none;
	}
	.tag {
		font-weight: bold;
	}
}