Working on schedule page

css/styles.css

@@ -637,3 +637,10 @@ a.button:hover { opacity: 0.8; }
 .member span {
 	display: block;
 }
+
+/*********************************************
+ * Team members
+ *********************************************/
+.schdule {
+	
+}

html/css/styles.css

@@ -235,16 +235,17 @@ nav ul {
 	margin: 0;
 	padding: 0;
 }
-nav ul > li {
+nav ul li {
+	position: relative;
+}
+
+nav .menu > li {
 	float: left;
 	margin: 0;
 	padding: 0;
 }
-nav ul a {
+
-	color: #000;
+nav .menu > li {
-	text-decoration: none;
-	display: block;
-	padding: 1.5em 0.4em;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
@@ -252,9 +253,56 @@ nav ul a {
 	-webkit-transition: border-top 200ms;
 	border-top: 0 solid #FFF;
 }
-nav ul a:hover {
+
+nav .menu > li:hover {
 	border-top: 0.4em solid #A8D6FF;
 }
+
+.menu li.fa::before {
+	display: block;
+	padding: 30px 4px 0 4px;
+}
+
+
+.menu li.fa a {
+	padding-top: 0;
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	height: 52px;
+	width: 10px;
+}
+
+nav ul a {
+	color: #000;
+	text-decoration: none;
+	display: block;
+	padding: 1.5em 0.4em;
+}
+
+nav ul .sub-menu {
+	display: none;
+	position: absolute;
+	background: #fff;
+	width: 200px;
+	left: 50%;
+	margin-left: -100px;
+	box-shadow: 0 3px 5px -3px #000
+}
+
+nav ul li:hover .sub-menu {
+	display: block;
+	position: absolute;
+}
+
+nav ul .sub-menu  li,
+nav ul .sub-menu  li a { display: block; width: 100%; }
+
+nav ul .sub-menu  li a { padding: 1em 0; text-align: center; }
+
+nav ul .sub-menu  li { border-bottom: 1px solid #ccc; }
+
 nav ul .separator {
 	display: block;
 	width: 0.05em;
@@ -306,15 +354,15 @@ nav .selected {
 /* Banner */
 
 .banner {
-	height: 245px;
+	height: 258px;
 	background: url("../img/banner.jpg") no-repeat;
 	background-size: cover;
-	padding: 4em 0 0 0;
+	padding: 0.2em 0 0 0;
 }
 .banner img {
 	display: block;
 	max-width: 100%;
-	height: 157px;
+	height: 247px;
 	margin: 0 auto;
 }
 @media all and (max-width: 840px) {
@@ -350,6 +398,10 @@ nav .selected {
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
+.grid .col3:nth-child(3n + 1) {
+	clear: both;
+	padding: 0;
+}
 .grid .col4 {
 	width: 25%;
 	float: left;
@@ -357,6 +409,10 @@ nav .selected {
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
+.grid .col4:nth-child(4n + 1) {
+	clear: both;
+	padding: 0;
+}
 .grid .col-left {
 	width: 70%;
 	float: left;
@@ -368,10 +424,15 @@ nav .selected {
 .grid .col-right {
 	width: 30%;
 	float: left;
+    margin-bottom: 2em;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
+.grid .col-right .content {
+    width: 100%;
+}
+
 @media all and (max-width: 600px) {
 	.grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right {
 		width: 100%;
@@ -415,7 +476,7 @@ h4 {
 /* Footer */
 
 footer {
-	margin: 2em 0 0 0;
+	margin: -0.3em 0 0;
 	padding-top: 1em;
 	padding-bottom: 1em;
 	-webkit-box-sizing: border-box;
@@ -424,16 +485,26 @@ footer {
 	background: #ddd;
 }
 
+footer .content li { list-style: none; }
+
+#copyright { 
+	text-align: center;
+}
+
 /* Sub navigation */
 .subnav {
 	margin-top: 1.6em;
 	list-style: none;
 	padding-left: 0;
 }
+.subnav .menu {
+    margin-left: -2.2em;
+}
 .subnav li {
 	float: left;
 	padding: 0;
 	margin: 0 1em 0 0;
+    list-style: none outside;
 }
 .subnav li.selected {
 	font-weight: bold;
@@ -462,9 +533,9 @@ footer {
 	float: left;
 	padding: 0.3em;
 	background: #FFF;
-	-moz-box-shadow:    0px 0px 1px 1px #999;
+	-moz-box-shadow:	0px 0px 1px 1px #999;
 	-webkit-box-shadow: 0px 0px 1px 1px #999;
-	box-shadow:         0px 0px 1px 1px #999;
+	box-shadow:			0px 0px 1px 1px #999;
 	margin: 0 1em 2em 0;
 }
 .speaker .icons {
@@ -492,3 +563,77 @@ footer {
 	display: inline-block;
 	margin: 0 0 2em 0;
 }
+
+/* Plugins */
+.gmp_map_opts {
+	float: none !important;
+    margin-top: 2em !important;
+} 
+
+
+/*********************************************
+ * GLOBAL STYLES (Small style changes)
+ *********************************************/
+
+h1 { font-size: 1.8em; }
+h2 { font-size: 1.8em; }
+h3 { font-size: 1.6em; }
+h4 { font-size: 1.4em; }
+h5 { font-size: 1.2em; }
+h6 { font-size: 1.0em; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: normal; }
+
+a { color: #428bca; text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+
+/*********************************************
+ * Navigation
+ *********************************************/
+
+nav .menu > li { margin: 1px 10px; }
+
+/*********************************************
+ * Tagline & Sponsors 
+ *********************************************/
+
+.col2.tagline { width: 70%; }
+
+.col2.sponsors { width: 30%; }
+
+.separator { margin: 2.4em 0; height: 1px; background: #DBDBDB; }
+
+section.content.grid.homepage { margin-top: 2em; }
+
+h4 { margin: 1em 0; }
+
+a.footer { color: #333; }
+
+a.button { text-decoration: none; color: #333; }
+
+a.button:hover { opacity: 0.8; }
+
+/*********************************************
+ * Team members
+ *********************************************/
+
+.members {
+	margin: 0 0 2em 0;
+}
+.member {
+	margin: 0 0 1em 0;
+}
+.member a {
+	display: block;
+}
+.member a > img {
+	padding: 0.3em;
+	background: #FFF;
+	-moz-box-shadow:	0px 0px 1px 1px #999;
+	-webkit-box-shadow: 0px 0px 1px 1px #999;
+	box-shadow:			0px 0px 1px 1px #999;
+}
+.member span {
+	display: block;
+}

html/team.html

@@ -17,7 +17,7 @@
         <title>OpenFest</title>
 
         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="../css/styles.css">
+        <link rel="stylesheet" href="./css/styles.css">
         
     </head>
     <body>