Color coded tabs. All CSS moved to main.css

assets/css/main.css

@@ -1,22 +1,26 @@
-
-
-/* ==========================================================================
-   Author's custom styles
-   ========================================================================== */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+body {
+	padding-top: 60px;
+	padding-bottom: 20px;
+}
+
+h1#logo {
+	font-family: kaushan-script, serif;
+}
+
+footer{
+	font-style:italic;
+}
+
+#high-tab{
+	color:#CB423C;
+}
+#medium-tab{
+	color:#F99A13;
+}
+#low-tab{
+	color:#389FBD;
+}
+.nav .active{
+	font-weight:bold;
+	color:inherit;
+}

index.html

@@ -11,18 +11,6 @@
         <meta name="viewport" content="width=device-width">
 
         <link rel="stylesheet" href="assets/css/bootstrap.min.css">
-        <style>
-            body {
-                padding-top: 60px;
-                padding-bottom: 20px;
-            }
-			h1#logo {
-				font-family: kaushan-script, serif;
-			}
-			footer{
-				font-style:italic;
-			}
-        </style>
         <link rel="stylesheet" href="assets/css/bootstrap-responsive.min.css">
         <link rel="stylesheet" href="assets/css/main.css">
 
@@ -45,9 +33,9 @@ <h1 id="logo"></h1>
 				<br/>
 
 				<ul class="nav nav-tabs">
-				  <li class="active"><a href="#high-priority" data-toggle="tab">High Priority</a></li>
-				  <li><a href="#medium-priority" data-toggle="tab">Medium Priority</a></li>
-				  <li><a href="#low-priority" data-toggle="tab">Low Priority</a></li>
+				  <li class="active"><a id="high-tab" href="#high-priority" data-toggle="tab">High Priority</a></li>
+				  <li><a id="medium-tab" href="#medium-priority" data-toggle="tab">Medium Priority</a></li>
+				  <li><a id="low-tab" href="#low-priority" data-toggle="tab">Low Priority</a></li>
 				</ul>
 
 				<div class="tab-content projects">

project.md

@@ -10,7 +10,7 @@ High Priority
 Medium Priority
 -----------
 
-  - Contact
+  - Media
   - Information
   - Products
   - Contact Us