/* ------- Background image ---------- */
	
	img.bg 
	{
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
	}
	
	@media screen and (max-width: 1024px)
	{
		img.bg 
			{
				left: 50%;
				margin-left: -512px; 
			}
	}
	
/* ------- Page links ---------- */	
	
	img.page_link 
	{
		/* Set up proportionate scaling */
		/*width: 150px;
		height: 50px;*/
		display: block;
		border-style: none;
		margin-left:auto;
		margin-right:auto;
		padding: 0px;
	}
	
	img.next_link 
	{
		/* Set up proportionate scaling */
		/*width: 150px;
		height: 50px;*/
		display: block;
		border-style: none;
		margin-left:auto;
		margin-right:auto;
		padding-top: 20px;
		padding-bottom: 50px;
	}
	
	img.top_link 
	{
		/* Set up proportionate scaling */
		width: 75px;		
		border-style: none;
		margin-left:none;
		margin-right:none;
		padding-top: none;
		padding-bottom: none;
	}
	
	a:link 
	{
		text-decoration:underline;
		color:#5a7aad;
		background-color:none;
		border:none;
	}
	a:visited 	
	{
		text-decoration:underline;
		color:#5a7aad;
		background-color:none;
		border:none;
	}
	a:hover
	{
		text-decoration:underline;
		color:#5a7aad;
		background-color:none;
		border:none;
	}
	a:active
	{
		text-decoration:underline;
		color:#5a7aad;
		background-color:none;
		border:none;
	}
	
/* --------- Paragraph styles --------- */
	
	body 
	{
		color:white;
		font: 15px/2 "Times New Roman", Serif;
		background-color:#b97836;
	}
	
	#TopLinks 
	{
		position: relative; 
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}
	
	/*
	
	--------- NORMAL ----------
	
	*/
	
	div.normal
	{
		position: absolute;
		top:100px;
		left:20%;
		width: 60%;
		margin: 50px auto;
		margin-top: 0px;
		margin-bottom: 50px;
		padding: 20px;
		background:rgba(0,0,0,0.87);
		-moz-box-shadow: 0 0 20px black;
		-webkit-box-shadow: 0 0 20px black;
		box-shadow: 0 0 20px black; 
   
                background: rgb(0, 0, 0); /* The Fallback */
	}
	
	p.normal_chapter
	{					
		line-height: 200%;
		font: "Times New Roman", Serif;
		font-size: 70px;
		text-align: center;
		font-variant: small-caps;
	}
	
		
	p 
	{ 
		font: 18pt/1.5 "Times New Roman";
		margin: 0 30px 30px 30px;
		text-indent: 40px; 
		text-align:justify
	}
	
	p.footer
	{ 
		font: 14pt/1.5 "Times New Roman";
		margin: 0 30px 30px 30px;
		text-indent: 0px; 
		text-align:left
	}
	
	ol
	{ 
		font: 18pt/1.5 "Times New Roman", Serif;
		margin: 0 30px 30px 30px;
		text-indent: 0px; 
		text-align:left
	}
	
	h2
	{
		font: 18pt/1.5 "Times New Roman", Serif;
		margin: 0 30px 30px 30px;
		text-align:left;
		font-variant: small-caps;
		text-decoration:underline
	}
	
	h3
	{
		font: 18pt/1.5 "Times New Roman", Serif;
		margin: 0 30px 30px 30px;
		text-align:center;
		font-variant: small-caps;
	}
	
	/*
	
	-------- MATHS ------------
	
	*/
	
	div.math_inline
	{
		margin: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px;
		background: #FFF8E8; /*rgb(255,255,255);*/
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888; 
		color: #555; /*rgb(50,100,255);*/
	}
	
	p.math_heading
	{
		line-height: 200%;
		font: "Times New Roman", Serif;
		font-size: 40px;
		text-align: left;
		text-indent: 0px; 
		font-variant: small-caps;
	}
	
	p.math
	{
		font: 18pt/1.5 "Times New Roman";
		margin: 0 30px 30px 30px;
		text-indent: 0px; 
		text-align:justify
	}
	
	/*
	
	-------- MANGO MAN------------
	
	*/
	
	div.mango_man_main 
	{
		position: absolute;
		top:100px;
		left:20%;
		width: 60%;
		margin: 50px auto;
		margin-top: 0px;
		margin-bottom: 50px;
		padding: 20px;
		-moz-box-shadow: 0 0 40px black;
		-webkit-box-shadow: 0 0 40px black;
		box-shadow: 0 0 40px black; 
		background:rgba(0,0,0,0.87);
		background: rgb(0, 0, 0); /* The Fallback */
	}
	
	div.mango_man_inline
	{
		margin: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px;
		background: #001507; /*    #FFF8E8; */ /*rgb(255,255,255);*/
		-moz-box-shadow: 0 0 40px #153507;
		-webkit-box-shadow: 0 0 40px #153507;
		box-shadow: 0 0 40px #153507; 
		color: white; /*#555; */ /*rgb(50,100,255);*/
		font: 18pt/1.5 "Comic Sans MS";
		border-radius: 10px;
	}
	
	p.mango_man_heading
	{ 
		line-height: 200%;
		font-family: "Comic Sans MS";
		font-size: 40px;
		text-align: center;		
		text-indent: 0px; 
		color: #A0A000;
	}
	
	p.mango_man_chapter
	{ 
		line-height: 200%;
		font-family: "Comic Sans MS";
		font-size: 60px;
		text-align: center;		
		text-indent: 0px; 
		color: white;
	}
	
	p.mango_man 
	{ 
		font: 18pt/1.5 "Comic Sans MS";
		margin: 0 30px 30px 30px;
		text-indent: 40px; 
		text-align:justify
	}
	
	ol.mango_man 
	{ 
		font: 18pt/1.5 "Comic Sans MS";
		margin: 0 30px 30px 30px;
		text-indent: 0px; 
		text-align:left
	}
	
	h3.mango_man
	{
		font: 18pt/1.5 "Comic Sans MS";
		margin: 0 30px 30px 30px;
		text-align:center;
		font-variant: small-caps;
	}
	
	p.title
	{					
		text-indent: 0px; 
		padding-top: 50px;
		line-height: 100%;
		font: "Times New Roman", Serif;
		font-size: 100px;
		text-align: center;
		font-variant: small-caps;
	}

		
	
	p.version
	{
		font: "Times New Roman", Serif;
		font-size: 20px;
		text-align: center;
		/*font-variant: small-caps;*/
	}

	
/* -------- Poem ---------- */	

	ul.poem
	{
		font: "Times New Roman", Serif;
		font-style: italic;  
		font-size: 20px;
		text-align: left;
	}
	
	table.poem
	{ 
		font: "Times New Roman", Serif;
		font-style: italic;  
		font-size: 20px;
		text-align: left;
		margin-left: none;
		margin-right: auto;
	}
	
	tr.poem
	{ 
		font: "Times New Roman", Serif;
		font-style: italic;  
		font-size: 20px;
		text-align: left;	
	}
	
	/* -------- Image ---------- */	
	
	table.image
	{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding-top: 30px;
		padding-bottom: 40px;
	}
	
	td.caption
	{
		font: "Times New Roman", Serif;
		font-style: italic;  
		font-size: 20px;
		text-align: left;
		text-indent: 20px;
	}
	
	/*
	
	-------- COMMENTS ------------
	
	*/
	
	div.comments_inline
	{
		margin: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px;
		background: #f2f2f2;
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888; 
		color: white; /*#555; */ /*rgb(50,100,255);*/
		font: 18pt/1.5 "Comic Sans MS";
		border-radius: 10px;
	}