Short theme version 1

style.css

@@ -1,54 +1,144 @@
 body {
 	background: #fff;
-	font: 15px Arial, Helvetica, sans-serif;
+	font: 14px 'Open Sans' Helvetica, Arial, sans-serif;
 	line-height: 1.4;
-	margin: 50px 0;
+	margin: 0 0;
 	margin-bottom: 100px;
 }
 em {
 	color: #999;
 }
 p {
-	line-height: 1.4;
+	line-height: 1.6;
+	font-size: 90%;
+}
+
+a {
+	color: #2C85B1;
+	text-decoration: none;
+	font-weight: 400;
 }
 ul {
 	margin-bottom: 0;
 }
 section {
-	margin-bottom: 2em;
+	margin: 1em 0 2em;
 }
 blockquote {
 	margin: 0;
 	margin-bottom: 1em;
 }
-.item {
-	margin-bottom: 1em;
-}
 #resume {
-	margin: 0 auto;
-	max-width: 480px;
+	margin: 2em 2em 2em 2.5em;
+	max-width: 960px;
 	padding: 0 20px;
 }
-#basics {
-	margin-bottom: -10px;
-}
-#basics h3 {
-	margin-top: 1.5em;
-}
-#basics .contact strong,
-#location strong {
-	clear: both;
-	float: left;
-	line-height: 1.3;
-	width: 120px;
-}
-#profiles,
-#skills {
-	overflow: hidden;
-}
-#profiles .item,
-#skills .item {
-	float: left;
-	width: 50%;
+
+/* Resume heading */
+.heading header { 
+
 }
 
+.heading header h1 {
+	font-size: 180%;
+	margin: 0.5em 0;
+	font-weight: 600;
+}
+
+.heading header h2 {
+	font-size: 140%;
+	margin: 0;
+	font-weight: 400;
+}
+
+.heading header .contact .detail {
+	margin: 0 1em 0 0;
+}
+
+#profiles .profile {
+	display: inline-block;
+	margin: 0 1em 0 0;
+}
+
+#profiles .profile strong,
+#profiles .profile span {
+	margin: 0 1em 0 0;
+}
+/* section / line breaks */
+section h2 {
+	font-size: 140%;
+	margin: 0 0 1em;
+	text-transform: uppercase;
+	color: #BC1B39;
+	font-weight: 400;
+}
+
+/* Experience items */
+.item {
+	margin: 0 0 1em;
+	padding: 0 0 1em;
+	border-bottom: 1px solid #F2EBEC;
+}
+
+.item:last-child {
+	border-bottom: none;
+}
+
+
+.item header h3 {
+	margin: 0.2em 1em 0.2em 0;
+	display: inline-block;
+	font-weight: 600;
+}
+
+.item header a {
+	display: inline-block;
+}
+
+.item .position {
+	font-weight: 600;
+	font-size: 100%;
+	margin: 0.2em 1em 0.2em 0;
+}
+
+.item .startDate,
+.item .endDate {
+	color: #6B6B6B;
+}
+
+.item .summary {
+	font-size: 90%;
+}
+
+.item .highlights {
+	list-style: square;
+	font-size: 90%;
+}
+
+/* skills */
+#skills .item {
+	margin: 0.4em 0;
+	padding: 0;
+	font-size: 90%;
+	border-bottom: 0;
+}
+
+#skills .item .name {
+	font-weight: 600;
+	display: inline-block;
+	text-transform: uppercase;
+	margin: 0 1em 0 0;
+}
+
+#skills .item .keywords {
+	display: inline-block;
+}
+
+/* education */
+#education .item {
+	display: inline-block;
+	width: 49.5%;
+	border-bottom: 0;
+}
+
+