Font: Lucida Grande, Lucida Sans, Verdana, sans-serif; Minor adjustments

2 files changed, 29 insertions, 8 deletions

diff --git a/style-fonts.css b/style-fonts.css
new file mode 100644
index 0000000..43fa341
--- /dev/null
+++ b/style-fonts.css
@@ -0,0 +1,13 @@
+
+@font-face{
+    font-family:"Lucida Grande";
+    src:url(/fonts/lucida_grande_regular-webfont.woff2) format('woff2'),
+        url(/fonts/lucida_grande_regular-webfont.woff) format('woff');
+    font-weight:normal;font-style:normal;}
+
+@font-face{
+    font-family:"Lucida Grande";
+    src:url(/fonts/lucida_grande_bold-webfont.woff2) format('woff2'),
+        url(/fonts/lucida_grande_bold-webfont.woff) format('woff');
+    font-weight:bold;font-style:normal;}
+
diff --git a/style.css b/style.css
index 2a7759c..cdfe98d 100755
--- a/style.css
+++ b/style.css
@@ -35,9 +35,14 @@
  * 1.1.3.2.1 Column
  * 1.1.3.2.2 Clear
  *
- * Normal font size: 14px w/ line-height 1.4. Note: 16px=1em is browser/css default.
+ * Normal font size: 14px w/ line-height 1.4. 
+ * Note: 14px = 0.875em = 10.5pt = 3.6898mm = 0.1453inch (1 point = 1pt = 1/72in (cala) = 0.3528 mm)
+ * Note: 16px (1em) is browser/css default.
+ * Note: Wiki also uses 14px (0.875em)
  */
-body {padding:0; margin:0; color:#111111; background: #ffffff; font-family: arial, verdana, helvetica, sans-serif; font-size:14px; line-height:1.4;}
+@import url("/style-fonts.css");
+
+body {padding:0; margin:0; color:#111111; background: #ffffff; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height:1.4;}
 
 a {color:#111111; border-style:none; padding: 2px; text-decoration: underline; text-decoration-style: dotted}
 a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padding: 2px; }
@@ -49,14 +54,14 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd
 #header {height:90px; min-width:800px; display:block; }
 #logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;}
 #logo a { text-decoration:none; }
-#logo img {  margin-top: -10px; border-style:none; }
+#logo img {  margin: -10px 0 0 5px; border-style:none; }
 #slogan {float:right; font-size:18px; color:#444444; padding:0 8px 0 0; position: absolute; top:62px; right:0; display:inline-block; }
 */
 /** Allow slogan to be invisible to the right space via min-width:560px */
 #header {height:90px; min-width:560px; display:block; }
 #logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;}
 #logo a { text-decoration:none; }
-#logo img {  margin-top: -10px; border-style:none; }
+#logo img {  margin: -10px 0 0 5px; border-style:none; }
 #slogan {float:right; font-size:18px; color:#444444; padding:62px 8px 0 0; right:0; display:inline-block; }
 
 /*webside theme colors*/
@@ -78,6 +83,9 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd
 .fill {margin-right:0 !important;}
 .centered {margin-left: auto; margin-right: auto; text-align: center;}
 .clear {clear: both; padding: 16px 0 0 0}
+.clearcentered {clear: both; padding: 16px 0 0 0; margin-left: auto; margin-right: auto; text-align: center;}
+.codetight {float: left; font-family: monospace; font-size:12px; line-height:normal; text-align: left; display: block; white-space: pre;}
+.code {float: left; font-family: monospace; font-size:13px; line-height:normal; text-align: left; display: block; white-space: pre;}
 .column {float: left; padding: 0 16px 16px 8px; }
 .splash {margin-left: auto; margin-right: auto; font-size:22px; }
 
@@ -89,10 +97,10 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd
 
 #text {margin-right:225px; padding:10px 25px 25px 25px; min-width:350px; }
 #text img { padding: 5px; }
-#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
-#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
-#text h3 {font-size:16px; font-weight:normal; margin:18px 0 10px 0;}
-#text h4 {font-size:14px; font-weight:normal; margin:18px 0 10px 0;}
+#text h1 {font-size:20px; font-weight:normal; margin:18px 0 10px 0;}
+#text h2 {font-size:18px; font-weight:normal; margin:16px 0 10px 0;}
+#text h3 {font-size:16px; font-weight:normal; margin:14px 0 10px 0;}
+#text h4 {font-size:14px; font-weight:bold; margin:14px 0 10px 0;}
 
 #text ul { padding: 0.3em 0em 0.3em 1em; }
 #text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.8em; list-style: none; }