diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..bd22264
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,8 @@
+all: compile
+
+compile:
+	jade index.jade
+	cleancss styles/main.css -o styles/main.min.css
+	cleancss styles/general_foundicons.css -o styles/general_foundicons.min.css
+	cleancss styles/general_foundicons_ie7.css -o styles/general_foundicons_ie7.min.css
+	uglifyjs scripts/main.js -o scripts/main.min.js
diff --git a/fonts/general_foundicons.eot b/fonts/general_foundicons.eot
new file mode 100644
index 0000000..20733a0
Binary files /dev/null and b/fonts/general_foundicons.eot differ
diff --git a/fonts/general_foundicons.svg b/fonts/general_foundicons.svg
new file mode 100644
index 0000000..a934751
--- /dev/null
+++ b/fonts/general_foundicons.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+<defs >
+<font id="generalfoundicons" horiz-adv-x="955" ><font-face
+    font-family="General Foundicons"
+    units-per-em="1000"
+    panose-1="0 0 0 0 0 0 0 0 0 0"
+    ascent="1000"
+    descent="0"
+    alphabetic="0" />
+<missing-glyph horiz-adv-x="250" />
+<glyph unicode=" " glyph-name="space" horiz-adv-x="250" />
+<glyph unicode="~" glyph-name="asciitilde" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>
diff --git a/fonts/general_foundicons.ttf b/fonts/general_foundicons.ttf
new file mode 100644
index 0000000..90a5cce
Binary files /dev/null and b/fonts/general_foundicons.ttf differ
diff --git a/fonts/general_foundicons.woff b/fonts/general_foundicons.woff
new file mode 100644
index 0000000..daab631
Binary files /dev/null and b/fonts/general_foundicons.woff differ
diff --git a/index.html b/index.html
index 2809683..83cea5b 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><title>Brew Timer</title><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Offside"><link rel="stylesheet" href="styles/foundation.min.css"><link rel="stylesheet" href="styles/main.min.css"><script src="scripts/jquery.min.js"></script><script src="scripts/foundation.min.js"></script><script src="scripts/modernizr.foundation.js"></script><script src="scripts/main.min.js"></script></head><body><audio id="completed" preload="auto"><source src="sounds/clinking.mp3" type="audio/mpeg"><source src="sounds/clinking.wav" type="audio/wav"></audio><audio id="warning" preload="auto"><source src="sounds/answering_machine.mp3" type="audio/mpeg"><source src="sounds/answering_machine.wav" type="audio/wav"></audio><audio id="finished" preload="auto"><source src="sounds/beep.mp3" type="audio/mpeg"><source src="sounds/beep.wav" type="audio/wav"></audio><div id="wrapper" class="block-grid"><div id="header" class="row"><div class="ten columns centered"><h1>Brew Timer</h1></div></div><div id="timers" class="row"><div id="remaining" class="six columns"><div class="block-grid"><h3 class="four columns offset-by-eight">00:00:00</h3></div></div><div id="elapsed" class="six columns"><h3 class="four column">-00:00:00</h3></div></div><div id="set-timer" class="row"><div class="three columns offset-by-five"><input id="total" placeholder="Total Time (mins)" type="text"></div><div class="two columns end"><button id="set" class="button">Start Timer</button></div></div><div id="stop-timer" class="row"><div class="two columns offset-by-eight end"><button id="stop" class="button">Stop Timer</button></div></div><div id="warning-row" class="row"><div class="three columns offset-by-five"><input id="warning-time" placeholder="Warning Time (mins)" type="text"></div><div class="two columns end"><button id="set-warning" class="button">Set Warning</button></div></div><div id="add-step" class="row"><div class="four columns offset-by-two"><input id="name" placeholder="Step Name" type="text"></div><div class="two columns"><input id="time" placeholder="Alert At (mins left)" type="text"></div><div class="two columns end"><button id="add" class="button">Add Step</button></div></div><div id="steps" class="row"><div id="list" class="block grid"><div class="header row"><div class="six columns"><h5 class="name">Step Name</h5></div><div class="two columns end"><h5 class="at">Alert At</h5></div></div></div></div><div id="footer" class="row"><div class="six columns">Brought to you by: <a href="//www.brett.is" target="_blank">Brett Langdon</a></div><div class="six columns">Sound Effects (<a href="//creativecommons.org/licenses/by/3.0/" target="_blank">Attribution 3.0</a>): <br><a href="//soundbible.com/1806-Censored-Beep.html" target="_blank">Censored Beep</a>, <a href="//soundbible.com/1967-Clinking-Teaspoon.html" target="_blank">Clinking Teaspoon</a>, <a href="//soundbible.com/5-Answering-Machine-Beep.html" target="_blank">Answering Machine Beep</a></div></div></div><script type="text/javascript">var _gaq = _gaq || [];
+<!DOCTYPE html><html><head><title>Brew Timer</title><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Offside"><link rel="stylesheet" href="styles/foundation.min.css"><link rel="stylesheet" href="styles/general_foundicons.min.css"><!--[if lt IE 8]><link><![endif]--><link rel="stylesheet" href="styles/main.min.css"><script src="scripts/jquery.min.js"></script><script src="scripts/foundation.min.js"></script><script src="scripts/modernizr.foundation.js"></script><script src="scripts/main.min.js"></script></head><body><audio id="clinking" preload="auto"><source src="sounds/clinking.mp3" type="audio/mpeg"><source src="sounds/clinking.wav" type="audio/wav"></audio><audio id="answering-machine" preload="auto"><source src="sounds/answering_machine.mp3" type="audio/mpeg"><source src="sounds/answering_machine.wav" type="audio/wav"></audio><audio id="beep" preload="auto"><source src="sounds/beep.mp3" type="audio/mpeg"><source src="sounds/beep.wav" type="audio/wav"></audio><div id="wrapper" class="block-grid"><div id="header" class="row"><div class="ten columns centered"><h1>Brew Timer</h1></div></div><div id="toolbar" class="row"><div class="three columns offset-by-eight"><a href="#" data-reveal-id="settings" id="open-settings" class="button"><span class="foundicon-settings"></span> Settings</a></div></div><div id="timers" class="row"><div id="remaining" class="six columns"><div class="block-grid"><h3 class="four columns offset-by-eight">00:00:00</h3></div></div><div id="elapsed" class="six columns"><h3 class="four column">-00:00:00</h3></div></div><div id="set-timer" class="row"><div class="three columns offset-by-five"><input id="total" placeholder="Total Time (mins)" type="text"></div><div class="two columns end"><button id="set" class="button">Start Timer</button></div></div><div id="stop-timer" class="row"><div class="two columns offset-by-eight end"><button id="stop" class="button">Stop Timer</button></div></div><div id="add-step" class="row"><div class="four columns offset-by-two"><input id="name" placeholder="Step Name" type="text"></div><div class="two columns"><input id="time" placeholder="Alert At (mins left)" type="text"></div><div class="two columns end"><button id="add" class="button">Add Step</button></div></div><div id="steps" class="row"><div id="list" class="block grid"><div class="header row"><div class="six columns"><h5 class="name">Step Name</h5></div><div class="two columns end"><h5 class="at">Alert At</h5></div></div></div></div><div id="footer" class="row"><div class="six columns">Brought to you by: <a href="//www.brett.is" target="_blank">Brett Langdon</a></div><div class="six columns">Sound Effects (<a href="//creativecommons.org/licenses/by/3.0/" target="_blank">Attribution 3.0</a>): <br><a href="//soundbible.com/1806-Censored-Beep.html" target="_blank">Censored Beep</a>, <a href="//soundbible.com/1967-Clinking-Teaspoon.html" target="_blank">Clinking Teaspoon</a>, <a href="//soundbible.com/5-Answering-Machine-Beep.html" target="_blank">Answering Machine Beep</a></div></div><div id="settings" class="reveal-modal"><div class="block-grid"><div class="row"><div class="six columns"><label for="warning-time" class="right">Warning Time (mins)</label></div><div class="five columns end"><input id="warning-time" type="text"></div></div><div class="row"><div class="six columns"><label for="finished-audio" class="right">Finished Audio</label></div><div class="five columns end"><select id="finished-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div class="six columns"><label for="warning-audio" class="right">Warning Audio</label></div><div class="five columns end"><select id="warning-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div class="six columns"><label for="step-audio" class="right">Step Audio</label></div><div class="five columns end"><select id="step-audio"><option value="#clinking">Clinking</option><option value="#beep">Beep</option><option value="#answering-machine">Answering machine</option></select></div></div><div class="row"><div id="save" class="two columns offset-by-ten button end">Save</div></div></div><a class="close-reveal-modal">&#215;</a></div></div><script type="text/javascript">var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-34513423-2']);
 _gaq.push(['_trackPageview']);
 (function() {
diff --git a/index.jade b/index.jade
index 32c9ad2..ac13c16 100644
--- a/index.jade
+++ b/index.jade
@@ -4,25 +4,34 @@ html
     title Brew Timer
     link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Offside")
     link(rel="stylesheet", href="styles/foundation.min.css")
+    link(rel="stylesheet", href="styles/general_foundicons.min.css")
+    //if lt IE 8
+      link(rel='styleheet", href="styles/general_foundicons_ie7.min.css")
+
     link(rel="stylesheet", href="styles/main.min.css")
     script(src="scripts/jquery.min.js")
     script(src="scripts/foundation.min.js")
     script(src="scripts/modernizr.foundation.js")
     script(src="scripts/main.min.js")
   body
-    audio#completed(preload="auto")
+    audio#clinking(preload="auto")
       source(src="sounds/clinking.mp3", type="audio/mpeg")
       source(src="sounds/clinking.wav", type="audio/wav")
-    audio#warning(preload="auto")
+    audio#answering-machine(preload="auto")
       source(src="sounds/answering_machine.mp3", type="audio/mpeg")
       source(src="sounds/answering_machine.wav", type="audio/wav")
-    audio#finished(preload="auto")
+    audio#beep(preload="auto")
       source(src="sounds/beep.mp3", type="audio/mpeg")
       source(src="sounds/beep.wav", type="audio/wav")
     #wrapper.block-grid
       #header.row
         .ten.columns.centered
           h1 Brew Timer
+      #toolbar.row
+        .three.columns.offset-by-eight
+          a(href="#", data-reveal-id="settings")#open-settings.button
+            span.foundicon-settings
+            =" Settings"
       #timers.row
         #remaining.six.columns
           .block-grid
@@ -37,11 +46,6 @@ html
       #stop-timer.row
         .two.columns.offset-by-eight.end
           button#stop.button Stop Timer
-      #warning-row.row
-        .three.columns.offset-by-five
-          input#warning-time(placeholder="Warning Time (mins)", type="text")
-        .two.columns.end
-          button#set-warning.button Set Warning
       #add-step.row
         .four.columns.offset-by-two
           input#name(placeholder="Step Name", type="text")
@@ -70,6 +74,40 @@ html
           a(href="//soundbible.com/1967-Clinking-Teaspoon.html", target="_blank") Clinking Teaspoon
           =", "
           a(href="//soundbible.com/5-Answering-Machine-Beep.html", target="_blank") Answering Machine Beep
+      #settings.reveal-modal
+        .block-grid
+          .row
+            .six.columns
+              label.right(for="warning-time") Warning Time (mins)
+            .five.columns.end
+              input#warning-time(type="text")
+          .row
+            .six.columns
+              label.right(for="finished-audio") Finished Audio
+            .five.columns.end
+              select#finished-audio
+                option(value="#clinking") Clinking
+                option(value="#beep") Beep
+                option(value="#answering-machine") Answering machine
+          .row
+            .six.columns
+              label.right(for="warning-audio") Warning Audio
+            .five.columns.end
+              select#warning-audio
+                option(value="#clinking") Clinking
+                option(value="#beep") Beep
+                option(value="#answering-machine") Answering machine
+          .row
+            .six.columns
+              label.right(for="step-audio") Step Audio
+            .five.columns.end
+              select#step-audio
+                option(value="#clinking") Clinking
+                option(value="#beep") Beep
+                option(value="#answering-machine") Answering machine
+          .row
+            #save.two.columns.offset-by-ten.button.end Save
+        a.close-reveal-modal &#215;
     script(type="text/javascript")
       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', 'UA-34513423-2']);
diff --git a/scripts/main.js b/scripts/main.js
index 4012416..19e0d77 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -1,4 +1,7 @@
 var warning_time = 60;
+var finished_audio = '#answering-machine';
+var warning_audio = '#beep';
+var completed_audio = '#clinking';
 var started = false;
 var update_timeout = null;
 var start_time = null;
@@ -12,8 +15,8 @@ $(document).ready(function(){
     $('#set').click(start_timer);
     $('#stop').click(stop_timer);
     $('#add').click(add_step);
-    $('#set-warning').click(set_warning);
-    $('#warning-time').val(round(warning_time / 60, 2))
+    $('#open-settings').click(open_settings);
+    $('#settings #save').click(save_settings);
 });
 
 var start_timer = function(){
@@ -49,7 +52,7 @@ var update_timers = function(){
     if(remaining_time > 0){
 	update_timeout = setTimeout(update_timers, 1000);
     } else{
-	$('#finished').trigger('play');
+	$(finished_audio).trigger('play');
 	$('#set-timer').show();
 	$('#stop-timer').hide();
     }
@@ -163,10 +166,10 @@ var check_steps = function(time){
 	} else if(at == time){
 	    $(this).removeClass('warning');
 	    $(this).addClass('current');
-	    $('#completed').trigger('play');
+	    $(completed_audio).trigger('play');
 	} else if(warning_time && (at + warning_time) == time){
 	    $(this).addClass('warning');
-	    $('#warning').trigger('play');
+	    $(warning_audio).trigger('play');
 	} else{
 	    $(this).removeClass('current');
 	    $(this).removeClass('completed');
@@ -180,6 +183,40 @@ var round = function(num, num_places){
 };
 
 
-var set_warning = function(){
+var save_settings = function(){
     warning_time = parseFloat($('#warning-time').val()) * 60;
+    finished_audio = $('#finished-audio').val();
+    completed_audio = $('#step-audio').val();
+    warning_audio = $('#warning-audio').val();
+
+    $('#settings a.close-reveal-modal').click();
+};
+
+
+var open_settings = function(){
+    $('#warning-time').val(round(warning_time / 60, 2));
+
+    $('#settings #finished-audio').children('option').each(function(){
+	if($(this).val() == finished_audio){
+	    $(this).prop('selected', true);
+	} else{
+	    $(this).removeAttr('selected');
+	}
+    });
+
+    $('#settings #warning-audio').children('option').each(function(){
+	if($(this).val() == warning_audio){
+	    $(this).prop('selected', true);
+	} else{
+	    $(this).removeAttr('selected');
+	}
+    });
+
+    $('#settings #step-audio').children('option').each(function(){
+	if($(this).val() == completed_audio){
+	    $(this).prop('selected', true);
+	} else{
+	    $(this).removeAttr('selected');
+	}
+    });
 };
diff --git a/scripts/main.min.js b/scripts/main.min.js
index 67c5191..24e1b11 100644
--- a/scripts/main.min.js
+++ b/scripts/main.min.js
@@ -1 +1 @@
-var warning_time=60;var started=false;var update_timeout=null;var start_time=null;var stop_time=null;var remaining_time=null;var elapsed_time=null;var steps=[];$(document).ready(function(){$("#set").click(start_timer);$("#stop").click(stop_timer);$("#add").click(add_step);$("#set-warning").click(set_warning);$("#warning-time").val(round(warning_time/60,2))});var start_timer=function(){remaining_time=parseFloat($("#total").val());elapsed_time=0;if(!remaining_time){alert("invalid number: "+$("#total").val());return false}remaining_time*=60;start_time=(new Date).getTime();stop_time=start_time+remaining_time*1e3;update_timers();$("#set-timer").hide();$("#stop-timer").show()};var stop_timer=function(){$("#total").val(round(remaining_time/60,2));if(update_timeout){clearTimeout(update_timeout)}$("#set-timer").show();$("#stop-timer").hide()};var update_timers=function(){remaining_time-=1;elapsed_time-=1;if(remaining_time>0){update_timeout=setTimeout(update_timers,1e3)}else{$("#finished").trigger("play");$("#set-timer").show();$("#stop-timer").hide()}$("#remaining h3").html(format_time(remaining_time));$("#elapsed h3").html("-"+format_time(elapsed_time));var now=(new Date).getTime();var true_total=Math.floor((stop_time-start_time)/1e3);var true_elapsed=Math.floor((start_time-now)/1e3);var true_remaining=Math.floor((stop_time-now)/1e3);if(true_elapsed!=elapsed_time||true_remaining!=remaining_time||elapsed_time+remaining_time!=true_total){remaining_time=Math.floor((stop_time-now)/1e3);elapsed_time=true_elapsed}check_steps(true_remaining)};var format_time=function(time){time=Math.abs(time);var hours=Math.floor(time/3600);time-=hours*3600;var minutes=Math.floor(time/60);time-=minutes*60;var seconds=round(time,0);return less_than_ten(hours)+":"+less_than_ten(minutes)+":"+less_than_ten(seconds)};var less_than_ten=function(time){return time<10?"0"+time:time};var add_step=function(){var step={at:round(parseFloat($("#add-step #time").val()),2),name:$("#add-step #name").val()};if(!step.at){alert("invalid number: "+$("#add-step #time").val());return false}if(!step.name||step.name==""){alert("invalid name: "+step.name);return false}step.at*=60;steps.push(step);write_steps();$("#add-step #time").val("");$("#add-step #name").val("")};var write_steps=function(){steps.sort(function(a,b){return a.at<b.at});$("#steps .step").remove();for(var i in steps){var step=steps[i];var html=$('<div class="step row"/>');html.append('<div class="six columns"><h5 class="name">'+step.name+"</h5></div>");html.append('<div class="two columns"><h5 class="at">'+format_time(step.at)+"</h5></div>");html.append('<div class="two columns end"><button class="remove button">Remove Step</button></div>');$("#steps #list").append(html)}$("#steps #list .remove").click(remove_step)};var remove_step=function(){var step=$(this).parent().parent();var columns=step.children(".columns");var name=columns.children(".name").html();var at=parseFloat(columns.children(".at").html())*60;var remove=null;for(var i in steps){var step=steps[i];if(step.at==at&&step.name==name){remove=i;break}}if(remove>=0){steps.splice(i,1)}write_steps()};var check_steps=function(time){$("#steps #list .step").each(function(){var columns=$(this).children(".columns");var at=columns.children(".at").html();var matches=at.match("([0-9]+):([0-9]+):([0-9]+)");at=parseInt(matches[1])*3600;at+=parseInt(matches[2]*60);at+=parseInt(matches[3]);if(at>time){$(this).addClass("completed");$(this).removeClass("current")}else if(at==time){$(this).removeClass("warning");$(this).addClass("current");$("#completed").trigger("play")}else if(warning_time&&at+warning_time==time){$(this).addClass("warning");$("#warning").trigger("play")}else{$(this).removeClass("current");$(this).removeClass("completed")}})};var round=function(num,num_places){num_places=Math.pow(10,num_places);return Math.round(num*num_places)/num_places};var set_warning=function(){warning_time=parseFloat($("#warning-time").val())*60};
\ No newline at end of file
+var warning_time=60;var finished_audio="#answering-machine";var warning_audio="#beep";var completed_audio="#clinking";var started=false;var update_timeout=null;var start_time=null;var stop_time=null;var remaining_time=null;var elapsed_time=null;var steps=[];$(document).ready(function(){$("#set").click(start_timer);$("#stop").click(stop_timer);$("#add").click(add_step);$("#open-settings").click(open_settings);$("#settings #save").click(save_settings)});var start_timer=function(){remaining_time=parseFloat($("#total").val());elapsed_time=0;if(!remaining_time){alert("invalid number: "+$("#total").val());return false}remaining_time*=60;start_time=(new Date).getTime();stop_time=start_time+remaining_time*1e3;update_timers();$("#set-timer").hide();$("#stop-timer").show()};var stop_timer=function(){$("#total").val(round(remaining_time/60,2));if(update_timeout){clearTimeout(update_timeout)}$("#set-timer").show();$("#stop-timer").hide()};var update_timers=function(){remaining_time-=1;elapsed_time-=1;if(remaining_time>0){update_timeout=setTimeout(update_timers,1e3)}else{$(finished_audio).trigger("play");$("#set-timer").show();$("#stop-timer").hide()}$("#remaining h3").html(format_time(remaining_time));$("#elapsed h3").html("-"+format_time(elapsed_time));var now=(new Date).getTime();var true_total=Math.floor((stop_time-start_time)/1e3);var true_elapsed=Math.floor((start_time-now)/1e3);var true_remaining=Math.floor((stop_time-now)/1e3);if(true_elapsed!=elapsed_time||true_remaining!=remaining_time||elapsed_time+remaining_time!=true_total){remaining_time=Math.floor((stop_time-now)/1e3);elapsed_time=true_elapsed}check_steps(true_remaining)};var format_time=function(time){time=Math.abs(time);var hours=Math.floor(time/3600);time-=hours*3600;var minutes=Math.floor(time/60);time-=minutes*60;var seconds=round(time,0);return less_than_ten(hours)+":"+less_than_ten(minutes)+":"+less_than_ten(seconds)};var less_than_ten=function(time){return time<10?"0"+time:time};var add_step=function(){var step={at:round(parseFloat($("#add-step #time").val()),2),name:$("#add-step #name").val()};if(!step.at){alert("invalid number: "+$("#add-step #time").val());return false}if(!step.name||step.name==""){alert("invalid name: "+step.name);return false}step.at*=60;steps.push(step);write_steps();$("#add-step #time").val("");$("#add-step #name").val("")};var write_steps=function(){steps.sort(function(a,b){return a.at<b.at});$("#steps .step").remove();for(var i in steps){var step=steps[i];var html=$('<div class="step row"/>');html.append('<div class="six columns"><h5 class="name">'+step.name+"</h5></div>");html.append('<div class="two columns"><h5 class="at">'+format_time(step.at)+"</h5></div>");html.append('<div class="two columns end"><button class="remove button">Remove Step</button></div>');$("#steps #list").append(html)}$("#steps #list .remove").click(remove_step)};var remove_step=function(){var step=$(this).parent().parent();var columns=step.children(".columns");var name=columns.children(".name").html();var at=parseFloat(columns.children(".at").html())*60;var remove=null;for(var i in steps){var step=steps[i];if(step.at==at&&step.name==name){remove=i;break}}if(remove>=0){steps.splice(i,1)}write_steps()};var check_steps=function(time){$("#steps #list .step").each(function(){var columns=$(this).children(".columns");var at=columns.children(".at").html();var matches=at.match("([0-9]+):([0-9]+):([0-9]+)");at=parseInt(matches[1])*3600;at+=parseInt(matches[2]*60);at+=parseInt(matches[3]);if(at>time){$(this).addClass("completed");$(this).removeClass("current")}else if(at==time){$(this).removeClass("warning");$(this).addClass("current");$(completed_audio).trigger("play")}else if(warning_time&&at+warning_time==time){$(this).addClass("warning");$(warning_audio).trigger("play")}else{$(this).removeClass("current");$(this).removeClass("completed")}})};var round=function(num,num_places){num_places=Math.pow(10,num_places);return Math.round(num*num_places)/num_places};var save_settings=function(){warning_time=parseFloat($("#warning-time").val())*60;finished_audio=$("#finished-audio").val();completed_audio=$("#step-audio").val();warning_audio=$("#warning-audio").val();$("#settings a.close-reveal-modal").click()};var open_settings=function(){$("#warning-time").val(round(warning_time/60,2));$("#settings #finished-audio").children("option").each(function(){if($(this).val()==finished_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}});$("#settings #warning-audio").children("option").each(function(){if($(this).val()==warning_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}});$("#settings #step-audio").children("option").each(function(){if($(this).val()==completed_audio){$(this).prop("selected",true)}else{$(this).removeAttr("selected")}})};
\ No newline at end of file
diff --git a/styles/general_foundicons.css b/styles/general_foundicons.css
new file mode 100644
index 0000000..4ee8020
--- /dev/null
+++ b/styles/general_foundicons.css
@@ -0,0 +1,216 @@
+/* font-face */
+@font-face {
+  font-family: "GeneralFoundicons";
+  src: url("/fonts/general_foundicons.eot");
+  src: url("/fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("/fonts/general_foundicons.woff") format("woff"), url("/fonts/general_foundicons.ttf") format("truetype"), url("/fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* global foundicon styles */
+[class*="foundicon-"] {
+  display: inline;
+  width: auto;
+  height: auto;
+  line-height: inherit;
+  vertical-align: baseline;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+}
+
+[class*="foundicon-"]:before {
+  font-family: "GeneralFoundicons";
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+}
+
+/* icons */
+.foundicon-settings:before {
+  content: "\f000";
+}
+
+.foundicon-heart:before {
+  content: "\f001";
+}
+
+.foundicon-star:before {
+  content: "\f002";
+}
+
+.foundicon-plus:before {
+  content: "\f003";
+}
+
+.foundicon-minus:before {
+  content: "\f004";
+}
+
+.foundicon-checkmark:before {
+  content: "\f005";
+}
+
+.foundicon-remove:before {
+  content: "\f006";
+}
+
+.foundicon-mail:before {
+  content: "\f007";
+}
+
+.foundicon-calendar:before {
+  content: "\f008";
+}
+
+.foundicon-page:before {
+  content: "\f009";
+}
+
+.foundicon-tools:before {
+  content: "\f00a";
+}
+
+.foundicon-globe:before {
+  content: "\f00b";
+}
+
+.foundicon-home:before {
+  content: "\f00c";
+}
+
+.foundicon-quote:before {
+  content: "\f00d";
+}
+
+.foundicon-people:before {
+  content: "\f00e";
+}
+
+.foundicon-monitor:before {
+  content: "\f00f";
+}
+
+.foundicon-laptop:before {
+  content: "\f010";
+}
+
+.foundicon-phone:before {
+  content: "\f011";
+}
+
+.foundicon-cloud:before {
+  content: "\f012";
+}
+
+.foundicon-error:before {
+  content: "\f013";
+}
+
+.foundicon-right-arrow:before {
+  content: "\f014";
+}
+
+.foundicon-left-arrow:before {
+  content: "\f015";
+}
+
+.foundicon-up-arrow:before {
+  content: "\f016";
+}
+
+.foundicon-down-arrow:before {
+  content: "\f017";
+}
+
+.foundicon-trash:before {
+  content: "\f018";
+}
+
+.foundicon-add-doc:before {
+  content: "\f019";
+}
+
+.foundicon-edit:before {
+  content: "\f01a";
+}
+
+.foundicon-lock:before {
+  content: "\f01b";
+}
+
+.foundicon-unlock:before {
+  content: "\f01c";
+}
+
+.foundicon-refresh:before {
+  content: "\f01d";
+}
+
+.foundicon-paper-clip:before {
+  content: "\f01e";
+}
+
+.foundicon-video:before {
+  content: "\f01f";
+}
+
+.foundicon-photo:before {
+  content: "\f020";
+}
+
+.foundicon-graph:before {
+  content: "\f021";
+}
+
+.foundicon-idea:before {
+  content: "\f022";
+}
+
+.foundicon-mic:before {
+  content: "\f023";
+}
+
+.foundicon-cart:before {
+  content: "\f024";
+}
+
+.foundicon-address-book:before {
+  content: "\f025";
+}
+
+.foundicon-compass:before {
+  content: "\f026";
+}
+
+.foundicon-flag:before {
+  content: "\f027";
+}
+
+.foundicon-location:before {
+  content: "\f028";
+}
+
+.foundicon-clock:before {
+  content: "\f029";
+}
+
+.foundicon-folder:before {
+  content: "\f02a";
+}
+
+.foundicon-inbox:before {
+  content: "\f02b";
+}
+
+.foundicon-website:before {
+  content: "\f02c";
+}
+
+.foundicon-smiley:before {
+  content: "\f02d";
+}
+
+.foundicon-search:before {
+  content: "\f02e";
+}
diff --git a/styles/general_foundicons.min.css b/styles/general_foundicons.min.css
new file mode 100644
index 0000000..574872c
--- /dev/null
+++ b/styles/general_foundicons.min.css
@@ -0,0 +1 @@
+@font-face{font-family:GeneralFoundicons;src:url(/fonts/general_foundicons.eot);src:url(/fonts/general_foundicons.eot?#iefix) format("embedded-opentype"),url(/fonts/general_foundicons.woff) format("woff"),url(/fonts/general_foundicons.ttf) format("truetype"),url(/fonts/general_foundicons.svg#GeneralFoundicons) format("svg");font-weight:400;font-style:normal}[class*=foundicon-]{display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat}[class*=foundicon-]:before{font-family:GeneralFoundicons;font-weight:400;font-style:normal;text-decoration:inherit}.foundicon-settings:before{content:"\f000"}.foundicon-heart:before{content:"\f001"}.foundicon-star:before{content:"\f002"}.foundicon-plus:before{content:"\f003"}.foundicon-minus:before{content:"\f004"}.foundicon-checkmark:before{content:"\f005"}.foundicon-remove:before{content:"\f006"}.foundicon-mail:before{content:"\f007"}.foundicon-calendar:before{content:"\f008"}.foundicon-page:before{content:"\f009"}.foundicon-tools:before{content:"\f00a"}.foundicon-globe:before{content:"\f00b"}.foundicon-home:before{content:"\f00c"}.foundicon-quote:before{content:"\f00d"}.foundicon-people:before{content:"\f00e"}.foundicon-monitor:before{content:"\f00f"}.foundicon-laptop:before{content:"\f010"}.foundicon-phone:before{content:"\f011"}.foundicon-cloud:before{content:"\f012"}.foundicon-error:before{content:"\f013"}.foundicon-right-arrow:before{content:"\f014"}.foundicon-left-arrow:before{content:"\f015"}.foundicon-up-arrow:before{content:"\f016"}.foundicon-down-arrow:before{content:"\f017"}.foundicon-trash:before{content:"\f018"}.foundicon-add-doc:before{content:"\f019"}.foundicon-edit:before{content:"\f01a"}.foundicon-lock:before{content:"\f01b"}.foundicon-unlock:before{content:"\f01c"}.foundicon-refresh:before{content:"\f01d"}.foundicon-paper-clip:before{content:"\f01e"}.foundicon-video:before{content:"\f01f"}.foundicon-photo:before{content:"\f020"}.foundicon-graph:before{content:"\f021"}.foundicon-idea:before{content:"\f022"}.foundicon-mic:before{content:"\f023"}.foundicon-cart:before{content:"\f024"}.foundicon-address-book:before{content:"\f025"}.foundicon-compass:before{content:"\f026"}.foundicon-flag:before{content:"\f027"}.foundicon-location:before{content:"\f028"}.foundicon-clock:before{content:"\f029"}.foundicon-folder:before{content:"\f02a"}.foundicon-inbox:before{content:"\f02b"}.foundicon-website:before{content:"\f02c"}.foundicon-smiley:before{content:"\f02d"}.foundicon-search:before{content:"\f02e"}
\ No newline at end of file
diff --git a/styles/general_foundicons_ie7.css b/styles/general_foundicons_ie7.css
new file mode 100644
index 0000000..d5b3776
--- /dev/null
+++ b/styles/general_foundicons_ie7.css
@@ -0,0 +1,194 @@
+/* general icons for IE7 */
+[class*="foundicon-"] {
+  font-family: "GeneralFoundicons";
+  font-weight: normal;
+  font-style: normal;
+}
+
+.foundicon-settings {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf000;");
+}
+
+.foundicon-heart {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf001;");
+}
+
+.foundicon-star {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf002;");
+}
+
+.foundicon-plus {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf003;");
+}
+
+.foundicon-minus {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf004;");
+}
+
+.foundicon-checkmark {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf005;");
+}
+
+.foundicon-remove {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf006;");
+}
+
+.foundicon-mail {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf007;");
+}
+
+.foundicon-calendar {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf008;");
+}
+
+.foundicon-page {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf009;");
+}
+
+.foundicon-tools {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00a;");
+}
+
+.foundicon-globe {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00b;");
+}
+
+.foundicon-home {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00c;");
+}
+
+.foundicon-quote {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00d;");
+}
+
+.foundicon-people {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00e;");
+}
+
+.foundicon-monitor {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf00f;");
+}
+
+.foundicon-laptop {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf010;");
+}
+
+.foundicon-phone {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf011;");
+}
+
+.foundicon-cloud {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf012;");
+}
+
+.foundicon-error {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf013;");
+}
+
+.foundicon-right-arrow {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf014;");
+}
+
+.foundicon-left-arrow {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf015;");
+}
+
+.foundicon-up-arrow {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf016;");
+}
+
+.foundicon-down-arrow {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf017;");
+}
+
+.foundicon-trash {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf018;");
+}
+
+.foundicon-add-doc {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf019;");
+}
+
+.foundicon-edit {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01a;");
+}
+
+.foundicon-lock {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01b;");
+}
+
+.foundicon-unlock {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01c;");
+}
+
+.foundicon-refresh {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01d;");
+}
+
+.foundicon-paper-clip {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01e;");
+}
+
+.foundicon-video {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf01f;");
+}
+
+.foundicon-photo {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf020;");
+}
+
+.foundicon-graph {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf021;");
+}
+
+.foundicon-idea {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf022;");
+}
+
+.foundicon-mic {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf023;");
+}
+
+.foundicon-cart {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf024;");
+}
+
+.foundicon-address-book {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf025;");
+}
+
+.foundicon-compass {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf026;");
+}
+
+.foundicon-flag {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf027;");
+}
+
+.foundicon-location {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf028;");
+}
+
+.foundicon-clock {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf029;");
+}
+
+.foundicon-folder {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02a;");
+}
+
+.foundicon-inbox {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02b;");
+}
+
+.foundicon-website {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02c;");
+}
+
+.foundicon-smiley {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02d;");
+}
+
+.foundicon-search {
+  *zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf02e;");
+}
diff --git a/styles/general_foundicons_ie7.min.css b/styles/general_foundicons_ie7.min.css
new file mode 100644
index 0000000..fe461a7
--- /dev/null
+++ b/styles/general_foundicons_ie7.min.css
@@ -0,0 +1 @@
+[class*=foundicon-]{font-family:GeneralFoundicons;font-weight:400;font-style:normal}.foundicon-settings{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf000;")}.foundicon-heart{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf001;")}.foundicon-star{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf002;")}.foundicon-plus{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf003;")}.foundicon-minus{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf004;")}.foundicon-checkmark{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf005;")}.foundicon-remove{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf006;")}.foundicon-mail{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf007;")}.foundicon-calendar{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf008;")}.foundicon-page{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf009;")}.foundicon-tools{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00a;")}.foundicon-globe{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00b;")}.foundicon-home{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00c;")}.foundicon-quote{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00d;")}.foundicon-people{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00e;")}.foundicon-monitor{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf00f;")}.foundicon-laptop{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf010;")}.foundicon-phone{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf011;")}.foundicon-cloud{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf012;")}.foundicon-error{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf013;")}.foundicon-right-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf014;")}.foundicon-left-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf015;")}.foundicon-up-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf016;")}.foundicon-down-arrow{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf017;")}.foundicon-trash{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf018;")}.foundicon-add-doc{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf019;")}.foundicon-edit{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01a;")}.foundicon-lock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01b;")}.foundicon-unlock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01c;")}.foundicon-refresh{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01d;")}.foundicon-paper-clip{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01e;")}.foundicon-video{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf01f;")}.foundicon-photo{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf020;")}.foundicon-graph{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf021;")}.foundicon-idea{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf022;")}.foundicon-mic{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf023;")}.foundicon-cart{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf024;")}.foundicon-address-book{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf025;")}.foundicon-compass{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf026;")}.foundicon-flag{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf027;")}.foundicon-location{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf028;")}.foundicon-clock{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf029;")}.foundicon-folder{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02a;")}.foundicon-inbox{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02b;")}.foundicon-website{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02c;")}.foundicon-smiley{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02d;")}.foundicon-search{*zoom:expression(this.runtimeStyle[=zoom]="1",this.innerHTML="&#xf02e;")}
\ No newline at end of file
diff --git a/styles/main.css b/styles/main.css
index 6e1c737..070172d 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -52,4 +52,8 @@
     padding-top: 2px;
     padding-bottom: 2px;
     text-align: center;
