• Home
• com.formkiq
• formkiq-server
• 0.2
• source code
• main.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

static.striped.assets.css.main.css Maven / Gradle / Ivy

@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700|Open+Sans+Condensed:300,700");

/*
	Striped by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 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;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

/* Box Model */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Containers */
.container {
	margin-left: auto;
	margin-right: auto;
}

.container.\31 25\25 {
	width: 100%;
	max-width: 125%;
	min-width: 100%;
}

.container.\37 5\25 {
	width: 75%;
}

.container.\35 0\25 {
	width: 50%;
}

.container.\32 5\25 {
	width: 25%;
}

.container {
	width: 100%;
}

@media screen and (min-width: 737px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (min-width: 1201px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (min-width: 737px) and (max-width: 1200px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (min-width: 737px) and (max-width: 1000px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (max-width: 736px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100% !important;
	}
}

/* Grid */
.row {
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row > * {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row:after, .row:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.row.uniform > * > :first-child {
	margin-top: 0;
}

.row.uniform > * > :last-child {
	margin-bottom: 0;
}

.row.\30 \25 > * {
	padding: 0px 0 0 0px;
}

.row.\30 \25 {
	margin: 0px 0 -1px 0px;
}

.row.uniform.\30 \25 > * {
	padding: 0px 0 0 0px;
}

.row.uniform.\30 \25 {
	margin: 0px 0 -1px 0px;
}

.row > * {
	padding: 50px 0 0 50px;
}

.row {
	margin: -50px 0 -1px -50px;
}

.row.uniform > * {
	padding: 50px 0 0 50px;
}

.row.uniform {
	margin: -50px 0 -1px -50px;
}

.row.\32 00\25 > * {
	padding: 100px 0 0 100px;
}

.row.\32 00\25 {
	margin: -100px 0 -1px -100px;
}

.row.uniform.\32 00\25 > * {
	padding: 100px 0 0 100px;
}

.row.uniform.\32 00\25 {
	margin: -100px 0 -1px -100px;
}

.row.\31 50\25 > * {
	padding: 75px 0 0 75px;
}

.row.\31 50\25 {
	margin: -75px 0 -1px -75px;
}

.row.uniform.\31 50\25 > * {
	padding: 75px 0 0 75px;
}

.row.uniform.\31 50\25 {
	margin: -75px 0 -1px -75px;
}

.row.\35 0\25 > * {
	padding: 25px 0 0 25px;
}

.row.\35 0\25 {
	margin: -25px 0 -1px -25px;
}

.row.uniform.\35 0\25 > * {
	padding: 25px 0 0 25px;
}

.row.uniform.\35 0\25 {
	margin: -25px 0 -1px -25px;
}

.row.\32 5\25 > * {
	padding: 12.5px 0 0 12.5px;
}

.row.\32 5\25 {
	margin: -12.5px 0 -1px -12.5px;
}

.row.uniform.\32 5\25 > * {
	padding: 12.5px 0 0 12.5px;
}

.row.uniform.\32 5\25 {
	margin: -12.5px 0 -1px -12.5px;
}

.\31 2u, .\31 2u\24 {
	width: 100%;
	clear: none;
	margin-left: 0;
}

.\31 1u, .\31 1u\24 {
	width: 91.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 0u, .\31 0u\24 {
	width: 83.3333333333%;
	clear: none;
	margin-left: 0;
}

.\39 u, .\39 u\24 {
	width: 75%;
	clear: none;
	margin-left: 0;
}

.\38 u, .\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}

.\37 u, .\37 u\24 {
	width: 58.3333333333%;
	clear: none;
	margin-left: 0;
}

.\36 u, .\36 u\24 {
	width: 50%;
	clear: none;
	margin-left: 0;
}

.\35 u, .\35 u\24 {
	width: 41.6666666667%;
	clear: none;
	margin-left: 0;
}

.\34 u, .\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}

.\33 u, .\33 u\24 {
	width: 25%;
	clear: none;
	margin-left: 0;
}

.\32 u, .\32 u\24 {
	width: 16.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 u, .\31 u\24 {
	width: 8.3333333333%;
	clear: none;
	margin-left: 0;
}

.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
	clear: left;
}

.\-11u {
	margin-left: 91.66667%;
}

.\-10u {
	margin-left: 83.33333%;
}

.\-9u {
	margin-left: 75%;
}

.\-8u {
	margin-left: 66.66667%;
}

.\-7u {
	margin-left: 58.33333%;
}

.\-6u {
	margin-left: 50%;
}

.\-5u {
	margin-left: 41.66667%;
}

.\-4u {
	margin-left: 33.33333%;
}

.\-3u {
	margin-left: 25%;
}

.\-2u {
	margin-left: 16.66667%;
}

.\-1u {
	margin-left: 8.33333%;
}

@media screen and (min-width: 737px) {

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28desktop\29 + *,
	.\31 1u\24\28desktop\29 + *,
	.\31 0u\24\28desktop\29 + *,
	.\39 u\24\28desktop\29 + *,
	.\38 u\24\28desktop\29 + *,
	.\37 u\24\28desktop\29 + *,
	.\36 u\24\28desktop\29 + *,
	.\35 u\24\28desktop\29 + *,
	.\34 u\24\28desktop\29 + *,
	.\33 u\24\28desktop\29 + *,
	.\32 u\24\28desktop\29 + *,
	.\31 u\24\28desktop\29 + * {
		clear: left;
	}

	.\-11u\28desktop\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28desktop\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28desktop\29 {
		margin-left: 75%;
	}

	.\-8u\28desktop\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28desktop\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28desktop\29 {
		margin-left: 50%;
	}

	.\-5u\28desktop\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28desktop\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28desktop\29 {
		margin-left: 25%;
	}

	.\-2u\28desktop\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28desktop\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (min-width: 1201px) {

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28wide\29, .\39 u\24\28wide\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28wide\29, .\38 u\24\28wide\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28wide\29, .\37 u\24\28wide\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28wide\29, .\36 u\24\28wide\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28wide\29, .\35 u\24\28wide\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28wide\29, .\34 u\24\28wide\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28wide\29, .\33 u\24\28wide\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28wide\29, .\32 u\24\28wide\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28wide\29, .\31 u\24\28wide\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28wide\29 + *,
	.\31 1u\24\28wide\29 + *,
	.\31 0u\24\28wide\29 + *,
	.\39 u\24\28wide\29 + *,
	.\38 u\24\28wide\29 + *,
	.\37 u\24\28wide\29 + *,
	.\36 u\24\28wide\29 + *,
	.\35 u\24\28wide\29 + *,
	.\34 u\24\28wide\29 + *,
	.\33 u\24\28wide\29 + *,
	.\32 u\24\28wide\29 + *,
	.\31 u\24\28wide\29 + * {
		clear: left;
	}

	.\-11u\28wide\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28wide\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28wide\29 {
		margin-left: 75%;
	}

	.\-8u\28wide\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28wide\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28wide\29 {
		margin-left: 50%;
	}

	.\-5u\28wide\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28wide\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28wide\29 {
		margin-left: 25%;
	}

	.\-2u\28wide\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28wide\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (min-width: 737px) and (max-width: 1200px) {

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28narrow\29, .\39 u\24\28narrow\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28narrow\29, .\38 u\24\28narrow\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28narrow\29, .\37 u\24\28narrow\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28narrow\29, .\36 u\24\28narrow\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28narrow\29, .\35 u\24\28narrow\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28narrow\29, .\34 u\24\28narrow\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28narrow\29, .\33 u\24\28narrow\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28narrow\29, .\32 u\24\28narrow\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28narrow\29, .\31 u\24\28narrow\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28narrow\29 + *,
	.\31 1u\24\28narrow\29 + *,
	.\31 0u\24\28narrow\29 + *,
	.\39 u\24\28narrow\29 + *,
	.\38 u\24\28narrow\29 + *,
	.\37 u\24\28narrow\29 + *,
	.\36 u\24\28narrow\29 + *,
	.\35 u\24\28narrow\29 + *,
	.\34 u\24\28narrow\29 + *,
	.\33 u\24\28narrow\29 + *,
	.\32 u\24\28narrow\29 + *,
	.\31 u\24\28narrow\29 + * {
		clear: left;
	}

	.\-11u\28narrow\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28narrow\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28narrow\29 {
		margin-left: 75%;
	}

	.\-8u\28narrow\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28narrow\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28narrow\29 {
		margin-left: 50%;
	}

	.\-5u\28narrow\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28narrow\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28narrow\29 {
		margin-left: 25%;
	}

	.\-2u\28narrow\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28narrow\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (min-width: 737px) and (max-width: 1000px) {

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28narrower\29 + *,
	.\31 1u\24\28narrower\29 + *,
	.\31 0u\24\28narrower\29 + *,
	.\39 u\24\28narrower\29 + *,
	.\38 u\24\28narrower\29 + *,
	.\37 u\24\28narrower\29 + *,
	.\36 u\24\28narrower\29 + *,
	.\35 u\24\28narrower\29 + *,
	.\34 u\24\28narrower\29 + *,
	.\33 u\24\28narrower\29 + *,
	.\32 u\24\28narrower\29 + *,
	.\31 u\24\28narrower\29 + * {
		clear: left;
	}

	.\-11u\28narrower\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28narrower\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28narrower\29 {
		margin-left: 75%;
	}

	.\-8u\28narrower\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28narrower\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28narrower\29 {
		margin-left: 50%;
	}

	.\-5u\28narrower\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28narrower\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28narrower\29 {
		margin-left: 25%;
	}

	.\-2u\28narrower\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28narrower\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 736px) {

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28mobile\29 + *,
	.\31 1u\24\28mobile\29 + *,
	.\31 0u\24\28mobile\29 + *,
	.\39 u\24\28mobile\29 + *,
	.\38 u\24\28mobile\29 + *,
	.\37 u\24\28mobile\29 + *,
	.\36 u\24\28mobile\29 + *,
	.\35 u\24\28mobile\29 + *,
	.\34 u\24\28mobile\29 + *,
	.\33 u\24\28mobile\29 + *,
	.\32 u\24\28mobile\29 + *,
	.\31 u\24\28mobile\29 + * {
		clear: left;
	}

	.\-11u\28mobile\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28mobile\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28mobile\29 {
		margin-left: 75%;
	}

	.\-8u\28mobile\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28mobile\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28mobile\29 {
		margin-left: 50%;
	}

	.\-5u\28mobile\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28mobile\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28mobile\29 {
		margin-left: 25%;
	}

	.\-2u\28mobile\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28mobile\29 {
		margin-left: 8.33333%;
	}
}

/* Basic */
body {
	background-color: #e8e8e8;
	background-image: url("images/bg02.png");
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #565656;
}

body.is-loading * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

input, textarea, select {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #565656;
}

a {
	color: #c94663;
}

strong, b {
	font-weight: 700;
	color: #232323;
}

h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #232323;
}

h2 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: inherit;
}

blockquote {
	border-left: solid 5px #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

em, i {
	font-style: italic;
}

hr {
	border: 0;
	border-top: solid 1px #ddd;
	padding: 1.5em 0 0 0;
	margin: 1.75em 0 0 0;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

br.clear {
	clear: both;
}

p, ul, ol, dl {
	margin-bottom: 1em;
}

/* Table */
table {
	margin-bottom: 1em;
	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: 700;
	padding: 0.75em 1em 0.75em 1em;
}

table.default thead {
	border-bottom: solid 1px #ddd;
}

table.default tfoot {
	border-top: solid 1px #ddd;
	background: #eee;
}

/* Form */
form label {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #232323;
	margin: 0 0 0.75em 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	display: block;
	border-radius: 0.4em;
	-moz-appearance: none;		
	-webkit-appearance: none;
	border: solid 1px #ddd;
	padding: 0.5em 0.75em;
	width: 100%;
	line-height: 1.25em;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	box-shadow: 0px 0px 2px 2px #c94663;
}

form ::-webkit-input-placeholder {
	color: #aaa;
}

form :-moz-placeholder {
	color: #aaa;
}

form ::-moz-placeholder {
	color: #aaa;
}

form :-ms-input-placeholder {
	color: #aaa;
}

/* Section/Article */
header {
	margin: 0 0 2em 0;
}

header > p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	display: block;
	margin-top: 1em;
	color: #999;
}

section, article {
	margin-bottom: 3em;
}

section > :last-child,
section > .inner > :last-child, section:last-child, article > :last-child,
article > .inner > :last-child, article:last-child {
	margin-bottom: 0;
}

/* Image */
.image {
	display: inline-block;
}

.image img {
	display: block;
	width: 100%;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.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;
}

/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	cursor: pointer;
	background-color: #c94663;
	background-image: url("images/bg01.png");
	border-radius: 0.4em;
	text-align: center;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	text-decoration: none;
	-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	transition: background-color .25s ease-in-out, color .25s ease-in-out;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
}

input[type="button"]:disabled, input[type="button"].disabled,
input[type="submit"]:disabled,
input[type="submit"].disabled,
input[type="reset"]:disabled,
input[type="reset"].disabled,
button:disabled,
button.disabled,
.button:disabled,
.button.disabled {
	opacity: 0.35;
	cursor: default;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
	background-color: #d95673;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
	background-color: #b93653;
}

input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
button.alt,
.button.alt {
	background-color: #364050;
}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
button.alt:hover,
.button.alt:hover {
	background-color: #465060;
}

input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
button.alt:active,
.button.alt:active {
	background-color: #263040;
}

/* List */
ul.default {
	list-style: disc;
	padding-left: 1em;
}

ul.default li {
	padding-left: 0.5em;
}

ol.default {
	list-style: decimal;
	padding-left: 1.25em;
}

ol.default li {
	padding-left: 0.25em;
}

/* Pagination */
.pagination .pages {
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}

.pagination .pages span {
	display: inline-block;
	width: 1.5em;
	text-align: center;
	margin: 0 0.4em 0 0;
}

.pagination .pages a {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: inherit;
	background-color: #e8e8e8;
	background-image: url("images/bg02.png");
	color: #565656;
	margin: 0 0.4em 0 0;
	border-radius: 0.4em;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	box-shadow: inset 0 0.075em 0.25em 0 rgba(0, 0, 0, 0.1);
}

.pagination .pages a:hover {
	background-color: #dadada;
}

.pagination .pages a.active {
	background-color: #364050;
	color: #fff;
	box-shadow: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
}

/* Box */
.box.calendar .inner {
	position: relative;
	background-color: #272E39;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 0.4em;
	padding: 0.75em 0.5em 0.75em 0.5em;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
}

.box.calendar caption {
	font-weight: 700;
	color: #fff;
	margin: 0 0 0.25em 0;
}

.box.calendar table {
	margin: 0 auto;
}

.box.calendar td {
	cursor: default;
	padding: 0.35em 0 0.35em 0;
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
}

.box.calendar th {
	cursor: default;
	padding: 0.35em 0 0.35em 0;
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	font-weight: 700;
	color: #fff;
}

.box.calendar td a, .box.calendar td span {
	display: block;
	margin: 0 auto;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.4em;
	border-radius: 0.4em;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	text-decoration: none;
}

.box.calendar td a {
	color: #fff;
	font-weight: 700;
}

.box.calendar td a:hover {
	background-color: rgba(200, 225, 255, 0.1);
	color: #fff;
}

.box.calendar td.today a {
	background-color: #c94663;
	background-image: url("images/bg01.png");
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25);
	color: #fff !important;
}

.box.post {
	position: relative;
}

.box.post .info .stats {
	margin: 0;
	cursor: default;
}

.box.post .info .stats a {
	font-size: 0.8em;
	text-decoration: none;
	color: #232323;
	font-weight: 700;
	line-height: 1em;
}

.box.recent-posts li {
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	padding: 0.5em 0 0.5em 0;
}

.box.recent-posts li:first-child {
	border-top: 0;
	box-shadow: none;
	padding-top: 0;
}

.box.recent-posts li:last-child {
	padding-bottom: 0;
}

.box.recent-comments li {
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	padding: 0.5em 0 0.5em 0;
}

.box.recent-comments li:first-child {
	border-top: 0;
	box-shadow: none;
	padding-top: 0;
}

.box.recent-comments li:last-child {
	padding-bottom: 0;
}

.box.search form {
	position: relative;
}

.box.search form input {
	position: relative;
	padding-right: 34px;
}

.box.search form:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f002';
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	position: absolute;
	right: 0.5em;
	top: 0.25em;
	z-index: 1;
	text-shadow: none;
	color: #c8ccce;
}

.box.text-style1 .inner {
	position: relative;
	background-color: #272E39;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 0.4em;
	padding: 1.25em;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
}

/* Icons */
.icon {
	position: relative;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

/* Nav */

#nav > ul > li > ul {
	display: none;
}

#nav ul {
	margin: 0;
}

#nav li {
	border-top: solid 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	padding: 0.5em 0 0.5em 0;
}

#nav li:first-child {
	border: 0;
	box-shadow: none;
	padding-top: 0;
}

