/* I've long wondered about proper style organization. */

/* Using h2's as an example: */



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

h1, h2, h3 {
	font-family: Helvetica, serif;
	margin: margin: 0 0 1em;
	etc...
	}

h2 {
	color: blue;
}


/* =Articles
-------------------------------------------------------------- */

article {
	float: left;
	width: 450px;
	etc...
}

article h2 {
	color: red;
}



/* =Sidebar
-------------------------------------------------------------- */

sidebar {
	float: left;
	width: 225px;
}

sidebar h2 {
	color: green;
}


/* Should all the h2's be put together under Typography? OR should they stay in the area where they'll show up?

 Any rules-o-thumb as to how to organize things like this? No matter how I do it, things always seem to end up less organized/intuitive than I'd like. */