Building a page template in CSS - linking to an external file

The embedded css:


<style type="text/css" media="screen">
	body
	{
		color: #444;
		margin: 0;
		padding: 0;
		background: #FFF url(images/site/background.gif) repeat-y;
		font: 85%/130% arial, helvetica, sans-serif;
	}
</style>

is replaced with a linked external css file:


	<link rel="stylesheet" href="webessentials.css" type="text/css"  media="screen">