/*
This is a CSS file. Your web pages know about it via the line:
...in the HTML (see the HTML file!)
CSS means "cascading style sheet". It's basically a method of changing how browsers
render your text etc. etc. etc., instead of relying on the browser's own default settings.
Because all of this stuff is stored in a seperate file, you can stick stuff in here to
apply to your whole site - so everything follows a common theme without having to prat
around with individual element styles, or lots of CSS files. Stick to one per site.
The "cascade" bit is important. Style information cascades down through the file -
so anything that can apply to any given element in the page will be applied, in the
order they appear in the file. For example, in the HTML we have:
First, the * style will be applied (applies to everything)
Then the h2 style (applies to all h2s)
Then the .notice (appplies to elements with class="notice")
*/
/*
in computing, * is often used for various purposes (like at the start of this text, to
form a comment). In CSS, it means "everything" - so any style you put in the curly
brackets following the * below will be applied to everything on the page.
*/
*{font-family:Arial;}
/*
anything that references a tag name (e.g., h1) is applied to all instances of that tag.
So the h1 here makes every h1 on the page "600 24pt center". Same with the h2, h3, h4,
and p.
*/
body{background-color:#003b59;}
h1{font:600 24pt;text-align:center;}
h2{font:400 16pt;}
h3{font:400 12pt;}
h4{font:12pt;text-decoration:underline;margin-bottom:4px;padding-bottom:0;}
p{margin:4px 0 4px 0;line-height:16pt;font:12pt;}
/*
anything with a . in front is a class (see HTML); .wrapper is used when class="wrapper"
is called for in the HTML. In this case, .wrapper is being used to provide the bounding
area of the web page (the bit we're going to "write" on).
*/
.wrapper{padding:10px 10px 10px 10px;margin:0 auto 0 auto;width:960px;background-color:#ffffff;min-height:600px;}
.notice{font-style:italic;text-align:center;color:#ff0000;}