Significant styling updates and some skills pruning

Updated the header to be shorter. Simplified styles to make employer
names, dates of employment, and job titles line up better and more
easily. Also removed a fair amount of unused styling.

Changed the styling of job titles and dates to better accomodate
multiple titles at a job. This is now a bulleted list to make styling
and padding easier.

Fixed printing styles so now it prints as it renders in the web page.

Finally, pruned some old skills to either make them fit on one line or
remove them completely as they are old.

2 files changed, 81 insertions, 71 deletions

diff --git a/res/style-header.css b/res/style-header.css
index 809f694..c85746c 100644
--- a/res/style-header.css
+++ b/res/style-header.css
@@ -1,53 +1,44 @@
 /**
  * Resume author and author-details styles
  */
-div.resume-author-sect {
-  width:100%;
-  vertical-align:top;
-  margin-top:0px;
-  margin-bottom:10px;
-  letter-spacing:0px;
-}
+div#resume-author-sect { text-align:center; }
 
-/* Author left side, containing author name */
-div.resume-author-name {
+div#resume-author-name,
+div#resume-author-contact {
   display:inline-block;
-  font-size:2.8em;
-  font-weight:200;
-  border-right:2px dotted #aaa;
-  text-align:right;
-  padding: 0px 30px 0px 0px;
-  width:46%;
-  color:#111;
+  padding:0rem 3rem;
 }
 
-div.resume-author-name p {
-  margin:1px;
+/* Author right side, containing author email, phone, website, etc */
+div#resume-author-contact {
+  border-left:2px dotted #ccc;
 }
 
-/* Author right side, containing author email, phone, website, etc */
-div.resume-author-contact {
-  padding: .9em 0em 0em 2em;
-  display:inline-block;
+/* Author left side, containing author name */
+div#resume-author-name {
+  font-size:4.2em;
+  font-weight:200;
+  letter-spacing:-.05em;
   vertical-align:top;
+  margin-top:.20em;
+  line-height:1em;
+  color:#555;
 }
 
-div.resume-author-contact ul,
-div.resume-author-contact div {
-  margin:0px;
-  padding-left:0px;
+div#resume-author-contact ul {
   list-style-type:none;
-  font-size: 1.1em;
+  margin:0;
+  padding:0;
 }
 
-div.resume-author-contact ul li,
-div.resume-author-contact ul li a,
-div.resume-author-contact div.line,
-div.resume-author-contact div.line a {
+div#resume-author-contact ul li,
+div#resume-author-contact ul li a{
   text-decoration:none;
-  font-family: mono;
-  color:#333;
+  font-family:mono;
+  color:#555;
   white-space:pre;
 }
 
-div.resume-author-contact ul li a:hover { text-decoration:underline; }
+div#resume-author-contact ul li a:hover{
+  text-decoration:underline;
+}
diff --git a/res/style-markdown.css b/res/style-markdown.css
index d2af317..c753a5a 100644
--- a/res/style-markdown.css
+++ b/res/style-markdown.css
@@ -10,11 +10,11 @@ body {
   margin:0px;
 }
 
-@page {
+/*@page {
   size: auto;
-  margin: .2in;
-  margin-top: .2in;
-}
+  margin: .5in;
+  /*margin-top: .5in;
+}*/
 
 @media screen {
   body {
@@ -31,13 +31,6 @@ body {
 }
 
 
-@media print {
-  body {
-    margin-top:2px;
-    font-size:12px;
-  }
-}
-
 
 h1 {
   text-align:right;
@@ -46,10 +39,10 @@ h1 {
   font-weight:400;
   border-top:3px solid #bbb;
   border-bottom:1px solid #bbb;
-  padding:0.1em;
-  /*margin-top:22px;*/
+  padding:0.2em;
   margin-top:1.2em;
   margin-bottom:0.2em;
+  background-color:#fbfbfb;
 }
 
 h2 {
@@ -57,34 +50,14 @@ h2 {
   color:#222;
   font-size:2.0em;
   font-weight:400;
+  letter-spacing:-.02em;
   display:inline-block;
-  width:60%;
-  vertical-align:middle;
-
-  margin-top:.9em;
-  margin-bottom:0.4em;
-  padding:.05em 0em;
-}
-
-
-div.jobmeta {
-  display:inline-block;
-  width:39%;
-  text-align:right;
-  color:#777;
-  font-size:1.0em;
-
-  vertical-align:middle;
-  line-height:1.4em;
-
-  padding:.1em 0em;
-  margin-top:1.5em;
-  margin-bottom:.5em;
+  vertical-align:top;
 
-  /*border-left:2px dotted #aaa;*/
+  width:50%;
+  text-align:left;
 }
 
-
 div.witty-remark { color:#aaa; }
 
 ul {
@@ -113,3 +86,49 @@ div#profile ul li {
   margin-left:.8em;
   padding-left:.2em;
 }
+
+
+div.jobmeta {
+  display:inline-block;
+  width:49%;
+  /*text-align:right;*/
+  color:#777;
+  padding:.1em 0em;
+  margin-right:0;
+  position:sticky;
+}
+
+div.jobmeta ul,
+div.jobmeta ul li {
+  list-style-type:none;
+  border:none !important;
+  margin:0 !important;
+  padding:.2em 0 !important;
+  line-height:1em;
+  text-align:right;
+}
+div.jobmeta p.dates {
+  font-weight:800;
+  padding:0;
+  margin:0;
+  display:inline-block;
+  vertical-align:middle;
+}
+h2 { margin-top:1.5rem; }
+div.jobmeta { margin-top:1rem; }
+
+div#education {
+  text-align:left;
+}
+
+
+@media print {
+  @page {
+    size:auto;
+    margin:8mm 7mm;
+  }
+  body {
+    font-size:10pt;
+  }
+}
+