lion 0.0.1 → 0.0.3

data/bin/{lion-new.rb → lion-new}

@@ -1,14 +1,15 @@
-#!/usr/bin/env ruby
-
-libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
-$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
-require 'lion'
-
-#Create a new project in the current directory
-
-args = ARGV.dup.unshift()
-if args.length > 0
-	Lion::Installer.create(args[0], libdir, Dir.pwd)
-else
-	$stdout.puts "No project name specified. Try lion-new project_name"
-end
+#!/usr/bin/env ruby
+
+libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+require 'lion'
+
+#Get command line args. New project created >> gravity-init NAME --options
+args = ARGV.dup.unshift()
+
+if args.length > 0
+	installer = Lion::Installer.new(args, libdir)
+	installer.create()
+else
+	STDERR.puts "No project name specified. Try lion-new project_name"
+end

data/bin/{lion-server.rb → lion-server}

@@ -1,6 +1,6 @@
-#!/usr/bin/env ruby
-libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
-$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
-require 'lion'
-
+#!/usr/bin/env ruby
+libdir = File.join(File.dirname(File.dirname(__FILE__)), "lib")
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+require 'lion'
+
 Lion.start_server()

data/lib/lion.rb

@@ -6,18 +6,20 @@ module Lion
 	autoload :Base, "lion/base"
 	autoload :Installer, "lion/installer"
 	
-	def self.current_directory?
-		Dir.pwd
-	end
+	class << self
+  	def current_directory?
+  		Dir.pwd
+  	end
 	
-	def self.start_server(options={})
-		if File.exist?("config.ru")
-			$stdout.puts "*** Lion has taken the stage ***"
-			system "rackup"
-		else
-			$stdout.puts "Could not find config.ru. Are you in the right directory?"
-		end
-	end
+  	def start_server(options={})
+  		if File.exist?("config.ru")
+  			$stdout.puts "*** Lion is watching your project ***"
+  			system "rackup"
+  		else
+  			$stdout.puts "Could not find config.ru. Are you in the right directory?"
+  		end
+  	end
+  end
 	
 end
 

data/lib/lion/installer.rb

@@ -1,17 +1,40 @@
 require 'Fileutils'
 
 module Lion
-	module Installer
-		def self.create(project_name, libdir, cwd, *args)
-			unless File.directory?(project_name)
-				#Make a new folder in the current directory
-				dir = File.dirname(__FILE__)
-				Dir.mkdir(dir + '/' + project_name)
-				#Recursively copy the gravity files into our new project directory
-				FileUtils.cp_r "#{libdir}/src/.", "#{cwd}/#{project_name}/"
-				puts "New project #{project_name} successfully created in #{cwd}"
+	class Installer
+		#Class for installing creating a new project in the current directory
+		
+		def initialize(args, libdir)
+			@project_name = args[0]
+			@current = Dir.pwd
+			@lib = libdir
+			args.index("--scss") ? @scss = true : @scss = false
+		end
+		
+		def error(string)
+			STDERR.puts string
+		end
+		
+		def message(string)
+			STDOUT.puts string
+		end
+
+		def makeDir(name)
+			Dir.mkdir(@current + '/' + name)
+		end
+		
+		def copyFiles
+			FileUtils.cp_r "#{@lib}/src/.", "#{@current}/#{@project_name}/"
+			message("New Lion project #{@project_name} successfully created in #{@current}/#{@project_name}/")
+		end
+		
+		def create()
+			STDOUT.puts "You selected SCSS option" if @scss
+			unless File.directory?(@project_name)
+				makeDir(@project_name)
+				copyFiles()
 			else
-				$stdout.puts "That project already exists. Please try another name"
+				message("That project already exists. Please try another name")
 			end
 		end
 	end

data/lib/lion/version.rb

@@ -1,3 +1,3 @@
 module Lion
-  VERSION = "0.0.1"
+  VERSION = "0.0.3"
 end

data/lib/src/gemfile

@@ -0,0 +1,6 @@
+source "http://rubygems.org"
+
+gem "sinatra", :require => "sinatra/base"
+gem 'coffee-script'
+gem "sass"
+gem "join"

data/lib/src/lion.rb

@@ -6,12 +6,15 @@ class Lion < Sinatra::Base
 		set :views, "./views"
 		set :public, "./public"
 		set :slim, :pretty => true
