/* style.css: External stylesheet for Learning CSS2 Slides. *//* No @media stuff, since that breaks several browsers.     */body	{	background-color:	#ccc;	color:				black;	font-family:		Verdana, Helvetica, sans-serif;	font-size:			12px;	line-height:		12px;}body.slide	{	background-color:	#ccc;	color:				black;	font-family:		Verdana, Helvetica, sans-serif;	font-size:			16px;	line-height:		16px;		/* width:				750px; */	/* height:				550px; */}/* Navigation elements */p.nav		{ 	background-color:	inherit;	color:				inherit; 	font-size:			12px;	text-align:			right;	max-width:			none;}/* Child + attribute selector = sleazy workaround for IE bugs */body>p[class="nav"]	{	background-color:	inherit;	color:				inherit; 	font-size:			12px;	text-align:			right;	max-width:			none;		position:			absolute;	bottom:				1%;	right:				1%;}p.nav a	{ 	color:				black; 	background-color:	inherit;	text-transform:		capitalize;}p.nav a:hover	{ 	color: 				red; 	background-color:	inherit;}*.example {	color:				blue;	background-color:	inherit;	padding:			10px;	margin:				10px 20px;	border-width:		thin;	border-style:		dashed;	border-color:		#999;	font-size:			12px;	width:				690px;	/* float:			left; */	clear:			none;}*.example *.highlight	{	color:				red;	background-color:	inherit;}*.output	{	color:				black;	background-color:	inherit;	padding:			10px;	margin:				10px 20px;	border-width:		thin;	border-style:		solid;	border-color:		#999;	width:				690px;	float:				none;	clear:				none;	/* overflow:			hidden; */}h1,h2,h3	{	background-color:		#999;	color:					inherit;		border-bottom-width: 	thin;	border-top-width: 		0;	border-left-width: 		0;	border-right-width: 	0;	border-style: 			solid;		padding:				.25em 0 .25em 0;}h1	{ font-size:	18px }h2	{ font-size:	14px }h3	{ font-size:	14px; padding-left: 20px; }/* This is for <example> style parameters */em	{ 	color:				blue; 	background-color:	transparent;	font-family: 		inherit; }h1 em, h2 em, h3 em	{	color:				inherit;	background-color:	transparent;	font-family:		inherit;}table	{	border-style:		solid;	border-color:		black;	border-width:		thin;		width:				750px;	/* float:				left; */	clear:				none;	margin-bottom:		1em;	margin-top:			0.5em;}/* For tables */table thead {	background-color: 	#999;	color:				inherit;	font-weight: 		bold;}table tr td:first-child	{		text-align:			right; 	font-weight:		bold;}table tr td:first-child+td {    color:			    blue;    background-color:	transparent;	font-family: 		inherit;    font-style:         italic;}/* This rule has more specificity, just so that   the thead's 2nd column won't be displayed in    blue. */table thead tr td:first-child+td {    color:              inherit;    background-color:   inherit;    font-style:         normal;}td	{	padding:			5px; }p.syntax	{	margin: 20px; /* Depreciated? */}/* This is for the "menu" pages in the presentation: */ol.menu					{ font-size:		14px; }ol.menu li				{ text-transform:	capitalize; }ol.menu a				{ text-decoration:	none; }ol.menu a:visited 		{ color: inherit; background-color: inherit; }ol.menu a:link			{ color: inherit; background-color: inherit; }ol.menu a:active		{ color: red; background-color: inherit; }ol.menu a:hover         { color: blue; text-decoration: underline}