#nav li:last-child {
	padding-bottom: 0;
}

#nav li a {
	display: block;
	padding: 0.4em 1em 0.4em 1em;
	text-decoration: none;
	border-radius: 0.4em;
	outline: 0;
	-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

#nav li.current a {
	background-color: #272E39 !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
	font-weight: 700;
	color: #fff;
}

#nav li:hover a {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}

/* Sidebar */
#titleBar {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: none;
	height: 44px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
	background: #364050 url("images/bg01.png");
}

#titleBar .title {
	display: block;
	color: #fff;
	line-height: 44px;
	font-size: 1.25em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
}

#titleBar .title a {
	color: inherit;
	text-decoration: none;
}

#titleBar .toggle {
	width: 80px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}

#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';
	display: block;
	position: absolute;
	top: 7px;
	font-size: 14px;
	width: 50px;
	height: 30px;
	line-height: 30px;
	background: #c94663 url("images/bg01.png");
	border-radius: 5px;
	color: #fff;
	text-align: center;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25);
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
	left: 7px;
}

#titleBar .toggle:active:before {
	background-color: #d95673;
}

#sidebar {
	color: #aaa;
	color: rgba(255, 255, 255, 0.55);
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
	width: 14em;
	padding: 3em 1.35em 1em 1.15em;
	background: #364050 url("images/bg01.png");
	overflow-y: auto;
	left: 0;
	box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
}

