/* variables for layout settings */
:root {

	--page-background-colour: #224466;
/*	--site-default-font: monospace; maybe not :) */

	--site-default-font: Arial; 


	--header-background-colour: #224466;
	--header-text-colour: #fff;

	--logo-Colour: #3399ff;

	--nav-top-colour: #ddd;
	--nav-bottom-colour: #444;
	
	--nav-top-colour: #ddd;
	--nav-bottom-colour: #222;

	--nav-text-colour: #fff;
	--nav-hover-background-colour: #085;
	--nav-hover-text-colour: #f80;
  
	--tab-radius-left: 0.6;
	--tab-radius-right: 0.6;

	--article-background-colour: #ddd;
	--article-text-colour: #222;

	--footer-background-colour: #246;
	--footer-text-colour: #fff;
 
	/* --------------------------------------------------------------- */
	--product-background-colour: #ddd;
	--product-tab-background-colour: #489;

	--product-text-background-colour: #ddf;
	--product-text-colour: #333;
	--product-title-text-colour: #222;

	--product-button1-background-colour: #888;
	--product-button2-background-colour: #aaa;
	--product-button3-background-colour: #ccc;
	--product-button4-background-colour: #333;
	--product-button5-background-colour: #842;
	/* --------------------------------------------------------------- */
	--project-background-colour: #ddd;
	--project-tab-background-colour: #224466;

	--project-text-background-colour: #e6fff9;
	--project-text-colour: #000;
	--project-title-text-colour: #88f;

	--project-button1-background-colour: #888;
	--project-button2-background-colour: #aaa;
	--project-button3-background-colour: #ccc;
	--project-button4-background-colour: #555;
	--project-button5-background-colour: #842;
	/* --------------------------------------------------------------- */
	--tutorial-background-colour: #ddd;
	--tutorial-tab-background-colour: #123;

	--tutorial-text-background-colour: #88a;
	--tutorial-text-colour: #eee;
	--tutorial-title-text-colour: #fff;

	--tutorial-button1-background-colour: #888;
	--tutorial-button2-background-colour: #aaa;
	--tutorial-button3-background-colour: #ccc;
	--tutorial-button4-background-colour: #eee;
	--tutorial-button5-background-colour: #842;
	/* --------------------------------------------------------------- */
	--sidebar-background-colour: #246;
	--sidebar-button-background-colour: #222;
	--sidebar-button-text-colour: #ddd;
	--sidebar-button-hover-background-colour: #0f0;
	--sidebar-button-hover-text-colour: #0f0;
	--sidebar-opacity-not-hovered: 0.6;
	/* --------------------------------------------------------------- */
	--home-article1-background-colour: #ccf;
	--home-article1-text-colour: #222;

	--home-article2-background-colour: #b3b3ff;
	--home-article2-text-colour: #222;

	--home-article3-background-colour: #ddf;
	--home-article3-text-colour: #222;

	--home-article4-background-colour: #c6d9ec;
	--home-article4-text-colour: #222;

	--home-article5-background-colour: #ddf;
	--home-article5-text-colour: #222;
	/* --------------------------------------------------------------- */
	--press-article-background-colour: #ddf;
	--press-text-background-colour: #eee;
	--press-article-text-colour: #222;



	--general-hover-button: #ff6600;
}