Change appearance for hypertext links

1 files changed, 18 insertions, 3 deletions

diff --git a/style/style.css b/style/style.css
index ad4d7f8..c11a8c7 100644
--- a/style/style.css
+++ b/style/style.css
@@ -11,6 +11,11 @@ h1 {
 	text-align: center;
 }
 
+a, a:link, a:hover, a:visited {
+	color: black;
+	text-decoration: none;
+}
+
 nav {
 	text-align: center;
 }
@@ -18,13 +23,22 @@ nav {
 nav a, nav span {
 	display: inline-block;
 	margin: 1em;
-	padding: 2px;
+	padding: 2px 3px;
 	text-align: center;
-	background: #fffedf;
-	border: 1px solid #ff6600;
+	background: #ff6600;
+	border: 1px solid #000;
 	border-radius: 4px;
 }
 
+nav span {
+	background: #fffedf;
+	color: #aaa;
+}
+
+nav a:hover {
+	background: #fffedf;
+}
+
 article {
 	float: left;
 	text-align: center;
@@ -33,6 +47,7 @@ article {
 article img {
 	width: 160px;
 	height: 120px;
+	border: 5px solid #ff6600;
 }
 
 article#prev, article#next {