#sidebar form input, #sidebar form select, #sidebar form textarea {
	border: 0;
}

#sidebar section, #sidebar nav {
	position: relative;
	margin: 2em 0 0 0;
	font-size: 0.9em;
}

#sidebar section:before, #sidebar nav:before {
	content: '';
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: #171E29;
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075), 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	display: block;
	height: 0.5em;
	margin: 0 0 2em 0;
}

#sidebar strong, #sidebar b {
	color: #fff;
}

#sidebar a {
	color: #d4dde0;
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	color: #fff;
}

#sidebar header {
	margin: 0 0 1.25em 0;
}

/* Content */
#content {
	position: relative;
	background-color: #fff;
	background-image: url("images/bg02.png");
}

#content > .inner {
	position: relative;
	z-index: 1;
}

/* Copyright */
#copyright {
	padding-bottom: 2em;
}

#copyright p {
	opacity: 0.75;
}

#copyright a {
	color: inherit !important;
}

#copyright:before {
	content: '';
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: #171E29;
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075), 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
	display: block;
}

/* Desktop */
@media screen and (min-width: 737px) {

	/* Basic */
	body {
		height: 100%;
		line-height: 1.75em;
	}

	input, textarea, select {
		line-height: 1.75em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3, h4, h5, h6 {
		font-size: 1em;
	}

	/* Button */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		display: inline-block;
		padding: 0.5em 2em 0.5em 2em;
	}

	input[type="button"].small,
	input[type="submit"].small,
	input[type="reset"].small,
	.button.small,
	button.small {
		font-size: 0.85em;
		padding: 0.35em 1.5em 0.35em 1.5em;
	}

	input[type="button"].big,
	input[type="submit"].big,
	input[type="reset"].big,
	.button.big,
	button.big {
		font-size: 1.25em;
		padding: 0.75em 2em 0.75em 2em;
	}

	input[type="button"].huge,
	input[type="submit"].huge,
	input[type="reset"].huge,
	.button.huge,
	button.huge {
		font-size: 1.5em;
		padding: 0.75em 2em 0.75em 2em;
	}

	/* Pagination */
	.pagination {
		padding: 3em 0 0 0;
	}

	.pagination .previous {
		margin-right: 0.6em;
	}

	.pagination .next {
		margin-left: 0.2em;
	}

	.pagination .pages a {
		width: 2.75em;
		height: 2.75em;
		line-height: 2.75em;
	}

	.pagination .button {
		height: 2.75em;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 2.75em;
	}

	/* Box */
	.box.post .info .stats li a {
		border-radius: 0.4em;
		opacity: 0.5;
		-moz-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
		-ms-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
		transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
	}

	.box.post .info .stats li:hover a {
		background-color: #f4f4f4;
		opacity: 1.0;
	}

	/* Logo */
	#logo {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		font-size: 2em;
		letter-spacing: 0.1em;
	}

	#logo a {
		display: block;
		background-color: #c94663;
		background-image: url("images/bg01.png");
		padding: 0.875em 0.25em;
		border-radius: 0.2em;
		text-align: center;
		box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25);
		text-decoration: none;
		color: #fff;
	}

	/* Content */

	#content {
		box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
	}

	#content > .inner {

		/*
			This sets an upper limit on your page content to prevent it
			from looking insane on really wide displays. It's currently set
			to the width of the sample post images, but you can change it to
			whatever you like (or remove it entirely).
		*/

		max-width: 1038px;
		padding-bottom: 6em;
	}

	/* Sidebar */
	#sidebar {
		position: absolute;
		top: 0;
	}

	/* Copyright */
	#copyright {
		margin: 2em 0 0 0;
		text-align: center;
	}

	#copyright p {
		font-size: 0.8em;
		line-height: 2em;
	}

	#copyright:before {
		height: 0.5em;
		margin: 0 0 2em 0;
	}
}

