/*  One of the "colouring" stylesheets for website.
 *
 *  The multi-coloured (pastel) look.
 *
 *  These colours remind me of marshmellows, or those dyed cotton wool balls.  ;-)
 *  Mmmmmmm, marshmellows... drools...  (wipes up drool with cotton wool ball).
 *
 *  updated 18 May 2009, 13 Feb 2022
 */

@media all {

	html, body
	{
		color:  #161616;
		background-color:  #ffffdd;
		/* background: url(/images/domain-name-rotated.png); */
	}

	h1, legend, .heading
	{
		color:  black;
		background-color: #bfffbf; /* #ddffdd; */
		border-color:  #aaa;
	}

  h1 {background-color: #6be7ff;}

	.uninitialism span
	{
		color: #b00;
		background-color: inherit;
	}

	dt, th, b, strong
	{
		color: black;
		background-color: inherit;
	}


	/* 13 Feb 2022 added cell colouring, just had table before
   * 20 Nov 2022 make all tables always show a border, customise the few pages
   * that have invisible borders, instead.
   */

	table, tr, th, td 
	{
		border: thin solid #aaaaaa;
	}

	fieldset
	{
		color: inherit;
		background-color:  #f4f0cc;
		border-color:  #aaaaaa #222222 #222222 #aaaaaa;
	}



	legend
	{
		border-color:  #aaccaa #224422 #224422 #aaccaa;
	}

	/* textarea.recoloured, input.recoloured,*/
	form .recoloured
	{
		color:  inherit;
		background-color:  #ddb;
	}

	input:focus, textarea:focus
	{
		background-color: #ffa;
	}


/*
	div#sidenavigation a {
	background-color: #cceecc;}

	div#sidenavigation a:hover {
	background-color: #ffffee;}
*/

	a:link
	{
		color:  #0000ff;
		background-color:  inherit;
	}

	a:link.external
	{
		border-bottom-color: red;
	}

	a:visited
	{
		color:  #800080;
		background-color:  inherit;
	}

	a:hover[href], a:focus[href]
	{
		color:  black;
		background-color:  #ffffaa;
	}

	a.external:hover[href], a.external:focus[href]
	{
		color:  inherit;
		background-color:  #ffeeee;
	}

	a:active[href]
	{
		color:  white;
		background-color:  black;
	}

	abbr[title]
	{
		border-color:  black;
	}


	section, .section, dl
	{
		color:  inherit;
		background-color:  #f4f0cc;
		border-color:  #aaaaaa #222222 #222222 #aaaaaa;
	}

	.example
	{
		color:  inherit;
		background-color:  #ffdddd;
		border-color:  #aa8833;
	}

	.explanation
	{
		color:  inherit;
		background-color:  #ddfedd;
		border-color:  #88aa33;
	}

	.informational
	{
		color:  inherit;
		background-color:  #dfffff;
		border-color:  #3388aa;
	}

	.comment, .notes, aside
	{
		color:  inherit;
		background-color:  #eeeeff;
		border-color:  #8833aa;
	}

	.statement
	{
		color:  inherit;
		background-color:  #ffeeee;
		border-color:  #aaaaaa;
	}

	.response
	{
		color:  inherit;
		background-color:  #eeffee;
		border-color:  #aaaaaa;
	}

	.warning, .alert
	{
		color:  black;
		background-color:  #ffff66;
		border-color:  #660000;
	}

	strong.eyecatcher {color: #500;}

	figure img, div.diagram img, div.illustration img
	{
		border-color: #aaa;
	}

	figcaption,
	div.diagram div.caption,
  div.illustration div.caption,
  div.illustration p.caption
  {
		color: #060;
		background-color: inherit;
	}

	div.thumbnails a
	{
		color: inherit;
		background-color: inherit !important;
	}

	nav, div.navigation, div#sidenavigation, div#footernavigation
	{
		color: inherit;
		background-color:  #ddffdd;
		border-color:  #aaaaaa;
	}

  nav *, div.navigation *, div#sidenavigation *, div#footernavigation *
  {
    border: none;
  }

	nav span,
	div#footernavigation span
	{
		background-color: inherit;
		color: black;
	}

  p.pagenote
  {
		border-color: gray;
		color: inherit;
		background: white;
  }

  

/* Royal Show galleries, Metropolis cover gallery:  */

	td > img {
		padding: 1px;
		color: inherit;
		background-color: #000;
	}

}

@media print {

	html, body
	{
		color: black;
		background-color: white;
	}

	h1, .heading
	{
		border-color:  black;
	}

	.uninitialism span
	{
		color: black;
		background-color: inherit !important;
	}


	a
	{
		color: inherit !important;
		background-color: inherit !important;
	}

	strong.eyecatcher
	{
		color: inherit !important;
		background-color: inherit !important;
	}

}