working with a softer black

themes/default/static/css/main.css

@@ -7,6 +7,7 @@ body{
 	font-size: 16pt;
 	line-height: 1.6;
 	letter-spacing: 0.25pt;
+	color: rgb(60, 60, 60);
 }
 header#banner{
 	width: 100%;
@@ -24,7 +25,6 @@ header#banner{
 nav#menu{
 	width: calc(100% + 20em);
 	text-align: center;
-	/*background-color: magenta;*/
 	border-radius: 1em;
 	padding: 0.5em;
 	margin:0 0 0 -9.5em;
@@ -32,7 +32,7 @@ nav#menu{
 	nav#menu li{
 		font-size: 13pt;
 		line-height: 1.4;
-		background-color: black;
+		background-color: rgb(60, 60, 60);
 		color:white;
 		border-radius: 1em;
 		margin:0.5em 0;
@@ -45,6 +45,7 @@ nav#menu{
 	}
 	nav#menu li.active{
 		background-color: beige;
+		color: rgb(60, 60, 60);
 	}
 	nav#menu li.pagelink{
 		height: 1.5em;
@@ -67,10 +68,9 @@ article{
 /* big pink boxes for the section titles */
 h1.category{
 	width: calc(100% - 4em);
-	background-color: magenta;
+	background-color: beige;
 	padding: 2em;
 	margin: 2em 0;
-	color:white;
 	font-size: 32px;
 	text-align: center;
 }
@@ -85,7 +85,7 @@ a,
 a:visited, 
 a:hover, 
 a:active{
-	color:inherit;
+	color: rgb(60, 60, 60);
 }
 a.nounderline{
 	text-decoration: none;
@@ -101,5 +101,4 @@ hr{
 .lastupdate{
 	font-size: smaller;
 	margin:4em 0;
-	color:magenta;
 }