/******************************************************************************
* Here are the top level styles that 
* cover everything we do.
*/


*
	{
	/*First I like to define the layout, how and where a block will be displayed.*/

	/*display: block; is usually used for container elements, like <div>, <section>, 
	and <ul>. Also text “blocks” like <p> and <h1>, <h2> etc. Block level elements 
	do not sit inline. By default (without setting a width) they take up as much 
	of the line as they can.*/
						/*display: block;*/

 /*Static position means that the block will appear after the last block in the flow of the document*/ 
						position: static;

	/*Second any width and height*/

	/*Third I like to define the framing stuff. The units em and px are explained below*/
	padding: 0;              /*Defines the space to be left before the border (it will be filled with background color).*/
	border: 0px solid var(--dontknow);   /*Defines the border thickness style and color. Changing 0px to 2px let's you see where all the borders are*/
	border-radius: 0px;        /*Makes rounded corners if you want them*/
	margin: 0;               /*Defines the margin to be left outside the border (it is always transparent).*/

	/*Fourth I like to define the color stuff*/
	color: var(--foreground-text);	
	background: var(--background-text);

	/*I just happen to like this order of doing things*/
	}

html
	{
	/*Fifth I like to define the font stuff*/
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size:1em;
	letter-spacing: 0em;
	line-height: 1.5em;
	/*I just happen to like this order of doing things*/
	}