major updates across the theme to make it more user-centered

css/customstyles.css

@@ -62,17 +62,7 @@
 .gi-5x{font-size: 5em;}
 
 
-.fa-6x{font-size:900%;}
-.fa-7x{font-size:1100%;}
-.fa-8x{font-size:1300%;}
-.fa-9x{font-size:1500%;}
-.fa-10x{font-size:1700%;}
 
-i.border {
-
-    padding: 10px 20px;
-    background-color: whitesmoke;
-}
 
 
 .breadcrumb > .active {color: #777 !important;}
@@ -91,8 +81,8 @@ dt[id]{
 
 body h1 {margin-top:40px;}
 
-img {
-max-width: 650px;
+.post-content img {
+max-width: 610px;
 margin: 12px 0px 3px 0px;
 }
 
@@ -186,7 +176,7 @@ table th[class*="col-"] {
 
 table td:first-child {
   width: 150px;
-  font-weight:bold;
+  /*font-weight:bold;*/
 }
 
 table tr td {
@@ -256,28 +246,32 @@ margin: 3px;
 }
 
 div#toc ul li {
-margin: 3px 18px;
+margin: 0px 0px 3px 10px;
 font-size: 90%;
+list-style: none;
 }
 div#toc ul {
 background-color: whitesmoke;
-padding: 10px;
+padding-left: 1px;
 border-radius: 5px;
-list-style: square;
 max-width: 300px;
-padding-top:10px;
+padding-top:3px;
 color: gray;
 }
 
 div#toc ul li ul {
-  padding:0px;
+  padding-left:8px;
 
 }
 
+div#toc ul li ul li::before {
+  content: "–  ";
+}
+
 div#toc >ul::before {
-  content: "Contents";
-  font-weight:bold;
-  color: black;
+  /*content: "Contents";*/
+  font-weight: 300;
+  color: #555;
 }
 
 li.dropdownActive a {
@@ -575,6 +569,65 @@ hr.shaded {
     box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
 }
 
+.fa-6x{font-size:900%;}
+.fa-7x{font-size:1100%;}
+.fa-8x{font-size:1300%;}
+.fa-9x{font-size:1500%;}
+.fa-10x{font-size:1700%;}
+
+i.border {
+    padding: 10px 20px;
+    background-color: whitesmoke;
+}
+
 a[data-toggle] {
-    color: orange;
+  color: #248EC2;
+}
+
+.summary {
+  padding-left: 10px;
+  font-size:120%;
+  color: #b62273;
+ border-left:2px solid #dedede;
+  margin:20px 0px 20px 0px;
+
+}
+
+.summary:before {
+  content: "Summary: ";
+  font-weight: bold;
+}
+
+.pageMetadata {
+  padding:13px;
+  margin:15px;
+  float:right;
+  border:1px solid #dedede;
+  background-color: whitesmoke;
+  width:200px;
+}
+
+.pageMetadataTitle {
+  font-size: 16px;
+  text-align: center;
+  margin-bottom:7px;
+}
+
+.metadataRow {
+  font-weight:500;
+  color: #555;
+}
+
+.pageMetadata p {
+  line-height: 14px;
+}
+
+a.fa.fa-envelope-o.mailto {
+  font-weight: 600;
+}
+
+h3 {color: #b62273; font-weight:normal; font-size:155%;}
+
+.alert, .callout {
+    overflow: hidden;
 }

css/projectstyles.css

@@ -0,0 +1,3 @@
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: #248ec2 !important;
+}