diff --git a/couchpotato/static/style/fonts.scss b/couchpotato/static/style/fonts.scss
new file mode 100644
index 00000000..ae592a78
--- /dev/null
+++ b/couchpotato/static/style/fonts.scss
@@ -0,0 +1,69 @@
+
+/* Fonts */
+@font-face {
+  font-family: 'Elusive-Icons';
+  src:url('../fonts/Elusive-Icons.eot');
+  src:url('../fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/Elusive-Icons.woff') format('woff'),
+    url('../fonts/Elusive-Icons.ttf') format('truetype'),
+    url('../fonts/Elusive-Icons.svg#Elusive-Icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('../fonts/OpenSans-Regular-webfont.eot');
+    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('../fonts/OpenSans-Italic-webfont.eot');
+    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
+    font-weight: normal;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('../fonts/OpenSans-Bold-webfont.eot');
+    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Lobster';
+    src: url('../fonts/Lobster-webfont.eot');
+    src: url('../fonts/Lobster-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/Lobster-webfont.woff') format('woff'),
+         url('../fonts/Lobster-webfont.ttf') format('truetype'),
+         url('../fonts/Lobster-webfont.svg#lobster_1.4regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
diff --git a/couchpotato/static/style/main.scss b/couchpotato/static/style/main.scss
new file mode 100644
index 00000000..889a2b02
--- /dev/null
+++ b/couchpotato/static/style/main.scss
@@ -0,0 +1,19 @@
+@import "fonts";
+
+body, html {
+	font-size: 12px;
+	line-height: 1.5;
+	font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	background: #FFF;
+	-webkit-font-smoothing: subpixel-antialiased;
+
+    &.noscroll {
+        overflow: hidden;
+    }
+}
+
+body { overflow-y: scroll; }
+
diff --git a/couchpotato/templates/index.html b/couchpotato/templates/index.html
index b4328001..211bcf64 100644
--- a/couchpotato/templates/index.html
+++ b/couchpotato/templates/index.html
@@ -7,14 +7,14 @@
 		<meta name="mobile-web-app-capable" content="yes">
 
 
-		{% for url in fireEvent('clientscript.get_styles', as_html = True, location = 'front', single = True) %}
+		{% for url in fireEvent('clientscript.get_styles', location = 'front', single = True) %}
 		<link rel="stylesheet" href="{{ Env.get('web_base') }}{{ url }}" type="text/css">{% end %}
-		{% for url in fireEvent('clientscript.get_scripts', as_html = True, location = 'front', single = True) %}
+		{% for url in fireEvent('clientscript.get_scripts', location = 'front', single = True) %}
 		<script type="text/javascript" src="{{ Env.get('web_base') }}{{ url }}"></script>{% end %}
 
-		{% for url in fireEvent('clientscript.get_scripts', as_html = True, location = 'head', single = True) %}
+		{% for url in fireEvent('clientscript.get_scripts', location = 'head', single = True) %}
 		<script type="text/javascript" src="{{ Env.get('web_base') }}{{ url }}"></script>{% end %}
-		{% for url in fireEvent('clientscript.get_styles', as_html = True, location = 'head', single = True) %}
+		{% for url in fireEvent('clientscript.get_styles', location = 'head', single = True) %}
 		<link rel="stylesheet" href="{{ Env.get('web_base') }}{{ url }}" type="text/css">{% end %}
 
 		<link href="{{ Env.get('static_path') }}images/favicon.ico" rel="icon" type="image/x-icon" />
diff --git a/couchpotato/templates/login.html b/couchpotato/templates/login.html
index 35626221..2b196485 100644
--- a/couchpotato/templates/login.html
+++ b/couchpotato/templates/login.html
@@ -5,21 +5,21 @@
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
 		<meta name="apple-mobile-web-app-capable" content="yes">
 
-		{% for url in fireEvent('clientscript.get_styles', as_html = True, location = 'front', single = True) %}
+		{% for url in fireEvent('clientscript.get_styles', location = 'front', single = True) %}
 		<link rel="stylesheet" href="{{ Env.get('web_base') }}{{ url }}" type="text/css">{% end %}
-		
-		{% for url in fireEvent('clientscript.get_scripts', as_html = True, location = 'front', single = True) %}
+
+		{% for url in fireEvent('clientscript.get_scripts', location = 'front', single = True) %}
 		<script type="text/javascript" src="{{ Env.get('web_base') }}{{ url }}"></script>{% end %}
 
 		<link href="{{ Env.get('static_path') }}images/favicon.ico" rel="icon" type="image/x-icon" />
 		<link rel="apple-touch-icon" href="{{ Env.get('static_path') }}images/homescreen.png" />
-		
+
 		<script type="text/javascript">
-			
+
 			window.addEvent('domready', function(){
 				new Form.Check($('remember_me'));
 			});
-			
+
 		</script>
 
 		<title>CouchPotato</title>
@@ -35,4 +35,4 @@
 			</div>
 		</form>
 	</body>
-</html>
\ No newline at end of file
+</html>