/* Wide */
@media screen and (min-width: 1201px) {

	/* Basic */
	body {
		min-width: 1200px;
		font-size: 12pt;
	}

	input, textarea, select {
		font-size: 12pt;
	}

	/* Box */
	.box.post h2 {
		font-size: 3.25em;
		line-height: 1.25em;
	}

	.box.post header {
		padding: 2.75em 0 0 0;
		margin: 0 0 3em 0;
	}

	.box.post header > p {
		font-size: 2.25em;
		line-height: 1.5em;
		position: relative;
		top: -0.65em;
		margin-bottom: -0.65em;
	}

	.box.post .info {
		position: absolute;
		width: 5.5em;
		overflow: hidden;
		background-color: #fff;
		background-image: url("images/bg02.png");
		left: -10.5em;
		top: 0;
		padding: 1.5em 1em 1.5em 1em;
		border-top-left-radius: 0.4em;
		border-bottom-left-radius: 0.4em;
		box-shadow: 0.25em 0 0 0 #fbfbfb, 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
	}

	.box.post .info .date {
		position: relative;
		z-index: 1;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 400;
		text-align: center;
		display: block;
		font-size: 1.5em;
		color: #999;
		border-bottom: solid 1px #ddd;
		padding: 0 0 1em 0;
		margin: 0 0 0.75em 0;
	}

	.box.post .info .date .year,
	.box.post .info .date .month span {
		display: none;
	}

	.box.post .info .date .day {
		display: block;
		margin: 0.25em 0 0 0;
		font-size: 1.5em;
		font-weight: 700;
		color: #1b252a;
	}

	.box.post .info .stats {
		position: relative;
		z-index: 1;
	}

	.box.post .info .stats li {
		margin: 1.25em 0 0 0;
	}

	.box.post .info .stats li a {
		position: relative;
		display: block;
		text-align: right;
		padding: 0 0.5em 0 0.5em;
	}

	.box.post .info .stats li a:before {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.5em;
		font-size: 16px;
		width: 1.5em;
		text-align: center;
		opacity: 0.35;
	}

	/* Content */

	#content {
		padding: 3em 5em 8em 5em;
		margin-left: 21em;
	}
}