+}
+
+#settings label{
+    line-height: 32px;
 }
\ No newline at end of file
diff --git a/styles/main.min.css b/styles/main.min.css
index 922e1ee..96367c2 100644
--- a/styles/main.min.css
+++ b/styles/main.min.css
@@ -1 +1 @@
-#timers h3{font-family:Offside,cursive;font-weight:100}#add-step input,#add-step button,#set-timer input,#set-timer button,#stop-timer button{margin-top:6px;height:35px;width:100%}#stop-timer button{margin-bottom:12px}#stop-timer{display:none}.remove{font-size:12px}#list{min-height:200px}#list .header h5{text-decoration:underline}#list h5{margin:0;padding:0;line-height:35px;text-align:center}.completed{background-color:rgba(200,150,150,.8)}.current{background-color:rgba(150,200,150,.8)}.warning{background-color:rgba(255,255,150,.8)}#footer .columns{padding-top:2px;padding-bottom:2px;text-align:center}
\ No newline at end of file
+#timers h3{font-family:Offside,cursive;font-weight:100}#add-step input,#add-step button,#set-timer input,#set-timer button,#stop-timer button{margin-top:6px;height:35px;width:100%}#stop-timer button{margin-bottom:12px}#stop-timer{display:none}.remove{font-size:12px}#list{min-height:200px}#list .header h5{text-decoration:underline}#list h5{margin:0;padding:0;line-height:35px;text-align:center}.completed{background-color:rgba(200,150,150,.8)}.current{background-color:rgba(150,200,150,.8)}.warning{background-color:rgba(255,255,150,.8)}#footer .columns{padding-top:2px;padding-bottom:2px;text-align:center}#settings label{line-height:32px}
\ No newline at end of file
