oregano 0.1.0

data/templates/escape_velocity/public/css/style-mobile.css

@@ -0,0 +1,417 @@
+/*
+	Escape Velocity by HTML5 UP
+	html5up.net | @n33co
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	body, input, select, textarea
+	{
+		line-height: 1.5em;
+		font-size: 10.5pt;
+		letter-spacing: 0;
+	}
+
+	h2, h3, h4, h5, h6
+	{
+		font-size: 1.2em;
+		letter-spacing: 0.05em;
+		margin: 0 0 1em 0;
+	}
+
+	hr
+	{
+		margin: 1em 0 1em 0;
+	}
+
+	/* Section/Article */
+
+		section,
+		article
+		{
+			clear: both;
+			padding: 1em 0 1em 0 !important;
+		}
+
+		header
+		{
+		}
+		
+			header br
+			{
+				display: none;
+			}
+
+			header.style1
+			{
+				padding: 0 0 1em 0;
+			}
+
+				header.style1 h2
+				{
+					font-size: 1.5em;
+					letter-spacing: 0.075em;
+					line-height: 1.25em;
+				}
+				
+				header.style1 p
+				{
+					display: block;
+					margin: 0;
+				}
+
+	/* Button */
+
+		input[type="button"],
+		input[type="submit"],
+		input[type="reset"],
+		.button
+		{
+			display: block;
+			width: 100%;
+			font-size: 1em;
+			padding: 1em 0 1em 0;
+			max-width: 30em;
+			margin: 0 auto;
+		}
+
+	/* List */
+
+		ul.actions
+		{
+			margin: 2em 0 0 0;
+		}
+
+			form ul.actions
+			{
+				margin: 1em 0 0 0;
+			}
+		
+			ul.actions li
+			{
+				margin: 15px 0 0 0;
+			}
+
+	/* Feature List */
+
+		.feature-list
+		{
+		}
+
+			.feature-list section
+			{
+				border-top: solid 1px #eee;
+			}
+
+				/* Ugh ... disgusting. */
+				.feature-list > div > div:first-child > div:first-child > section
+				{
+					border-top: 0;
+					padding-top: 0;
+				}
+			
+			.feature-list h3
+			{
+				position: relative;
+				padding: 4px 0 0 48px;
+				line-height: 1.25em;
+			}
+
+				.feature-list h3:before
+				{
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 32px;
+					height: 32px;
+					line-height: 32px;
+					font-size: 16px;
+				}
+		
+			.feature-list p
+			{
+				margin: 0 0 0 48px;
+			}
+
+	/* Box */
+
+		.box
+		{
+		}
+
+			.box.post-excerpt
+			{
+			}
+			
+				.box.post-excerpt .image.left
+				{
+					position: relative;
+					top: 0.25em;
+					width: 25%;
+					margin: 0;
+				}
+				
+				.box.post-excerpt h3,
+				.box.post-excerpt p
+				{
+					margin-left: 32.5%;
+				}
+
+/*********************************************************************************/
+/* Mobile UI                                                                     */
+/*********************************************************************************/
+
+	#titleBar
+	{
+		background: none;
+	}
+
+		#titleBar .title
+		{
+			display: none;
+		}
+
+		#titleBar .toggle
+		{
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 60px;
+			height: 44px;
+		}
+
+			#titleBar .toggle:before
+			{
+				font-family: FontAwesome;
+				text-decoration: none;
+				font-style: normal;
+				font-weight: normal;
+				-webkit-font-smoothing:antialiased;
+				-moz-osx-font-smoothing:grayscale;
+				
+				content: '\f0c9';
+				font-size: 14px;
+				position: absolute;
+				top: 6px;
+				left: 6px;
+				display: block;
+				width: 54px;
+				height: 38px;
+				line-height: 38px;
+				text-align: center;
+				color: rgba(255,255,255,0.75);
+				background-color: rgba(92,95,103,0.5);
+				border-radius: 0.25em;
+				-moz-transition: all .15s ease-in-out;
+				-webkit-transition: all .15s ease-in-out;
+				-o-transition: all .15s ease-in-out;
+				-ms-transition: all .15s ease-in-out;
+				transition: all .15s ease-in-out;
+			}
+
+			#titleBar .toggle:active:before
+			{
+				background-color: rgba(92,95,103,0.75);
+			}
+
+	#navPanel
+	{
+		background: #242730 url('images/overlay.png');
+		box-shadow: inset -3px 0px 4px 0px rgba(0,0,0,0.1);
+	}
+
+		#navPanel .link
+		{
+			display: block;
+			color: rgba(255,255,255,0.5);
+			text-transform: uppercase;
+			text-decoration: none;
+			font-size: 0.85em;
+			letter-spacing: 0.15em;
+			text-decoration: none;
+			height: 44px;
+			line-height: 44px;
+			border-top: solid 1px rgba(255,255,255,0.05);
+			margin: 0 15px 0 15px;
+		}
+	
+		#navPanel .link:first-child
+		{
+			border-top: 0;
+		}
+
+		#navPanel .indent-1 { display: inline-block; width: 1em; }
+		#navPanel .indent-2 { display: inline-block; width: 2em; }
+		#navPanel .indent-3 { display: inline-block; width: 3em; }
+		#navPanel .indent-4 { display: inline-block; width: 4em; }
+		#navPanel .indent-5 { display: inline-block; width: 5em; }
+		#navPanel .depth-0 { color: #fff; }
+
+/*********************************************************************************/
+/* Wrappers                                                                      */
+/*********************************************************************************/
+
+	.wrapper
+	{
+		padding: 15px 15px 5em 15px;
+	}
+
+		.wrapper .title
+		{
+			font-size: 0.9em;
+			width: 18em;
+			height: 2.5em;
+			top: -2.5em;
+			line-height: 2.5em;
+			margin-bottom: -2.5em;
+			margin-left: -9em;
+			padding-top: 0.5em;
+		}
+		
+			.wrapper .title:before,
+			.wrapper .title:after
+			{
+				height: 15px;
+				bottom: -15px;
+				background-size: 100% 100%;
+			}
+
+	#header-wrapper
+	{
+		padding: 6em 2em 6em 2em;
+	}
+
+	#footer-wrapper
+	{
+		padding-top: 3em;
+	}
+
+		#footer-wrapper .feature-list section
+		{
+			border-top-color: #eee;
+			border-top-color: rgba(255,255,255,0.05);
+		}
+
+/*********************************************************************************/
+/* Header                                                                        */
+/*********************************************************************************/
+
+	#header
+	{
+	}
+
+/*********************************************************************************/
+/* Logo                                                                          */
+/*********************************************************************************/
+
+	#logo
+	{
+		text-align: center;
+	}
+
+		#logo h1
+		{
+			font-size: 1.5em;
+			letter-spacing: 0.2em;
+		}
+		
+		#logo p
+		{
+			margin: 1.25em 0 0 0;
+			display: block;
+			letter-spacing: 0.2em;
+			font-size: 0.9em;
+		}
+	
+/*********************************************************************************/
+/* Nav                                                                           */
+/*********************************************************************************/
+
+	#nav
+	{
+		display: none;
+	}
+	
+/*********************************************************************************/
+/* Intro                                                                         */
+/*********************************************************************************/
+
+	#intro
+	{
+		text-align: center;
+		padding: 1em 2em 1em 2em !important;
+		margin: 0 auto;
+	}
+	
+		#intro .style2
+		{
+			font-size: 1.5em;
+			letter-spacing: 0.05em;
+			line-height: 1.25em;
+			padding: 1.25em;
+		}
+
+/*********************************************************************************/
+/* Main                                                                          */
+/*********************************************************************************/
+
+	#main
+	{
+		padding: 1em 0 0 0;
+	}
+
+/*********************************************************************************/
+/* Content                                                                       */
+/*********************************************************************************/
+
+	#content
+	{
+		padding: 0 0 2em 0;
+	}
+
+		#content header.style1
+		{
+			padding-bottom: 2.5em;
+		}
+
+/*********************************************************************************/
+/* Footer                                                                        */
+/*********************************************************************************/
+
+	#footer
+	{
+	}
+	
+		#footer hr
+		{
+			display: none;
+		}
+
+/*********************************************************************************/
+/* Copyright                                                                     */
+/*********************************************************************************/
+
+	#copyright
+	{
+		padding: 2em 0 0 0;
+	}
+	
+		#copyright ul
+		{
+			padding: 1em 2em;
+			width: 100%;
+		}
+		
+			#copyright ul li
+			{
+				display: block;
+				margin: 0.5em 0 0 0;
+			}
+			
+				#copyright ul li:first-child
+				{
+					margin-top: 0;
+				}

