/*
style sheet 01_simple_style.css applies:

•	colour and font style to headings 
•	colour and font style to paragraph text
•	background colour to the page

*/

/* some fonts to choose from:
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-family: "Times New Roman", Times, serif;
*/

/*colour is defined after a hash symbol
three pairs of characters represent the three colours RED, GREEN, BLUE
full brightnees of a colour is represented by   ff
total absence of a colour is represented by     00
each character can have one of these values:   0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f
it's a number system called hexadecimal, which gives you 256 shades of each colour
if it had been designed as two decimal characters it would have only given 0 to 99, which would have been less flexible.
here are some examples
    */

/*pure white
#ffffff;
*/
/*pure black    
  #000000;
*/

/*pure red
#ff0000;
*/

/*dark red
#cc3333;
*/

/*pure yellow
#ffff00;
*/

/*pale yellow
#ffffcc;
*/

/*pure green
#00ff00;
*/

/*pure blue
#0000ff;
*/

body {
  	padding-left: 20px; /*leaves a small margin beside the page*/ 
  	padding-right: 20px;
  	background-color: #ffffcc; 
}
/*set the colour for text inside a pair of paragraph tags*/
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
	width: 700px;
}
/*set the colour for the various sizes of heading*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
h7{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
	width: 700px;
	margin-left: 12%;
 }
/*set the colour for text inside a pair of list tags*/
ol , ul{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
}
/*set the colour for a horizontal rule*/
hr {
	color: #CC3333;
}
/*set the font for an ordinary hyperlink*/
a {
	font-family: Arial, Helvetica, sans-serif;
}
#author{
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}