Finish Main Page

includes/index.css

@@ -22,20 +22,25 @@ header[role="banner"] {
 
 a {
   text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-a:active {
-  text-decoration: none;
+  color: #00F;
 }
 
 a:visited {
   text-decoration: none;
+  color: #00F;
 }
 
+a:hover {
+  text-decoration: underline;
+  color: #00F;
+}
+
+a:active {
+  text-decoration: none;
+  color: #00F;
+}
+
+
 
 nav[role="navigation"] ul {
   float: right;
@@ -43,8 +48,7 @@ nav[role="navigation"] ul {
   margin: 0;
   margin-top:60px;
   margin-right: 10px;  
-  color: #BBB;
-  
+  color: #BBB;  
 }
 
 nav[role="navigation"] li {
@@ -132,6 +136,7 @@ ul#socialbar li.twitter a:hover {
 }  
 
 footer {
+ clear:both;
  background: #AAA;
  font-size:0.8rem;
  text-align:center;
@@ -160,4 +165,68 @@ footer a:active {
 #calendar {
   width: 1024px;
   margin: 0 auto;
+}
+
+section.news {
+  width: 80%;  
+}
+
+section.news header {
+  text-align:center;
+}
+
+section.news article header h3 {
+  margin: 0;  
+}
+
+section.news article header time {
+  font-size: 0.9rem;
+}
+
+section.news article p {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+section.introduction {
+  width: 80%;
+  margin-top: -15px;
+}
+
+section.right {
+  float: right;
+  width: 20%;
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
+section.quotes {
+  border: 3px solid #CCC;
+  border-left: 0;
+  border-right: 0;
+  margin: 0;
+  padding: 2px 0;
+  width: 100%;  
+  text-align: right;
+  font-size: 1rem;
+  color: #777;
+}
+
+section.biography {
+  width: 100%;
+  margin-top: 10px;
+  padding-left: 10px;
+}
+
+section.biography header {
+  font-size: 1rem;
+  font-weight: bold;
+  text-align:center;
+}
+
+section.biography p {
+  font-size: 0.8rem;
+  text-align:justify;
+  margin-right: 10px;
+  line-height: 1.5rem;
 }