data/templates/escape_velocity/public/css/style.css

@@ -0,0 +1,870 @@
+@charset 'UTF-8';
+@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');
+@import url('font-awesome.min.css');
+
+/*
+	Escape Velocity by HTML5 UP
+	html5up.net | @n33co
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	body, input, textarea, select
+	{
+		font-family: 'Source Sans Pro', sans-serif;
+		font-weight: 400;
+		color: #919499;
+	}
+
+		body.is-loading *
+		{
+			-moz-transition: none !important;
+			-webkit-transition: none !important;
+			-o-transition: none !important;
+			-ms-transition: none !important;
+			transition: none !important;
+			-moz-animation: none !important;
+			-webkit-animation: none !important;
+			-o-animation: none !important;
+			-ms-animation: none !important;
+			animation: none !important;
+		}
+
+	h1,h2,h3,h4,h5,h6
+	{
+		font-weight: 700;
+		color: #484d55;
+	}
+	
+	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+	{
+		color: inherit;
+		text-decoration: none;
+	}
+
+	a
+	{
+		text-decoration: underline;
+		color: #717479;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
+	}
+	
+		a:hover
+		{
+			text-decoration: none;
+		}
+
+	strong, b
+	{
+		font-weight: 700;
+		color: #484d55;
+	}
+	
+	blockquote
+	{
+		border-left: solid 0.5em #ddd;
+		padding: 1em 0 1em 2em;
+		font-style: italic;
+	}
+	
+	em, i
+	{
+		font-style: italic;
+	}
+	
+	hr
+	{
+		border: 0;
+		border-top: solid 1px #ddd;
+	}
+	
+	sub
+	{
+		position: relative;
+		top: 0.5em;
+		font-size: 0.8em;
+	}
+	
+	sup
+	{
+		position: relative;
+		top: -0.5em;
+		font-size: 0.8em;
+	}
+	
+	.nobr
+	{
+		white-space: nowrap;
+	}
+
+	br.clear
+	{
+		clear: both;
+	}
+	
+	p, ul, ol, dl, table, blockquote, form
+	{
+		margin-bottom: 2em;
+	}
+	
+	/* Table */
+
+		table
+		{
+			width: 100%;
+		}
+		
+			table.default
+			{
+				width: 100%;
+			}
+			
+				table.default tbody tr:nth-child(2n+2)
+				{
+					background: #f4f4f4;
+				}
+				
+				table.default td
+				{
+					padding: 0.5em 1em 0.5em 1em;
+				}
+				
+				table.default th
+				{
+					text-align: left;
+					font-weight: 400;
+					padding: 0.5em 1em 0.5em 1em;
+				}
+			
+				table.default thead
+				{
+					background: #484d55;
+					color: #fff;
+				}
+				
+				table.default tfoot
+				{
+					background: #eee;
+				}
+				
+				table.default tbody
+				{
+				}
+
+	/* Form */
+
+		form
+		{
+		}
+		
+			form label
+			{
+				display: block;
+				font-weight: 700;
+				color: #484d55;
+			}
+		
+			form input[type="text"],
+			form input[type="email"],
+			form input[type="password"],
+			form select,
+			form textarea
+			{
+				-webkit-appearance: none;
+				display: block;
+				border: 0;
+				background: #eee;
+				box-shadow: inset 0px 0px 1px 0px #a0a1a7;
+				border-radius: 0.35em;
+				width: 100%;
+				padding: 0.75em 1em 0.75em 1em;
+				-moz-transition: all .25s ease-in-out;
+				-webkit-transition: all .25s ease-in-out;
+				-o-transition: all .25s ease-in-out;
+				-ms-transition: all .25s ease-in-out;
+				transition: all .25s ease-in-out;
+			}
+
+			form input[type="text"],
+			form input[type="email"],
+			form input[type="password"],
+			form select
+			{
+				line-height: 1em;
+			}
+			
+			form textarea
+			{
+				min-height: 10em;
+			}
+
+				form input[type="text"]:focus,
+				form input[type="email"]:focus,
+				form input[type="password"]:focus,
+				form select:focus,
+				form textarea:focus
+				{
+					background: #f8f8f8;
+				}
+				
+				form .formerize-placeholder
+				{
+					color: #555 !important;
+					font-style: italic;
+				}
+
+				form ::-webkit-input-placeholder
+				{
+					color: #555 !important;
+					font-style: italic;
+					line-height: 1.35em;
+				}
+
+				form :-moz-placeholder
+				{
+					color: #555 !important;
+					font-style: italic;
+				}
+
+				form ::-moz-placeholder
+				{
+					color: #555 !important;
+					font-style: italic;
+				}
+
+				form :-ms-input-placeholder
+				{
+					color: #555 !important;
+					font-style: italic;
+				}
+
+				form ::-moz-focus-inner
+				{
+					border: 0;
+				}
+
+	/* Section/Article */
+
+		section,
+		article
+		{
+			margin-bottom: 3em;
+		}
+		
+			section > :last-child,
+			article > :last-child
+			{
+				margin-bottom: 0;
+			}
+
+			section:last-child,
+			article:last-child
+			{
+				margin-bottom: 0;
+			}
+		
+		header.style1
+		{
+			text-align: center;
+		}
+
+			header.style1 h2
+			{
+				font-weight: 700;
+			}
+			
+			header.style1 p
+			{
+				color: #b1b4b9;
+			}
+
+	/* Image */
+
+		.image
+		{
+			display: inline-block;
+		}
+		
+			.image img
+			{
+				display: block;
+				width: 100%;
+			}
+
+			.image.fit
+			{
+				display: block;
+				width: 100%;
+			}
+
+			.image.left
+			{
+				float: left;
+				margin: 0 2em 2em 0;
+			}
+			
+			.image.centered
+			{
+				display: block;
+				margin: 0 0 2em 0;
+			}
+
+				.image.centered img
+				{
+					margin: 0 auto;
+					width: auto;
+				}
+				
+			.image.featured
+			{
+				display: block;
+				width: 100%;
+				margin: 0 0 2em 0;
+			}
+
+	/* Button */
+	
+		input[type="button"],
+		input[type="submit"],
+		input[type="reset"],
+		.button
+		{
+			display: inline-block;
+			background: #444;
+			text-align: center;
+			text-transform: uppercase;
+			font-weight: 700;
+			letter-spacing: 0.25em;
+			text-decoration: none;
+			border-radius: 0.35em;
+			border: 0;
+			outline: 0;
+			cursor: pointer;
+			-moz-transition: all .25s ease-in-out;
+			-webkit-transition: all .25s ease-in-out;
+			-o-transition: all .25s ease-in-out;
+			-ms-transition: all .25s ease-in-out;
+			transition: all .25s ease-in-out;
+		}
+
+			input[type="button"].style1,
+			input[type="submit"].style1,
+			input[type="reset"].style1,
+			.button.style1
+			{
+				background: #e97770 url('images/overlay.png');
+				color: #fff;
+			}
+
+				input[type="button"].style1:hover,
+				input[type="submit"].style1:hover,
+				input[type="reset"].style1:hover,
+				.button.style1:hover
+				{
+					background-color: #f98780;
+				}
+				
+				input[type="button"].style1:active,
+				input[type="submit"].style1:active,
+				input[type="reset"].style1:active,
+				.button.style1:active
+				{
+					background-color: #d96760;
+				}
+
+			input[type="button"].style2,
+			input[type="submit"].style2,
+			input[type="reset"].style2,
+			.button.style2
+			{
+				background: none;
+				color: #606167;
+				box-shadow: inset 0px 0px 2px 0px #a0a1a7;
+			}
+			
+				input[type="button"].style2:hover,
+				input[type="submit"].style2:hover,
+				input[type="reset"].style2:hover,
+				.button.style2:hover
+				{
+					box-shadow: inset 0px 0px 2px 0px #606167;
+				}
+			
+				input[type="button"].style2:active,
+				input[type="submit"].style2:active,
+				input[type="reset"].style2:active,
+				.button.style2:active
+				{
+					box-shadow: inset 0px 0px 2px 0px #202127;
+				}
+
+			input[type="button"].style3,
+			input[type="submit"].style3,
+			input[type="reset"].style3,
+			.button.style3
+			{
+				background: #2f333b url('images/overlay.png');
+				color: #fff;
+			}
+
+				input[type="button"].style3:hover,
+				input[type="submit"].style3:hover,
+				input[type="reset"].style3:hover,
+				.button.style3:hover
+				{
+					background-color: #3f434b;
+				}
+				
+				input[type="button"].style3:active,
+				input[type="submit"].style3:active,
+				input[type="reset"].style3:active,
+				.button.style3:active
+				{
+					background-color: #1f232b;
+				}
+
+	/* List */
+
+		ul.default
+		{
+			list-style: disc;
+			padding-left: 1em;
+		}
+		
+			ul.default li
+			{
+				padding-left: 0.5em;
+			}
+			
+		ul.style2
+		{
+		}
+		
+			ul.style2 li
+			{
+				border-top: solid 1px #eee;
+				padding: 1.5em 0 0 0;
+				margin: 1.5em 0 0 0;
+			}
+			
+			ul.style2 li:first-child
+			{
+				border-top: 0;
+				padding-top: 0;
+				margin-top: 0;
+			}
+		
+		ul.style3
+		{
+		}
+		
+			ul.style3 li
+			{
+				border-top: solid 1px #eee;
+				padding: 0.5em 0 0 0;
+				margin: 0.5em 0 0 0;
+			}
+			
+			ul.style3 li:first-child
+			{
+				border-top: 0;
+				padding-top: 0;
+				margin-top: 0;
+			}
+
+		ol
+		{
+		}	
+
+			ol.default
+			{
+				list-style: decimal;
+				padding-left: 1.25em;
+			}
+
+				ol.default li
+				{
+					padding-left: 0.25em;
+				}
+				
+	/* Feature List */
+
+		.feature-list
+		{
+		}
+
+			.feature-list h3
+			{
+				color: #e97770 !important;
+			}
+			
+				.feature-list h3:before
+				{
+					position: relative;
+					display: inline-block;
+					color: #fff;
+					background: #2f333b url('images/overlay.png');
+					border-radius: 1em;
+					text-align: center;
+				}
+
+/*********************************************************************************/
+/* Icons                                                                         */
+/*********************************************************************************/
+
+	.icon {
+		text-decoration: none;
+	}
+
+		.icon:before {
+			display: inline-block;
+			font-family: FontAwesome;
+			font-size: 1.25em;
+			text-decoration: none;
+			font-style: normal;
+			font-weight: normal;
+			line-height: 1;
+			-webkit-font-smoothing:antialiased;
+			-moz-osx-font-smoothing:grayscale;
+		}
+		
+		.icon > .label {
+			display: none;
+		}
+
+/*********************************************************************************/
+/* Wrappers                                                                      */
+/*********************************************************************************/
+
+	.wrapper
+	{
+		position: relative;
+	}
+
+		.wrapper .title
+		{
+			position: absolute;
+			top: 0;
+			left: 50%;
+			text-align: center;
+			text-transform: uppercase;
+			display: block;
+			font-weight: 700;
+			letter-spacing: 0.25em;
+		}
+		
+		.wrapper .title:before
+		{
+			content: '';
+			position: absolute;
+			bottom: -38px;
+			left: -35px;
+			width: 35px;
+			height: 38px;
+			background: url('images/shadow.png');
+		}
+		
+		.wrapper .title:after
+		{
+			content: '';
+			position: absolute;
+			bottom: -38px;
+			right: -35px;
+			width: 35px;
+			height: 38px;
+			background: url('images/shadow.png');
+			-moz-transform: scaleX(-1);
+			-webkit-transform: scaleX(-1);
+			-o-transform: scaleX(-1);
+			-ms-transform: scaleX(-1);
+			transform: scaleX(-1);
+    	}
+
+		.wrapper.style1
+		{
+			background: #e97770 url('images/overlay.png');
+			color: #eee;
+			color: rgba(255,255,255,0.75);
+		}
+		
+			.wrapper.style1 .title
+			{
+				background: #e97770 url('images/overlay.png');
+				color: #fff;
+			}
+		
+			.wrapper.style1 h1,
+			.wrapper.style1 h2,
+			.wrapper.style1 h3,
+			.wrapper.style1 h4,
+			.wrapper.style1 h5,
+			.wrapper.style1 h6,
+			.wrapper.style1 strong,
+			.wrapper.style1 b,
+			.wrapper.style1 a
+			{
+				color: #fff;
+			}
+		
+		.wrapper.style2
+		{
+			background: #fff;
+		}
+		
+			.wrapper.style2 .title
+			{
+				background: #fff;
+				color: #484d55;
+			}
+		
+		.wrapper.style3
+		{
+			background: #f3f3f3 url('images/overlay.png');
+		}
+		
+			.wrapper.style3 .title
+			{
+				background: #f3f3f3 url('images/overlay.png');
+				color: #484d55;
+			}
+			
+			.wrapper.style3 .image
+			{
+				border: solid 10px #fff;
+			}
+
+	#header-wrapper
+	{
+		background: url('../images/banner.jpg') center center;
+		background-size: cover;
+	}
+	
+		#header-wrapper:before
+		{
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			background: url('images/overlay.png');
+		}
+	
+	#footer-wrapper
+	{
+		background: #282b34 url('images/overlay.png');
+		color: #eee;
+		color: rgba(255,255,255,0.5);
+	}
+
+		#footer-wrapper h1,
+		#footer-wrapper h2,
+		#footer-wrapper h3,
+		#footer-wrapper h4,
+		#footer-wrapper h5,
+		#footer-wrapper h6,
+		#footer-wrapper strong,
+		#footer-wrapper b,
+		#footer-wrapper a
+		{
+			color: #fff;
+		}
+
+		#footer-wrapper hr
+		{
+			border-top-color: #333;
+			border-top-color: rgba(255,255,255,0.05);
+		}
+
+		#footer-wrapper form
+		{
+		}
+
+			#footer-wrapper form input[type="text"],
+			#footer-wrapper form input[type="email"],
+			#footer-wrapper form input[type="password"],
+			#footer-wrapper form select,
+			#footer-wrapper form textarea
+			{
+				background: #ccc;
+				box-shadow: none;
+			}
+
+			#footer-wrapper form input[type="text"]:focus,
+			#footer-wrapper form input[type="email"]:focus,
+			#footer-wrapper form input[type="password"]:focus,
+			#footer-wrapper form select:focus,
+			#footer-wrapper form textarea:focus
+			{
+				background: #fff;
+			}
+
+		#footer-wrapper input[type="button"].style2,
+		#footer-wrapper input[type="submit"].style2,
+		#footer-wrapper input[type="reset"].style2,
+		#footer-wrapper .button.style2
+		{
+			color: #aaa;
+			box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
+		}
+
+			#footer-wrapper input[type="button"].style2:hover,
+			#footer-wrapper input[type="submit"].style2:hover,
+			#footer-wrapper input[type="reset"].style2:hover,
+			#footer-wrapper .button.style2:hover
+			{
+				color: #ccc;
+				box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.65);
+			}
+
+			#footer-wrapper input[type="button"].style2:active,
+			#footer-wrapper input[type="submit"].style2:active,
+			#footer-wrapper input[type="reset"].style2:active,
+			#footer-wrapper .button.style2:active
+			{
+				box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.75);
+			}
+
+		#footer-wrapper .title
+		{
+			background: #282b34 url('images/overlay.png');
+			color: #eee;
+		}
+		
+		#footer-wrapper header.style1
+		{
+		}
+		
+			#footer-wrapper header.style1 h2
+			{
+				color: #fff;
+			}
+	
+			#footer-wrapper header.style1 .p
+			{
+				color: inherit;
+			}
+
+		#footer-wrapper .feature-list
+		{
+		}
+		
+			#footer-wrapper .feature-list section
+			{
+				border-top-color: #333;
+				border-top-color: rgba(255,255,255,0.05);
+			}
+
+			#footer-wrapper .feature-list h3
+			{
+			}
+			
+				#footer-wrapper .feature-list h3:before
+				{
+					background: #3d4249 url('images/overlay.png');
+				}
+		
+/*********************************************************************************/
+/* Logo                                                                          */
+/*********************************************************************************/
+
+	#logo
+	{
+	}
+	
+		#logo h1
+		{
+			font-weight: 900;
+			text-transform: uppercase;
+			color: #fff;
+		}
+		
+		#logo p
+		{
+			color: #eee;
+			color: rgba(255,255,255,0.5);
+			text-transform: uppercase;
+		}
+
+/*********************************************************************************/
+/* Intro                                                                         */
+/*********************************************************************************/
+
+	#intro
+	{
+	}
+	
+		#intro > .style1
+		{
+		}	
+		
+		#intro > .style2
+		{
+			font-weight: 700;
+			color: #fff;
+			border-radius: 0.35em;
+			box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
+		}
+		
+			#intro > .style2 a
+			{
+				color: inherit;
+				text-decoration: none;
+			}
+		
+		#intro > .style3
+		{
+		}
+		
+/*********************************************************************************/
+/* Highlights                                                                    */
+/*********************************************************************************/
+
+	#highlights
+	{
+	}
+
+		#highlights .highlight
+		{
+			text-align: center;
+		}
+		
+			#highlights .highlight h3
+			{
+				color: #e97770;
+			}
+
+/*********************************************************************************/
+/* Copyright                                                                     */
+/*********************************************************************************/
+			
+	#copyright
+	{
+		text-align: center;
+	}
+	
+		#copyright ul
+		{
+			display: inline-block;
+			border-radius: 0.35em;
+			box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.05);
+			color: #aaa;
+			color: rgba(255,255,255,0.25);
+		}
+		
+		#copyright a
+		{
+			color: inherit;
+		}
+		
+			#copyright a:hover
+			{
+				color: #fff;
+			}