diff --git a/styles/_fonts.scss b/styles/_fonts.scss
new file mode 100644
index 0000000..811801e
--- /dev/null
+++ b/styles/_fonts.scss
@@ -0,0 +1,5 @@
+@charset "utf-8";
+
+$font-stack: Verdana, Arial, Helvetica, sans-serif;
+$banner-font: monospace;
+$credits-font: Arial, Helvetica, sans-serif;
diff --git a/styles/_palette.scss b/styles/_palette.scss
new file mode 100644
index 0000000..c4ae91b
--- /dev/null
+++ b/styles/_palette.scss
@@ -0,0 +1,18 @@
+@charset "utf-8";
+
+$background: #4C565E;
+$foreground: #757B81;
+$infobox:    #23272B;
+
+$nl-background:    #000000;
+$comic-background: #FFFFFF;
+
+$percent-border: #556677;
+
+$text-normal:  #B7BFC7;
+$text-accent:  #F6B33D;
+$text-credits: #E4E4D6;
+
+$link-normal:  #FF6600;
+$link-hover:   #EB5252;
+$link-visited: #ECECA3;
diff --git a/styles/megatokyo.scss b/styles/megatokyo.scss
new file mode 100644
index 0000000..89a4af5
--- /dev/null
+++ b/styles/megatokyo.scss
@@ -0,0 +1,27 @@
+@charset "utf-8";
+@import "fonts";
+@import "palette";
+
+body {
+	background-color: $infobox;
+	font-size: 0.8em;
+	font-family: $font-stack;
+	color: $text-normal;
+}
+
+a {
+	text-decoration: none;
+	color: $link-normal;
+
+	&:visited {
+		color: $link-visited;
+	}
+
+	&:hover {
+		color: $link-hover;
+	}
+}
+
+h3, h4, h5, h6 {
+	color: $text-accent;
+}