Gh pages

css/index.css

@@ -12,7 +12,7 @@ a{ color: hsl(240,80%,70%); }
 a:hover{ color: hsl(240,80%,80%); }
 #content{}
 .words{
-	width: 670px;
+	max-width: 670px;
 	margin: 0 auto;
 }
 #content p{
@@ -60,7 +60,7 @@ li{
 	margin-top: 0;
     font-size: 0.8em;
     text-align: center;
-    width: 260px;
+    max-width: 260px;
     line-height: 1.2em;
 }
 #content p.caption-test{
@@ -72,14 +72,14 @@ li{
 	margin: 0 auto;
 }
 .sim-intro{
-	width: 600px;
+	max-width: 600px;
 }
 .sim-ballot{
-	width: 670px;
+	max-width: 670px;
 	margin: 35px auto 50px auto;
 }
 .sim-test{
-	width: 800px;
+	max-width: 800px;
 	margin: 50px auto 40px auto;
 }
 #content p.quote{

css/slides.css

@@ -0,0 +1,66 @@
+/*todo: fix horizontal scrolling
+*/
+
+div.target  {
+	margin: 0;
+	padding: 0;
+}
+
+#main {
+	margin-left: 500px;
+	position:relative;
+	right: 20px;
+}
+
+#main div.target {
+	background: #ccc;
+}
+
+#main div.target:nth-child(even) {
+	background: #eee;
+}
+
+#nav {
+	font-size: 10px;
+	top: 0%;
+
+/*	just for start*/
+	position: absolute;
+	top: 200%;
+	height: 100%;
+	left: 20px;
+}
+
+#nav a {
+	border-bottom: 1px solid #666;
+	color: #333;
+	display: block;
+	padding: 1px;
+	text-align: center;
+	text-decoration: none;
+}
+
+#nav a:hover, #nav a.active {
+	background: #666;
+	color: #fff;
+}
+
+#nav nav {
+	left: 0;
+	width: 100px;
+	height: 20%;
+	position: absolute;
+}
+
+#fixedbox {
+	width: 458px;
+	height: 100%;
+}
+
+.anchor {
+	display: block;
+	position: relative;
+	height: 400px;
+	margin-top: -400px;
+	visibility: hidden;
+}