-		set :port, 4567
+		set :port, 4000
 		set :run, true
 		set :static, true
 		set :server, %w[thin mongrel webrick]
 	end  
 	
+  helpers do
+  end
+	
 	@pages = []
 	@template = slim
 	

data/lib/src/public/coffeescripts/spec/application.spec.coffee

@@ -0,0 +1,4 @@
+describe 'Application', ->
+  describe 'My first test', ->
+    it 'should pass the first test', ->
+      expect(1).toEqual(1)

data/lib/src/public/javascripts/application.js

@@ -0,0 +1,5 @@
+/*
+
+Application.js. All modules inside /app folder will get compiled here when you run "rake precompile" in the terminal
+
+*/

data/lib/src/public/stylesheets/css/style.css

@@ -1 +1,696 @@
-html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[wtype="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}table{margin-bottom:10px;width:100%}th{font-weight:bold;text-align:left;background:#ccc}th,td{padding:10px}tr:nth-child(odd){background-color:#f5f5f5}tr:nth-child(even){background-color:#eee}tfoot{font-style:italic}caption{background:#ffc}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea{line-height:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:14px}h1,h2,h3,h4,h5{margin-bottom:20px;color:#333;font-weight:900}h1{font-size:40px;line-height:40px}h2{font-size:20px;line-height:20px}h3{font-size:20px;line-height:20px}h4{font-size:20px;line-height:20px}h5{font-size:20px;line-height:20px}p{margin-bottom:20px}ul,ol{margin-bottom:20px}ul{list-style:none}ol{list-style-type:decimal}li{margin-bottom:10px}ul li ul{margin-left:20px;margin-top:10px;margin-bottom:10px}dl{margin-bottom:20px}dl dt{font-weight:bold;margin-bottom:10px}dl dd{margin-bottom:10px}abbr,acronym{border-bottom:1px dotted #000}address{font-style:italic}del{color:#000}a{color:#1c7fc4;text-decoration:none;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;cursor:pointer}a:hover{text-decoration:none}blockquote{display:block}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}pre,code{margin:10px 0;white-space:pre}pre,code,tt{font:1em monospace;line-height:1.5}tt{display:block}q{font-style:italic;font-weight:bold;font-family:Georgia,Times,serif}cite{display:block;font-weight:bold}img{margin-bottom:10px}figcaption{display:block;font-weight:bold;font-style:italic}.wrap{width:940px;margin:0 auto}.clear{clear:both}.center{text-align:center}.uppercase{text-transform:uppercase}.titlecase{text-transform:capitalize}.invisible{visibility:hidden}.col-1{float:left;width:60px;margin-right:0;margin-right:20px}.col-1:last-child{margin-right:0}.col-2{float:left;width:140px;margin-right:20px}.col-2:last-child{margin-right:0}.col-3{float:left;width:220px;margin-right:20px}.col-3:last-child{margin-right:0}.col-4{float:left;width:300px;margin-right:20px}.col-4:last-child{margin-right:0}.col-5{float:left;width:380px;margin-right:20px}.col-5:last-child{margin-right:0}.col-6{float:left;width:460px;margin-right:20px}.col-6:last-child{margin-right:0}.col-7{float:left;width:540px;margin-right:20px}.col-7:last-child{margin-right:0}.col-8{float:left;width:620px;margin-right:20px}.col-8:last-child{margin-right:0}.col-9{float:left;width:700px;margin-right:20px}.col-9:last-child{margin-right:0}.col-10{float:left;width:780px;margin-right:20px}.col-10:last-child{margin-right:0}.col-11{float:left;width:860px;margin-right:20px}.col-11:last-child{margin-right:0}.col-12{float:left;width:940px;margin-right:20px}.col-12:last-child{margin-right:0}::-moz-focus-inner{border:0;padding:0}input[type="search"]::-webkit-search-decoration{display:none}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus{border:1px solid #aaa;color:#444}textarea{min-height:100px;resize:none;overflow:auto;width:100%}label,legend{display:block;font-weight:bold;font-size:13px}select{width:100%}input[type="checkbox"]{display:inline}label span,legend span{font-weight:normal;font-size:13px;color:#444}input,button,select,textarea{vertical-align:middle}input[type="radio"],input[type="checkbox"]{position:relative;vertical-align:top;top:3px;top:0 \0;*top:-3px;margin-right:5px}@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:2px}}@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:0}}@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px){input[type="radio"],input[type="checkbox"]{vertical-align:baseline;top:0}}textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;border:1px solid #ddd;border-color:#ddd #ddd #ddd;color:#000;padding:5px;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 20px 0;width:100%;display:block;background:#fafafa;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));background:-moz-linear-gradient(top, #fafafa, #fff);*padding-top:2px;*padding-bottom:1px;*height:auto}::-webkit-input-placeholder{color:#000}input:-moz-placeholder,textarea:-moz-placeholder{color:#000}:invalid{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}@media (-webkit-min-device-pixel-ratio: 0){select[size],select[multiple]{background-image:none;padding:0}::-webkit-validation-bubble-message{box-shadow:rgba(0,0,0,0.5) 0 0 5px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));border:#ddd;color:#fff;font:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:15px 15px 17px;text-shadow:#000 0 0 1px}::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{display:none}}optgroup{color:#000;font-style:normal;font-weight:normal}button[type=submit],input[type='submit']{padding:7px 12px;text-align:center;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#111111;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');background:-webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));background:-moz-linear-gradient(top, #111111, #333333);border:0;color:#fff}#container{width:940px;margin:0 auto;padding:20px 0;overflow:hidden}body{background:#eee}section{margin-bottom:20px;overflow:hidden}h1,h2,h3,h4,h5,h6,p,li a{text-shadow:1px 1px 1px #fff}h1,h2,h3,h4,h5,h6{text-transform:uppercase}footer p{text-align:center}@media only screen and (min-width: 768px) and (max-width: 959px){#container{width:748px}.col-1{float:left;width:44px;margin-right:0;margin-right:20px}.col-1:last-child{margin-right:0}.col-2{float:left;width:108px;margin-right:20px}.col-2:last-child{margin-right:0}.col-3{float:left;width:172px;margin-right:20px}.col-3:last-child{margin-right:0}.col-4{float:left;width:236px;margin-right:20px}.col-4:last-child{margin-right:0}.col-5{float:left;width:300px;margin-right:20px}.col-5:last-child{margin-right:0}.col-6{float:left;width:364px;margin-right:20px}.col-6:last-child{margin-right:0}.col-7{float:left;width:428px;margin-right:20px}.col-7:last-child{margin-right:0}.col-8{float:left;width:492px;margin-right:20px}.col-8:last-child{margin-right:0}.col-9{float:left;width:556px;margin-right:20px}.col-9:last-child{margin-right:0}.col-10{float:left;width:620px;margin-right:20px}.col-10:last-child{margin-right:0}.col-11{float:left;width:684px;margin-right:20px}.col-11:last-child{margin-right:0}.col-12{float:left;width:748px;margin-right:20px}.col-12:last-child{margin-right:0}}@media only screen and (max-width: 767px){#container{width:300px}.col-1{width:280px;margin:0 10px}.col-2{width:280px;margin:0 10px}.col-3{width:280px;margin:0 10px}.col-4{width:280px;margin:0 10px}.col-5{width:280px;margin:0 10px}.col-6{width:280px;margin:0 10px}.col-7{width:280px;margin:0 10px}.col-8{width:280px;margin:0 10px}.col-9{width:280px;margin:0 10px}.col-10{width:280px;margin:0 10px}.col-11{width:280px;margin:0 10px}.col-12{width:280px;margin:0 10px}}@media only screen and (min-width: 480px) and (max-width: 767px){#container{width:480px}.col-1{width:460px;margin:0 10px}.col-2{width:460px;margin:0 10px}.col-3{width:460px;margin:0 10px}.col-4{width:460px;margin:0 10px}.col-5{width:460px;margin:0 10px}.col-6{width:460px;margin:0 10px}.col-7{width:460px;margin:0 10px}.col-8{width:460px;margin:0 10px}.col-9{width:460px;margin:0 10px}.col-10{width:460px;margin:0 10px}.col-11{width:460px;margin:0 10px}.col-12{width:460px;margin:0 10px}}
+/* --------------------------------------------------------------
+ * Gravity CSS
+ * Version 0.1
+ * Developed by: Owain Lewis
+ * www.owainlewis.com
+ * License: MIT
+ * http://www.opensource.org/licenses/mit-license.php
+ *-------------------------------------------------------------- */
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+  width: 100%; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: "";
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #cccccc;
+  margin: 20px 0 19px 0;
+  padding: 0; }
+
+input, select {
+  vertical-align: middle; }
+
+textarea {
+  overflow: auto; }
+
+.ie6 legend, .ie7 legend {
+  margin-left: -7px; }
+
+input[wtype="radio"] {
+  vertical-align: text-bottom; }
+
+input[type="checkbox"] {
+  vertical-align: bottom; }
+
+.ie7 input[type="checkbox"] {
+  vertical-align: baseline; }
+
+.ie6 input {
+  vertical-align: text-bottom; }
+
+label, input[type="button"], input[type="submit"], input[type="image"], button {
+  cursor: pointer; }
+
+button, input, select, textarea {
+  margin: 0; }
+
+body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
+  line-height: 20px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: gray;
+  font-size: 13px; }
+
+p {
+  margin-bottom: 20px; }
+
+ol {
+  margin-bottom: 20px;
+  margin-left: 20px; }
+  ol ol {
+    margin-bottom: 0; }
+
+ul {
+  margin-bottom: 20px; }
+  ul li {
+    margin-bottom: 5px;
+    margin-left: 14px; }
+    ul li ul {
+      margin-left: 20px;
+      margin-top: 10px;
+      margin-bottom: 10px; }
+
+ul.unstyled {
+  list-style: none; }
+  ul.unstyled li {
+    margin-left: 0; }
+
+dl {
+  margin-bottom: 20px; }
+  dl dt {
+    font-weight: bold;
+    margin-bottom: 10px; }
+  dl dd {
+    margin-bottom: 10px; }
+
+abbr, acronym {
+  border-bottom: 1px dotted black; }
+
+address {
+  font-style: italic; }
+
+del {
+  color: black; }
+
+a {
+  color: #0069d6;
+  text-decoration: none;
+  -moz-transition: all 0.5s ease-in-out;
+  /* FF3.7+ */
+  -o-transition: all 0.5s ease-in-out;
+  /* Opera 10.5 */
+  -webkit-transition: all 0.5s ease-in-out;
+  /* Saf3.2+, Chrome */
+  transition: all 0.5s ease-in-out;
+  cursor: pointer; }
+
+a:hover {
+  text-decoration: none; }
+
+blockquote {
+  display: block;
+  font-weight: bold;
+  border-left: 4px solid #eeeeee;
+  padding: 40px 20px;
+  font-weight: bold;
+  font-size: 30px;
+  font-family: serif;
+  font-style: italic;
+  color: #404040;
+  line-height: 30px;
+  margin: 20px 0; }
+
+pre, code {
+  margin: 10px 0;
+  white-space: pre; }
+
+pre, code, tt {
+  font: "Monaco", Courier New, monospace;
+  line-height: 1.5;
+  padding: 0 3px 2px;
+  background: #fee9cc; }
+
+q {
+  font-style: italic;
+  font-weight: bold;
+  font-family: "Georgia", Times New Roman, Times, sans-serif; }
+
+cite {
+  display: block;
+  font-weight: bold; }
+
+img {
+  margin-bottom: 10px; }
+
+figcaption {
+  display: block;
+  font-weight: bold;
+  font-style: italic; }
+
+small {
+  font-size: 10px; }
+
+strong {
+  font-weight: bold; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: 20px;
+  color: #404040;
+  font-weight: normal; }
+
+h1 {
+  font-size: 30px;
+  line-height: 40px; }
+
+h2 {
+  font-size: 25px;
+  line-height: 20px; }
+
+h3 {
+  font-size: 20px;
+  line-height: 20px; }
+
+h4 {
+  font-size: 15px;
+  line-height: 20px; }
+
+h5 {
+  font-size: 15px;
+  font-weight: bold;
+  line-height: 20px; }
+
+h6 {
+  font-size: 15px;
+  font-weight: bold;
+  line-height: 20px; }
+
+.span-1 {
+  float: left;
+  width: 60px;
+  margin-right: 0;
+  margin-right: 20px; }
+  .span-1:last-child {
+    margin-right: 0; }
+
+.span-2 {
+  float: left;
+  width: 140px;
+  margin-right: 20px; }
+  .span-2:last-child {
+    margin-right: 0; }
+
+.span-3 {
+  float: left;
+  width: 220px;
+  margin-right: 20px; }
+  .span-3:last-child {
+    margin-right: 0; }
+
+.span-4 {
+  float: left;
+  width: 300px;
+  margin-right: 20px; }
+  .span-4:last-child {
+    margin-right: 0; }
+
+.span-5 {
+  float: left;
+  width: 380px;
+  margin-right: 20px; }
+  .span-5:last-child {
+    margin-right: 0; }
+
+.span-6 {
+  float: left;
+  width: 460px;
+  margin-right: 20px; }
+  .span-6:last-child {
+    margin-right: 0; }
+
+.span-7 {
+  float: left;
+  width: 540px;
+  margin-right: 20px; }
+  .span-7:last-child {
+    margin-right: 0; }
+
+.span-8 {
+  float: left;
+  width: 620px;
+  margin-right: 20px; }
+  .span-8:last-child {
+    margin-right: 0; }
+
+.span-9 {
+  float: left;
+  width: 700px;
+  margin-right: 20px; }
+  .span-9:last-child {
+    margin-right: 0; }
+
+.span-10 {
+  float: left;
+  width: 780px;
+  margin-right: 20px; }
+  .span-10:last-child {
+    margin-right: 0; }
+
+.span-11 {
+  float: left;
+  width: 860px;
+  margin-right: 20px; }
+  .span-11:last-child {
+    margin-right: 0; }
+
+.span-12 {
+  float: left;
+  width: 940px;
+  margin-right: 20px; }
+  .span-12:last-child {
+    margin-right: 0; }
+
+.last {
+  margin-right: 0 !important; }
+
+::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+input[type="search"]::-webkit-search-decoration {
+  display: none; }
+
+form {
+  margin-bottom: 20px; }
+
+fieldset {
+  margin-bottom: 20px; }
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="tel"]:focus,
+textarea:focus {
+  border: 1px solid #049cdb;
+  color: #444444; }
+
+textarea {
+  min-height: 100px;
+  resize: none;
+  overflow: auto;
+  width: 100%; }
+
+label,
+legend {
+  display: block;
+  font-weight: bold;
+  font-size: 13px; }
+
+select {
+  width: 100%; }
+
+input[type="checkbox"] {
+  display: inline; }
+
+label span,
+legend span {
+  font-weight: normal;
+  font-size: 13px;
+  color: #444444; }
+
+input,
+button,
+select,
+textarea {
+  vertical-align: middle;
+  margin-bottom: 20px; }
+
+input[type="radio"],
+input[type="checkbox"] {
+  position: relative;
+  vertical-align: top;
+  top: 3px;
+  /* IE8, IE9, IE10 */
+  top: 0 \0;
+  /* IE7 */
+  *top: -3px;
+  margin-right: 5px; }
+
+/* iPad */
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 2px; } }
+/* iPhone 3 */
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 0; } }
+/* iPhone 4 */
+@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 0; } }
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+  -webkit-appearance: none;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding;
+  background-clip: padding-box;
+  border: 1px solid #cccccc;
+  border-color: #cccccc #cccccc #cccccc;
+  color: black;
+  padding: 5px;
+  outline: none;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin: 0 0 18px 0;
+  width: 100%;
+  display: block;
+  /* IE7 */
+  *padding-top: 2px;
+  *padding-bottom: 1px;
+  *height: auto; }
+
+::-webkit-input-placeholder {
+  color: gray; }
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: gray;
+  font-size: 12px; }
+
+:invalid {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+/* Tweaks for Safari + Chrome. */
+@media (-webkit-min-device-pixel-ratio: 0) {
+  select[size],
+  select[multiple] {
+    background-image: none;
+    padding: 0; }
+
+  ::-webkit-validation-bubble-message {
+    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
+    border: #cccccc;
+    color: white;
+    font: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    padding: 15px 15px 17px;
+    text-shadow: black 0 0 1px; }
+
+  ::-webkit-validation-bubble-top-outer-arrow,
+  ::-webkit-validation-bubble-top-inner-arrow {
+    display: none; } }
+optgroup {
+  color: black;
+  font-style: normal;
+  font-weight: normal; }
+
+button[type=submit], input[type='submit'] {
+  padding: 7px 12px;
+  text-align: center;
+  font-weight: bold;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  background: #111111;
+  /* for non-css3 browsers */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+  /* for IE */
+  background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));
+  /* for webkit browsers */
+  background: -moz-linear-gradient(top, #111111, #333333);
+  /* for firefox 3.6+ */
+  border: 0;
+  color: white; }
+
+.input-list {
+  list-style: none;
+  margin: 0 0 20px 0; }
+  .input-list li {
+    padding-top: 0;
+    list-style: none;
+    margin: 0 0 5px 0; }
+    .input-list li input {
+      margin-bottom: 0; }
+    .input-list li label {
+      font-weight: normal;
+      padding-top: 0; }
+
+table {
+  margin-bottom: 20px;
+  width: 100%; }
+
+th {
+  font-weight: bold;
+  text-align: left;
+  border-bottom: 4px solid gray; }
+
+td {
+  padding: 10px;
+  border-bottom: 1px solid #ddd; }
+
+th {
+  padding: 10px 10px 6px 10px; }
+
+tr:nth-child(even) {
+  background-color: #F9F9F9; }
+
+tfoot {
+  font-style: italic; }
+
+caption {
+  background: #ffffcc; }
+
+.button, input.button {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: #e6e6e6;
+  /* for non-css3 browsers */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+  /* for IE */
+  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
+  /* for webkit browsers */
+  background: -moz-linear-gradient(top, #e6e6e6, #cccccc);
+  /* for firefox 3.6+ */
+  cursor: pointer;
+  font-weight: bold;
+  color: #333333;
+  display: inline-block;
+  border: 1px solid #bfbfbf;
+  text-align: center;
+  padding: 4px 12px;
+  margin: 0 10px 20px 0;
+  min-width: 80px; }
+  .button:hover, input.button:hover {
+    background: #d9d9d9;
+    /* for non-css3 browsers */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+    /* for IE */
+    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#e6e6e6));
+    /* for webkit browsers */
+    background: -moz-linear-gradient(top, #d9d9d9, #e6e6e6);
+    /* for firefox 3.6+ */ }
+
+.button.main {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: #17b8fb;
+  /* for non-css3 browsers */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+  /* for IE */
+  background: -webkit-gradient(linear, left top, left bottom, from(#17b8fb), to(#049cdb));
+  /* for webkit browsers */
+  background: -moz-linear-gradient(top, #17b8fb, #049cdb);
+  /* for firefox 3.6+ */
+  cursor: pointer;
+  font-weight: bold;
+  color: white;
+  display: inline-block;
+  border: 1px solid #048ac2;
+  text-align: center;
+  padding: 4px 12px;
+  margin: 0 10px 20px 0;
+  min-width: 80px; }
+  .button.main:hover {
+    background: #04aef4;
+    /* for non-css3 browsers */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+    /* for IE */
+    background: -webkit-gradient(linear, left top, left bottom, from(#04aef4), to(#17b8fb));
+    /* for webkit browsers */
+    background: -moz-linear-gradient(top, #04aef4, #17b8fb);
+    /* for firefox 3.6+ */ }
+
+.button.delete {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: #c83025;
+  /* for non-css3 browsers */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+  /* for IE */
+  background: -webkit-gradient(linear, left top, left bottom, from(#c83025), to(#9d261d));
+  /* for webkit browsers */
+  background: -moz-linear-gradient(top, #c83025, #9d261d);
+  /* for firefox 3.6+ */
+  cursor: pointer;
+  font-weight: bold;
+  color: white;
+  display: inline-block;
+  border: 1px solid #872119;
+  text-align: center;
+  padding: 4px 12px;
+  margin: 0 10px 20px 0;
+  min-width: 80px; }
+  .button.delete:hover {
+    background: #b32b21;
+    /* for non-css3 browsers */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+    /* for IE */
+    background: -webkit-gradient(linear, left top, left bottom, from(#b32b21), to(#c83025));
+    /* for webkit browsers */
+    background: -moz-linear-gradient(top, #b32b21, #c83025);
+    /* for firefox 3.6+ */ }
+
+.wrap {
+  width: 940px;
+  margin: 0 auto; }
+
+.clear {
+  clear: both; }
+
+.center {
+  text-align: center; }
+
+.uppercase {
+  text-transform: uppercase; }
+
+.titlecase {
+  text-transform: capitalize; }
+
+.invisible {
+  visibility: hidden; }
+
+.container {
+  width: 940px;
+  margin: 0 auto;
+  padding: 20px 0;
+  overflow: hidden; }
+
+section {
+  clear: both;
+  margin: 20px 0;
+  overflow: hidden; }
+
+/* 768px */
+/* 320px. iPhone */
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px; }
+
+  .span-1 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-2 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-3 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-4 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-5 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-6 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-7 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-8 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-9 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-10 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-11 {
+    width: 280px;
+    margin: 0 10px; }
+
+  .span-12 {
+    width: 280px;
+    margin: 0 10px; } }
+/* 480px */