/* Narrow */
@media screen and (min-width: 737px) and (max-width: 1200px) {

	/* Basic */

	body {
		min-width: 1000px;
		font-size: 11pt;
	}

	input, textarea, select {
		font-size: 11pt;
	}

	/* Box */
	.box.post h2 {
		font-size: 3.25em;
		line-height: 1.25em;
	}

	.box.post header {
		padding: 1.5em 0 0 0;
		margin: 0 0 3em 0;
	}

	.box.post header > p {
		font-size: 1.75em;
		line-height: 1.5em;
		position: relative;
		top: -0.75em;
		margin-bottom: -0.75em;
	}

	.box.post .info {
		width: 100%;
		padding: 1em 0 0 0;
		position: relative;
		top: -2em;
	}

	.box.post .info .date {
		display: inline;
	}

	.box.post .info .stats {
		display: inline;
		border-left: solid 1px #ddd;
		margin-left: 1em;
		padding-left: 1em;
	}

	.box.post .info .stats li {
		display: inline-block;
		margin-left: 0.25em;
	}

	.box.post .info .stats li a {
		display: inline-block;
		padding-right: 0.5em;
	}

	.box.post .info .stats li a:before {
		position: relative;
		width: 1.75em;
		text-align: center;
		margin-right: 0.35em;
		opacity: 0.35;
	}

	/* Content */
	#content {
		padding: 2em 3em 6em 3em;
		margin-left: 14em;
	}
}

