/* Table of Contents:

	Typography
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/* Typography
--------------------------------------------------------------------------------------- */

#myheader, #my_middle, #my_middle_subsection {
	color: black;
	font-size: 1.6em;
/* Example: these two typographic properties are the same for 
the 3 id selectors #myheader, #my_middle and #my_middle_subsection.
By putting them all together I don't have to write these two properties
out each time for the 3 id selectors defined later in this document */
}

#my_middle_subsection {
	font-weight: bold;
}

#my_footer {
	color: white;
}


/* Header Layout
--------------------------------------------------------------------------------------- */

#my_header {
	height: 100px;
}


/* Middle Layout
--------------------------------------------------------------------------------------- */

#my_middle {
	width: 500px;
	padding: 20px;
}

#my_middle_subsection {
	margin: 20px;
	border: 1px solid #CCC;
}


/* Footer Layout
--------------------------------------------------------------------------------------- */

#my_footer {
	background: black;
}