Initial commit

1 files changed, 248 insertions, 0 deletions

diff --git a/css/main.css b/css/main.css
new file mode 100755
index 0000000..84647e4
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,248 @@
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+body {
+  font-family: "EB Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  margin: 0px;
+  font-size: 16px;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "kern";
+  -webkit-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern";
+  -moz-font-feature-settings: "kern=1";
+}
+
+h1 {
+  font-size: 25px;
+  padding-bottom: 0px;
+  margin: 0 0 0px 0;
+  font-weight: normal;
+}
+
+h2 {
+  padding-top: 9px;
+  border-top: 1px solid #bbb;
+  font-size: 20px;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-bottom: 3px;
+  font-weight: normal;
+}
+
+h3 {
+  border-top: 1px solid #bbb;
+  padding-top: 10px;
+  font-size: 18px;
+  margin: 0 0 2px 0;
+  font-weight: normal;
+}
+
+p {
+  margin-top: 0;
+}
+
+.about {
+  margin-top: 17px;
+}
+
+a { color: black; text-decoration:underline; }
+a:visited {  }
+a:hover { text-decoration: none; }
+
+h1 a { color: black; text-decoration: none; }
+
+h3 a { text-decoration:none; }
+h3 a:hover { text-decoration:underline; }
+
+ul { list-style: none; margin: -2px 0 0 0; padding: 0; }
+li { padding: 2px 0 2px 0; color: #888; }
+
+li a { text-decoration: none; }
+li a:visited { text-decoration: none; }
+li a:hover { text-decoration: underline; }
+
+.project {
+  margin-top: 0;
+  padding-top: 0;
+  width: 320px;
+  position: relative;
+  margin-bottom: 0;
+}
+
+.project p {
+  margin-bottom: 0;
+}
+
+.project h2 {
+  margin-bottom: 0;
+}
+
+.divider {
+  margin-left: auto;
+  margin-right: auto;
+  width: 20px;
+}
+
+.project .links {
+  padding-bottom: 5px;
+}
+
+.content {
+  padding: 5px;
+}
+
+[class*='col-'] {
+	float: left;
+	padding-right: 20px;
+}
+
+[class*='col-']:last-of-type {
+	padding-right: 0px;
+}
+
+.grid {
+	max-width: 940px;
+	min-width: 940px;
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+.grid:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.grid-pad {
+	padding: 10px 0 0px 20px;
+}
+
+.grid-pad > [class*='col-']:last-of-type {
+	padding-right: 20px;
+}
+
+.push-right {
+	float: right;
+}
+
+/* Content Columns */
+
+.col-1-1 {
+	width: 100%;
+}
+.col-2-3, .col-8-12 {
+	width: 66.66%;
+}
+
+.col-1-2, .col-6-12 {
+	width: 50%;
+}
+
+.col-1-3, .col-4-12 {
+	width: 33.33%;
+}
+
+.col-4point5-12 {
+	width: 37.5%;
+}
+
+.col-1-4, .col-3-12 {
+	width: 25%;
+}
+
+.col-1-5 {
+	width: 20%;
+}
+
+.col-1-6, .col-2-12 {
+	width: 16.667%;
+}
+
+.col-1-7 {
+	width: 14.28%;
+}
+
+.col-1-8 {
+	width: 12.5%;
+}
+
+.col-1-9 {
+	width: 11.1%;
+}
+
+.col-1-10 {
+	width: 10%;
+}
+
+.col-1-11 {
+	width: 9.09%;
+}
+
+.col-1-12 {
+	width: 8.33%
+}
+
+/* Layout Columns */
+
+.col-11-12 {
+	width: 91.66%
+}
+
+.col-10-12 {
+	width: 83.333%;
+}
+
+.col-9-12 {
+	width: 75%;
+}
+
+.col-5-12 {
+	width: 41.66%;
+}
+
+.col-7-12 {
+	width: 58.33%
+}
+
+@media handheld, only screen and (max-width: 767px) {
+  body {
+    font-size: 17px;
+  }
+
+	.grid {
+    min-width: 320px;
+    max-width: 320px;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 0;
+		padding-right: 0;
+	}
+
+  .col-3-12.left-shunt {
+    width: 0;
+    height: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  h1 {
+    margin-bottom: 0;
+  }
+
+  .project {
+    height: auto;
+    width: 310px;
+  }
+
+	[class*='col-'] {
+		width: auto;
+		float: none;
+		margin-left: 0px;
+		margin-right: 0px;
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+}