/* Narrower */
@media screen and (min-width: 737px) and (max-width: 1000px) {

	/* Basic */

	body {
		min-width: 641px;
		font-size: 14pt;
	}

	input, textarea, select {
		font-size: 14pt;
	}

	/* Logo */

	#logo {
		display: none;
	}

	/* Nav */

	#nav {
		margin-top: 0 !important;
	}

	#nav:before {
		display: none !important;
	}

	#nav li:hover a {
		background: none;
	}

	/* Sidebar */

	#sidebar {
		padding: 30px 20px 30px 20px;
	}
}

/* Mobile */
@media screen and (max-width: 736px) {

		/* Basic */

		body, input, textarea, select {
			line-height: 1.75em;
			font-size: 11pt;
			letter-spacing: 0;
		}

		h2, h3, h4, h5, h6 {
			font-size: 1.5em;
		}

	/* Section/Article */

		section, article {
			clear: both;
		}

		/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		button,
		.button {
			display: block;
			width: 100%;
			font-size: 1.25em;
			padding: 0.75em 0 0.75em 0;
			margin: 0.5em 0 0.5em 0;
		}

		/* Pagination */

		.pagination .pages {
			display: none;
		}

		/* Box */
		.box.post {
			padding-bottom: 5em;
			margin-bottom: 6em;
		}

		.box.post header > p {
			font-size: 1em;
			font-family: 'Source Sans Pro', sans-serif;
			line-height: 1.5em;
		}

		.box.post .info {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			border-top: solid 1px #ddd;
			padding-top: 0.5em;
		}

		.box.post .info .date {
			display: inline;
		}

		.box.post .info .date .year, .box.post .info .date .month span {
			display: none;
		}

		.box.post .info .stats {
			display: inline;
			border-left: solid 1px #ddd;
			margin-left: 0.75em;
			padding-left: 0.75em;
		}

		.box.post .info .stats li {
			display: inline-block;
			margin-right: 0.85em;
		}

		.box.post .info .stats li a {
			display: inline-block;
			opacity: 0.5;
		}

		.box.post .info .stats li a:before {
			position: relative;
			top: 0.1em;
			margin-right: 0.5em;
			opacity: 0.35;
		}

		.box.post .info .stats li a:active {
			opacity: 1.0;
		}

		/* Logo */

		#logo {
			display: none;
		}

		/* Nav */

		#nav {
			margin-top: 0 !important;
		}

		#nav:before {
			display: none !important;
		}

		#nav li:hover a {
			background: none;
		}

		/* Content */

		#content {
			margin-top: 44px;
			padding: 3em 20px 2em 20px;
		}

		/* Sidebar */

		#sidebar {
			padding: 20px 12px 20px 10px;
			box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15), inset -0.1em 0 0.5em 0 rgba(0, 0, 0, 0.25);
		}

		/* Copyright */

		#copyright {
			margin: 2em 0 0 0;
			text-align: center;
		}

		#copyright p {
			font-size: 0.9em;
			line-height: 2em;
		}

		#copyright:before {
			height: 0.5em;
			margin: 0 0 2em 0;
		}
	}

	/* Off-Canvas Sidebar */

	@media screen and (max-width: 1000px) {

	/* Basic */

	html, body {
		overflow-x: hidden;
	}

	/* Content */

	#content {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		margin-top: 44px;
		margin-left: 0;
		margin-right: 0;
		min-height: 0 !important;
	}

	/* Sidebar */
	#titleBar {
		display: block;
	}

	#sidebar {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 100% !important;
		min-height: 0 !important;
		overflow-y: auto;
		position: fixed;
		top: 0;
		z-index: 10002;
		-moz-transform: translateX(-14em);
		-webkit-transform: translateX(-14em);
		-ms-transform: translateX(-14em);
		transform: translateX(-14em);
	}

	body.sidebar-visible #content, body.sidebar-visible #titleBar {
		-moz-transform: translateX(14em);
		-webkit-transform: translateX(14em);
		-ms-transform: translateX(14em);
		transform: translateX(14em);
	}

	body.sidebar-visible #sidebar {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

div.errorbox {
    border:1px solid #f5aca6;
		background: #ffecec;
}

.fa-times-circle {
	color: red;
}
.fa-check-circle {
	color: green;
}
.fa-warning {
	color: #f2c779;
}
.fa-info-circle {
	color: #8ed9f6;
}

div.messagebox {
	width: 100%;
	border-radius: 6px;
    vertical-align:middle;
    display:inline-block;
    padding: 0.25em 0em;
    margin: 1.0em 0em;
    color: #555;
    font-weight: bold;
}

div.messageboxtext {
    text-align:left;
    vertical-align:middle;
    color: black;
    padding: 0.2em 1.5em;
}

div.successbox {
    border:1px solid #a6ca8a;
		background: #e9ffd9;
}

div.warningbox {
    border:1px solid #f2c779;
		background: #fff8c4;
}

div.noticebox {
    border:1px solid #8ed9f6;
		background: #e3f7fc;
}	

ul.actions {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li > * {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	display: table;
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	width: calc(100% + 1em);
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li > * {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}