/*1*/
header {
	margin-bottom:3rem;
}

/*2*/
p {
	line-height:1.6;
}

/*3*/
a.see-all {
	font-size: 0.8em;
	text-transform:uppercase;
}

/*4*//*6*/
li h1 {
	font-size: 2.5rem;
	font-weight:lighter;
}

/*5*/
section h2 {
	font-size:1rem;
	text-transform:uppercase;
}

/*7*/
img {
	width:100%;
}

/*8*/
.cast li {
	width:25%;
}

/*9*/
.shows > li{
	border-top:1px solid black; 
	/*WHEN DEFINING A BORDER, YOU NEED A WIDTH, STYLE AND COLOR */
}

/*10 - Q: WHY WON'T IT TURN BLACK -- A: need to override the whole damn system whose default is blue for links, need to add "a"*/
.selected a{
	font-weight: bold;
	color: black;
}

/*11*/
/*CASTMEMBER LABELS */

/*12*/
div:first-of-type {
	font-weight:bold;
}

/*13*/
div:last-of-type {
	font-style: italic;
}

/*14*/
#game-of-thrones .seasons li:last-of-type:after {
	content:"*";
}

/*15*/
#game-of-thrones .seasons:after {
	content:"* Final Season";
	font-size: 0.7rem;
	color:#999;
}