jeremyfelt/custom.css

## custom.css
/* This will set all anchor elements on the page,
   including the Spine to have an underline.*/
a {
  text-decoration: underline;
}

/* This will set all anchor elements in the content
   area to have an underline, matching intent. */
main a {
  text-decoration: underline;
}

/* On single pages, style main anchor elements with
   a dashed underline and change the font weight
   to a light 300. */
.single main a {
   text-decoration: dashed;
   font-weight: 300;
}

## index.html
<html>
    <head></head>
    <body>
        <div id="jacket">
            <div id="binder">
                <main><!-- Main content here --></main>
                <div id="spine"></div>
            </div>
        </div>
    </body>
</html>

## spine.min.css
#spine a {
  color: #5e6a71;
}

a {
  text-decoration: none;
  color: #981e32;
}
	/* This will set all anchor elements on the page,
	including the Spine to have an underline.*/
	a {
	text-decoration: underline;
	}

	/* This will set all anchor elements in the content
	area to have an underline, matching intent. */
	main a {
	text-decoration: underline;
	}

	/* On single pages, style main anchor elements with
	a dashed underline and change the font weight
	to a light 300. */
	.single main a {
	text-decoration: dashed;
	font-weight: 300;
	}
	<html>
	<head></head>
	<body>
	<div id="jacket">
	<div id="binder">
	<main><!-- Main content here --></main>
	<div id="spine"></div>
	</div>
	</div>
	</body>
	</html>
	#spine a {
	color: #5e6a71;
	}

	a {
	text-decoration: none;
	color: #981e32;
	}