codeexample1c.css

/* using standard minimally qualified CSS; i used a few different variations of scoping
   more verbose and more difficult to read
   more prone to specificity and inheritance bugs
   you could add the .view qualifier as well, but then it 
   becomes even less readable and more difficult to maintain
*/
.widget-a h1 {
	font-size: 16px;
}

.widget-a h2 {
	font-size: 14px;
}

.widget-a .region1, .widget-a .region2 {
	padding: 10px;
}

.widget-a li .region1, .widget-a  .region1 li {
	color: #333;
}

.widget-a .active {
	color: #ff0000;
}

.widget-a .region2 {
	padding-top: 0;
}