/**
 * Benjamins.css
 * (c) Flyosity LLC & Mike Rundle
 */

h1, h2, h3, h4, h5, h6, form, input, ul, ol, li, img, p, fieldset { padding: 0; margin: 0; }

header, footer, section, aside, nav, article, figure { display: block; }

html, body {
	background: #fff;
	padding: 0;
	margin: 0;
	font: normal 14px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
	color: #333; }

body > header {
	height: 306px;
	background: #eee url(http://flyosity.com/moola/images/header_bg.png) -25% 0 repeat-x;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0; }

	body > header h1, body > header h2, body > header h3 {
		position: relative;
		text-indent: -9000px;
		padding: 0;
		margin: 0; }

		body > header h1 {
			top: 0;
			height: 234px;
			background: transparent url(http://flyosity.com/moola/images/h1.png) center top no-repeat; }

			body > header h1 a {
				display: block;
				height: 234px;
				text-decoration: none;
				outline: none;
				background: transparent; }

		body > header h2 {
			top: -48px;
			background: transparent url(http://flyosity.com/moola/images/h2.png) center top no-repeat;
			height: 42px; }

		body > header h3 {
			top: -47px;
			background: transparent url(http://flyosity.com/moola/images/h3.png) center top no-repeat;
			height: 25px; }

		body > header h4 {
			position: absolute;
			top: 0;
			right: 0;
			width: 85px;
			height: 87px; }

			body > header h4 a {
				display: block;
				width: 85px;
				height: 87px;
				text-decoration: none;
				text-indent: -9000px;
				outline: none;
				background: transparent url(http://flyosity.com/moola/images/twitter_corner.png) top left no-repeat; }

				body > header h4 a:hover {
					background-position: top right; }

.fade, .fade_black {
	position: fixed;
	top: 47px;
	left: 0;
	width: 100%;
	height: 53px;
	z-index: 500;
	background: transparent url(http://flyosity.com/moola/images/fade.png) top left repeat-x; }

.fade_black {
	height: 35px;
	background: transparent url(http://flyosity.com/moola/images/fade_black2.png) top left repeat-x; }

.contact_container {
	position: relative;
	overflow: hidden;
	height: 500px;
	margin-bottom: -50px; }

	.contact_container img {
		position: absolute;
		width: 100%;
		height: 800px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1; }

	.contact_container .contact_inner {
		padding: 50px 0;
		position: absolute;
		width: 100%;
		height: 400px;
		background: transparent;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100; }		

	.contact_container section.contact {
		width: 900px;
		position: relative;
		padding: 25px;
		margin: 0 auto;
		height: 350px;
		background: #fff;
		-webkit-box-shadow: #310800 0 5px 50px;
		-moz-box-shadow: #310800 0 5px 50px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; }

		section.contact aside.nojs {
			color: #ce2300;
			font-weight: bold;
			font-size: 11px; }

		section.contact aside.credit {
			position: absolute;
			left: 0;
			color: rgba(255,255,255,.3);
			font-size: 11px;
			bottom: -31px; }

			section.contact aside.credit a {
				font-weight: bold;
				color: rgba(255,255,255,.4);
				text-decoration: none; }

				section.contact aside.credit a:hover {
					color: rgba(255,255,255,.8);
					text-decoration: underline; }

		section.contact p {
			padding-bottom: 15px;
			font: normal 14px/1.6em "Lucida Grande", "Verdana", sans-serif;
			color: #555; }

			section.contact p a {
				font-weight: bold;
				color: #000;
				text-decoration: none; }

				section.contact p a:hover {
					color: #ff0090 !important;
					text-decoration: underline !important; }

		section.contact form {
			padding: 25px 0 0 0;
			margin: 0;
			position: relative;
			background: transparent url(http://flyosity.com/moola/images/dotted.png) top left repeat-x; }

			section.contact form a.submitter {
				position: absolute;
				bottom: -44px;
				right: 3px;
				display: inline-block;
				padding: 0 18px;
				height: 19px;
				line-height: 19px;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				border-width: 1px;
				border-style: solid;
				text-decoration: none;
				font-family: "Lucida Grande", lucida, "Helvetica Neue", helvetica, sans-serif;
				font-size: 12px;
				color: #000;
				text-shadow: 0 1px 0 rgba(255,255,255,0.09); }

				.gecko section.contact form a.submitter {
					bottom: -41px; }

			section.contact form a.submitter {
				border-top-color: #5a5caf;
				border-bottom-color: #52536f;
				border-left-color: #56578f;
				border-right-color: #56578f;
				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0, #D3F7FD),
					color-stop(0.5, #87C5FB),
					color-stop(0.5, #A1D1F9),
					color-stop(1, #D4E9FC)
					);
				background-image: -moz-linear-gradient(
					center bottom,
					#D3F7FD 0%,
					#87C5FB 50%,
					#A1D1F9 50%,
					#D4E9FC 100%
					);
				-webkit-animation-name: blinking;
				-webkit-animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-duration: 1s;
				-moz-animation-name: blinking;
				-moz-animation-timing-function: ease-in-out;
				-moz-animation-iteration-count: infinite;
				-moz-animation-duration: 1s;
				animation-name: blinking;
				animation-timing-function: ease-in-out;
				animation-iteration-count: infinite;
				animation-duration: 1s; }

			section.contact form a.submitter:active {
				-webkit-box-shadow: 
						inset 0 19px 0 rgba(0,115,215,0.3), 
						inset 0 1px 0 rgba(255,255,255,1),
						0 1px 0 rgba(0,0,0,0.09);
				-webkit-animation-name: none;
				-moz-box-shadow: 
						inset 0 19px 0 rgba(0,115,215,0.3), 
						inset 0 1px 0 rgba(255,255,255,1),
						0 1px 0 rgba(0,0,0,0.09);
				-moz-animation-name: none;
				box-shadow: 
						inset 0 19px 0 rgba(0,115,215,0.3), 
						inset 0 1px 0 rgba(255,255,255,1),
						0 1px 0 rgba(0,0,0,0.09);
				animation-name: none;
				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0, #D3F7FD),
					color-stop(0.5, #87C5FB),
					color-stop(0.5, #A1D1F9),
					color-stop(1, #D4E9FC)
					);
				background-image: -moz-linear-gradient(
					center bottom,
					#D3F7FD 0%,
					#87C5FB 50%,
					#A1D1F9 50%,
					#D4E9FC 100%
					);
				border-top-color: #5a5caf;
				border-bottom-color: #52536f;
				border-left-color: #56578f;
				border-right-color: #56578f; }

			section.contact ul {
				list-style: none;
				padding: 0;
				position: relative;
				margin: 0; }

				section.contact li {
					padding: 0;
					margin: 0 0 25px 0; }

				section.contact li.message_area {
					position: absolute;
					top: 0;
					left: 300px; }

					section.contact li.message_area textarea {
						-webkit-box-shadow: #fff 0 1px 0;
						-moz-box-shadow: #fff 0 1px 0;
						margin: 0;
						border: 0;
						width: 583px;
						height: 169px;
						border-top: 1px solid #999;
						border-left: 1px solid #999;
						border-right: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
						padding: 4px 6px;
						font-size: 14px !important; }

						.gecko section.contact li.message_area textarea {
							height: 174px; }

					section.contact li label {
						display: block;
						font-weight: bold;
						font-size: 11px;
						padding: 0 0 5px 0; }

					section.contact li input.text {
						-webkit-box-shadow: #fff 0 1px 0;
						-moz-box-shadow: #fff 0 1px 0;
						border: 0;
						border-top: 1px solid #999;
						border-left: 1px solid #999;
						border-right: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
						padding: 4px 6px;
						font-size: 18px !important;
						width: 250px; }

		section.contact h3 {
			height: 14px;
			margin-bottom: 15px;
			text-indent: -9000px;
			background: transparent url(http://flyosity.com/moola/images/contact_me.png) top left no-repeat; }

.portfolio {
	margin: 0 0 -42px 0;
	background: #111 url(http://flyosity.com/moola/images/linen.png); }

	.portfolio h2, .portfolio h3 {
		padding: 50px 0;
		text-align: center;
		font: bold 30px/30px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		color: #fff;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
		text-shadow: #000 0 1px 3px; }

		.gecko .portfolio h2, .gecko .portfolio h3 {
			color: rgba(255,255,255,.6); }

		.portfolio h3 {
			padding: 0 0 25px 0;
			font-size: 18px;
			line-height: 18px; }

		.portfolio h2 em, .portfolio h3 em {
			font-family: "Palatino", "Georgia", serif;
			font-style: italic;
			font-weight: normal;
			padding-right: 3px;
			font-size: 30px;
			line-height: 0; }

			.portfolio h3 em {
				font-size: 18px; }

	.portfolio section {
		text-align: center;
		background: transparent url(http://flyosity.com/moola/images/portfolio_gradient.png) top left repeat-x;
		padding: 50px; }

body > nav {
	height: 47px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	background: #ddd url(http://flyosity.com/moola/images/nav_bg.png) -25% 100% repeat-x; }

	body > nav ul {
		list-style: none;
		position: relative;
		padding: 0;
		height: 47px;
		width: 900px;
		margin: 0 auto; }

		body > nav ul.home {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 70px 0 no-repeat; }

		body > nav ul.blog {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 170px 0 no-repeat; }

		body > nav ul.work {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 270px 0 no-repeat; }

		body > nav ul.services {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 384px 0 no-repeat; }

		body > nav ul.about {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 510px 0 no-repeat; }

		body > nav ul.contact {
			background: transparent url(http://flyosity.com/moola/images/nav_hover.png) 625px 0 no-repeat; }

		body > nav ul li {
			display: block;
			height: 34px;
			top: 6px;
			padding: 0;
			margin: 0;
			position: absolute;
			text-indent: -9000px; }

			body > nav ul li a {
				display: block;
				height: 34px;
				text-decoration: none;
				outline: none;
				background: transparent url(http://flyosity.com/moola/images/nav_items.png) top left no-repeat; }

			body > nav ul li.home {
				left: 128px;
				width: 85px; }

				body > nav ul li.home a {
					width: 85px; }

					body > nav ul li.home a:hover, body > nav ul.home li.home a {
						background-position: bottom left; }

			body > nav ul li.blog {
				left: 213px;
				width: 100px; }

				body > nav ul li.blog a {
					background-position: -85px 0;
					width: 100px; }

					body > nav ul li.blog a:hover, body > nav ul.blog li.blog a {
						background-position: -85px 100%; }

			body > nav ul li.work {
				left: 313px;
				width: 100px; }

				body > nav ul li.work a {
					background-position: -185px 0;
					width: 100px; }

					body > nav ul li.work a:hover, body > nav ul.work li.work a {
						background-position: -185px 100%; }

			body > nav ul li.services {
				left: 413px;
				width: 130px; }

				body > nav ul li.services a {
					background-position: -285px 0;
					width: 130px; }

					body > nav ul li.services a:hover, body > nav ul.services li.services a {
						background-position: -285px 100%; }

			body > nav ul li.about {
				left: 543px;
				width: 110px; }

				body > nav ul li.about a {
					background-position: -415px 0;
					width: 110px; }

					body > nav ul li.about a:hover, body > nav ul.about li.about a {
						background-position: -415px 100%; }

			body > nav ul li.contact {
				left: 653px;
				width: 117px; }

				body > nav ul li.contact a {
					background-position: -525px 0;
					width: 117px; }

					body > nav ul li.contact a:hover, body > nav ul.contact li.contact a {
						background-position: -525px 100%; }

section.services {
	width: 950px;
	margin: 0 auto; }

	section.services p {
		text-align: center;
		margin: 0 280px;
		line-height: 1.5em;
		color: #888;
		font-size: 11px; }

	.services .blue_info {
		-webkit-box-shadow: rgba(0,0,0,.3) 0 0 50px inset, rgba(0,0,0,.8) 0 2px 8px, #2e6ac4 0 5px 100px;
		-moz-box-shadow: rgba(0,0,0,.3) 0 0 50px inset, rgba(0,0,0,.8) 0 2px 8px, #2e6ac4 0 5px 100px;
		margin-bottom: 25px;
		background: #4d88e1 url(http://flyosity.com/moola/images/services_blue.png) top left no-repeat;
		height: 598px;
		position: relative; }

		.blue_info h5 {
			-webkit-font-smoothing: antialiased;
			position: absolute;
			left: 0;
			width: 100%;
			top: 182px;
			text-align: center;
			font: bold 60px/78px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
			color: #fff;
			text-shadow: #1b469b 0 2px 10px; }

			.blue_info h5 em {
				font-family: "Palatino", "Georgia", serif;
				font-style: italic;
				font-size: 60px;
				line-height: 0; }

		.blue_info h6 {
			-webkit-font-smoothing: antialiased;
			position: absolute;
			left: 0;
			width: 100%;
			text-align: center;
			top: 442px;
			text-shadow: #1b469b 0 2px 5px;
			font: bold 24px/0 "Helvetica Neue", "Helvetica", "Arial", sans-serif;
			color: rgba(255,255,255,.8); }

		.blue_info a {
			display: block;
			text-indent: -9000px;
			background: transparent;
			height: 100px;
			width: 300px;
			position: absolute;
			bottom: 0;
			right: 0; }

.content {
	width: 950px;
	padding: 50px 0 0 0;
	margin: 0 auto; }

	.content a.button {
		position: relative;
		top: -2px;
		cursor: pointer;
		display: inline-block;
		padding: 4px 8px;
		margin: 0;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: #fff 0 1px 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #ddd 0 1px 3px;
		-moz-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #ddd 0 1px 3px;
		background: -webkit-gradient(
			linear, left bottom, left top,
			color-stop(0, #f3f3f3),
			color-stop(0.5, #fff),
			color-stop(1, #fff)
		);
		background: -moz-linear-gradient(90deg, #f3f3f3, #fff);
		border: 1px solid #ccc;
		font: bold 10px "Lucida Grande", "Verdana", sans-serif;
		color: #aaa; }

		.content a.button:hover, .content a.button:active {
			color: #666;
			border-color: #aaa;
			-webkit-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #aaa 0 1px 3px;
			-moz-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #aaa 0 1px 3px; }

			.content a.button:active {
				background: -webkit-gradient(
					linear, left bottom, left top,
					color-stop(0, #fff),
					color-stop(0.5, #f3f3f3),
					color-stop(1, #f3f3f3)
				);
				background: -moz-linear-gradient(90deg, #fff, #f3f3f3); }

		.content a.button.mini {
			font-size: 9px;
			padding: 2px 5px; }

	.content aside {
		width: 300px;
		float: right; }

section.tweets {
	padding-top: 46px;
	clear: both; }

	section.tweets:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	section.tweets h3 {
		height: 14px;
		margin-bottom: 15px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/recent_tweets.png) top left no-repeat; }

	section.tweets ul {
		list-style: none; }

		section.tweets ul li {
			display: block;
			width: 280px;
			float: left;
			margin: 0 50px 50px 0; }

			section.tweets aside {
				width: auto;
				float: none; }

			section.tweets ul li:nth-child(3) {
				margin-right: 0; }

			section.tweets p {
				padding-bottom: 2px;
				font: normal 14px/1.6em "Lucida Grande", "Verdana", sans-serif;
				color: #555; }

			section.tweets aside p {
				background: transparent url(http://flyosity.com/moola/images/twitter_bird.png) 0 3px no-repeat;
				padding-left: 20px;
				font-size: 11px;
				color: #aaa; }

				section.tweets aside p a {
					color: #999; }

				section.tweets p small {
					font-weight: bold;
					font-size: 11px; }

					section.tweets p small a {
						color: #aaa;
						text-decoration: none; }

			section.tweets p em {
				font: normal 14px/0 "Palatino", "Georgia", serif;
				font-style: italic; }

			section.tweets p a {
				font-weight: bold;
				color: #000;
				text-decoration: none; }

				section.tweets p a:hover {
					color: #ff0090 !important;
					text-decoration: underline !important; }

section.project {
	padding-top: 42px;
	clear: both; }

	section.project a {
		border: 0;
		text-decoration: none;
		outline: none; }

		section.project a img {
			border: 0;
			outline: none;
			margin: 0; }

	section.project h3 {
		height: 18px;
		margin-bottom: 15px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/featured_project.png) top left no-repeat; }

section.bio {
	clear: both; }

	section.bio img {
		-webkit-box-shadow: rgba(0,0,0,.25) 0 2px 8px;
		-moz-box-shadow: rgba(0,0,0,.25) 0 2px 8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 0;
		float: left; }

	section.bio p.right {
		margin: 0 0 0 290px;
		position: relative;
		top: 26px;
		padding: 25px 0;
		border-top: double #eee;
		border-bottom: double #eee;
		font: normal 24px/1.5em "Hoefler Text", "Palatino Linotype", "Century", serif;
		color: #333; }

		section.bio p a {
			color: #333;
			font-weight: bold;
			text-decoration: none; }

			section.bio p a:hover {
				color: #ff0090; }

		section.bio p small {
			display: block;
			font-size: 18px;
			color: #666; }

	section.bio .dualie {
		padding-top: 50px;
		clear: both; }

		.dualie h3 {
			font: bold 12px/1em "Cochin", "Palatino Linotype", "Century", serif;
			text-transform: uppercase;
			margin-bottom: 9px; }

			.dualie p {
				font: normal 18px/1.5em "Hoefler Text", "Palatino Linotype", "Century", serif;
				color: #666; }

				section.bio .dualie p a {
					color: #333; }

					section.bio .dualie p a:hover {
						color: #ff0090; }

		.dualie:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; }

		.dualie .dualie_left {
			float: left;
			width: 450px; }

		.dualie .dualie_right {
			float: right;
			width: 450px; }

section.main, .content article {
	float: left;
	width: 600px; }

	section.main .featured h3 {
		height: 15px;
		margin-bottom: 15px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/featured_articles.png) top left no-repeat; }

	section.main .recent h3 {
		height: 15px;
		margin-bottom: 15px;
		margin-top: 26px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/recent_articles.png) top left no-repeat; }		

	section.main .articles ul {
		padding: 0 0 9px 0;
		list-style: none; }

		section.main .articles ul li {
			padding: 0;
			margin: 0 0 11px 0; }

			section.main .recent ul li {
				margin-bottom: 8px; }

			section.main .articles ul li a {
				font: bold 24px/1em "Helvetica Neue", "Helvetica", "Arial", sans-serif;
				color: #000;
				text-decoration: none; }

				section.main .featured ul li a em {
					font: normal 24px/0 "Palatino", "Hoefler Text", serif;
					font-style: italic; }

				section.main .recent ul li a em {
					font: normal 16px/0 "Palatino", "Hoefler Text", serif;
					font-style: italic; }

				section.main .recent ul li a {
					font-size: 16px; }

				section.main .articles ul li a:hover {
					text-decoration: underline; }

aside .elsewhere ul {
	list-style: none;
	height: 62px;
	padding: 0;
	margin: 0 0 46px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #ddd 0 1px 3px;
	-moz-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset, #ddd 0 1px 3px; }

	.elsewhere ul li {
		display: block;
		float: left;
		height: 60px;
		width: 25%;
		background: transparent;
		padding: 0;
		background: -webkit-gradient(
			linear, left bottom, left top,
			color-stop(0, #f3f3f3),
			color-stop(0.5, #fff),
			color-stop(1, #fff)
		);
		background: -moz-linear-gradient(90deg, #f3f3f3, #fff);
		margin: 0; }

		.elsewhere ul li:active {
			background: -webkit-gradient(
				linear, left bottom, left top,
				color-stop(0, #fff),
				color-stop(0.5, #f3f3f3),
				color-stop(1, #f3f3f3)
			);
			background: -moz-linear-gradient(90deg, #fff, #f3f3f3); }

		.elsewhere ul li a {
			display: block;
			border: 1px solid #ccc;
			border-right: 0;
			height: 60px;
			text-indent: -9000px;
			background: transparent;
			-webkit-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset;
			-moz-box-shadow: #fff 1px 1px 0 inset, #fff -1px -1px 0 inset; }

			.elsewhere ul li.twitter a {
				background: transparent url(http://flyosity.com/moola/images/twitter_logo.png) center center no-repeat; }

			.elsewhere ul li.dribbble a {
				background: transparent url(http://flyosity.com/moola/images/dribbble_logo.png) center center no-repeat; }

			.elsewhere ul li.linkedin a {
				background: transparent url(http://flyosity.com/moola/images/linkedin_logo.png) center center no-repeat; }

			.elsewhere ul li.facebook a {
				background: transparent url(http://flyosity.com/moola/images/facebook_logo.png) center center no-repeat; }

			.elsewhere ul li:first-child a, .elsewhere ul li:first-child {
				-webkit-border-top-left-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-bottomleft: 10px;
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px; }

			.elsewhere ul li:last-child a, .elsewhere ul li:last-child {
				-webkit-border-top-right-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
				-moz-border-radius-topright: 10px;
				-moz-border-radius-bottomright: 10px;
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
				border-right: 1px solid #ccc; }

				.elsewhere ul li:last-child {
					border: 0 !important; }

	.elsewhere h3 {
		height: 15px;
		margin-bottom: 15px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/find_me_elsewhere.png) top left no-repeat; }

aside .fusion {
	margin-bottom: 50px;
	position: relative;
	height: 104px; }
	
	.fusion a.powered_by {
		display: block;
		position: absolute;
		bottom: 0;
		left: 140px;
		font: bold 11px/1em "Lucida Grande", "Verdana", sans-serif;
		color: #555;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		text-decoration: none; }
	
		.fusion a.powered_by em {
			font: normal 12px "Palatino", "Hoefler Text", serif;
			font-style: italic; }
	
		.fusion a.powered_by:hover {
			color: #000; }
	
	.fusion span.fusiontext {
		display: block;
		position: absolute;
		left: 140px;
		top: 0;
		font: normal 11px/1.4em "Lucida Grande", "Verdana", sans-serif;
		color: #555; }
		
		.fusion span.fusiontext a {
			color: #555;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			text-decoration: none; }
			
			.fusion span.fusiontext a:hover {
				color: #000; }
	
	.fusion img {
		position: absolute;
		left: 0;
		top: 2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; }

aside .about {}
		
	.about h3 {
		height: 18px;
		margin-bottom: 15px;
		text-indent: -9000px;
		background: transparent url(http://flyosity.com/moola/images/about_mike_rundle.png) top left no-repeat; }

	.about p {
		padding: 0;
		margin: -5px 0 42px 0;
		font: normal 14px/1.6em "Lucida Grande", "Verdana", sans-serif;
		color: #555; }

		.about p em {
			font: normal 14px/0 "Palatino", "Georgia", serif;
			font-style: italic; }

		.about p img {
			width: 48px;
			height: 48px;
			float: left;
			margin: 4px 12px 5px 0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px; }

article {}

	article a {
		color: #333;
		font-weight: bold; }

	article h3 {
		font: bold 18px/16px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		padding: 20px 0 0 0;
		margin: 0 0 11px 0; }

	article blockquote p {
		color: #555;
		font-family: "Baskerville", "Palatino", "Georgia", serif;
		font-size: 18px;
		line-height: 1.6em;
		margin-bottom: 1.7em; }
		
		article ol {
			padding: 0 0 .7em 35px;
			margin: 0; }

		article ul {
			list-style-type: circle;
			padding: 0 0 .7em 35px;
			margin: 0; }

			article ul li, article ol li {
				font: normal 14px/22px "Lucida Grande", "Verdana", sans-serif;
				color: #555;
				padding-bottom: 1.1em; }

	article p {
		font: normal 14px/22px "Lucida Grande", "Verdana", sans-serif;
		color: #555;
		padding: 0;
		margin: 0 0 2em 0; }

		article p a, article li a {
			color: #000;
			font-weight: bold;
			text-decoration: underline; }

	article .metadata {
		padding: 0 0 25px 0;
		margin: 0 0 22px 0;
		background: transparent url(http://flyosity.com/moola/images/wide_dotted.png) bottom left repeat-x; }

		.metadata p {
			padding: 0;
			margin: 0;
			font: normal 14px/1em "Lucida Grande", "Verdana", sans-serif;
			color: #aaa; }

			.metadata p a {
				color: #999;
				font-weight: bold;
				text-decoration: none; }

	article header h1 {
		position: relative;
		margin: -5px 0 5px 0;
		font: bold 24px/1.3em "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

		article header h1 a {
			color: #333;
			text-decoration: none; }

			article header h1 a em {
				font-style: italic;
				color: #888;
				font-family: "Palatino", "Baskerville", "Georgia", serif;
				line-height: 0; } 

	article aside.metadata {
		display: block;
		float: none;
		width: auto; }

	article aside.feedback {
		display: block;
		float: none;
		width: auto;
		position: relative; }

		aside.feedback div {
			position: absolute;
			top: 3px;
			left: 0; }

		aside.feedback p {
			margin-left: 70px;
			font-size: 11px;
			line-height: 1.5em; }

	article a:hover {
		color: #ff0090 !important;
		text-decoration: underline !important; }

		article a:hover em {
			color: #ff0090; }

footer {
	clear: both;
	width: 400px;
	height: 100px;
	padding: 0 0 50px 0;
	margin: 0 auto; }

	footer nav {
		height: 9px;
		padding: 0;
		margin: 0; }

		footer nav ul {
			list-style: none;
			height: 9px;
			position: relative; }

			footer nav ul li {
				display: block;
				position: absolute;
				top: 0;
				opacity: .3;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				text-indent: -9000px; }

				footer nav ul li:hover {
					opacity: 1 !important; }

				footer nav ul li a {
					display: block;
					height: 9px;
					text-indent: -9000px;
					outline: none;
					text-decoration: none; }

				footer nav li.home {
					width: 35px;
					left: 0;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) 0 0 no-repeat; }

					footer nav li.home a {
						width: 35px; }

				footer nav li.blog {
					left: 47px;
					width: 32px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -47px 0 no-repeat; }

					footer nav li.blog a {
						width: 32px; }

				footer nav li.work {
					left: 91px;
					width: 37px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -91px 0 no-repeat; }

					footer nav li.work a {
						width: 37px; }

				footer nav li.services {
					left: 139px;
					width: 55px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -139px 0 no-repeat; }

					footer nav li.services a {
						width: 55px; }

				footer nav li.about {
					left: 206px;
					width: 40px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -206px 0 no-repeat; }

					footer nav li.about a {
						width: 40px; }

				footer nav li.contact {
					left: 258px;
					width: 58px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -258px 0 no-repeat; }

					footer nav li.contact a {
						width: 58px; }

				footer nav li.twitter {
					left: 328px;
					width: 50px;
					background: transparent url(http://flyosity.com/moola/images/footer_nav.png) -328px 0 no-repeat; }

					footer nav li.twitter a {
						width: 50px; }

	footer h4 {
		height: 39px;
		text-indent: -9000px;
		margin: 0 0 10px 0;
		background: transparent url(http://flyosity.com/moola/images/footer_logo.png) center center no-repeat; }

		footer h4 a {
			display: block;
			height: 39px;
			background: transparent;
			outline: none;
			text-decoration: none; }

	footer h5 {
		height: 14px;
		text-indent: -9000px;
		margin: 0 0 8px 0;
		background: transparent url(http://flyosity.com/moola/images/footer_h5.png) center center no-repeat; }

/** Modified from animate.css **/
@-webkit-keyframes tada {
	0%			{-webkit-transform: scale(1);}	
	10%, 20%	{-webkit-transform: scale(0.97) rotate(-1.3deg);}
	30%, 75%	{-webkit-transform: scale(1.03) rotate(1.3deg);}
	70%			{-webkit-transform: scale(1.03) rotate(-1.3deg);}
	100%		{-webkit-transform: scale(1) rotate(0);}
}

@-webkit-keyframes zoom {
	0%		{ -webkit-transform: scale(.94); }
	80%		{ -webkit-transform: scale(1.01); }
	100%	{ -webkit-transform: scale(1); }
}

@-webkit-keyframes fadeFirst {
	0%		{ -webkit-transform: translateY(20px); opacity: 0; }
	100%	{ -webkit-transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes fadeSecond {
	0%		{ -webkit-transform: translateY(20px); opacity: 0; }
	100%	{ -webkit-transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes fadeThird {
	0%		{ -webkit-transform: translateY(20px); opacity: 0; }
	100%	{ -webkit-transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes slideTwitter {
	0%, 50%	{ -webkit-transform: translateX(150px); }
	100%	{ -webkit-transform: translateX(0); }
}

/** From thomasmaier.me/lionbuttons/ **/
@-webkit-keyframes blinking {
	   from {
		   -webkit-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
	   50% {
		   -webkit-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0.2), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		to {
		   -webkit-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		}
		
		@-moz-keyframes blinking {
	   from {
		   -moz-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
	   50% {
		   -moz-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0.2), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		to {
		   -moz-box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		}
		
		@keyframes blinking {
	   from {
		   box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
	   50% {
		   box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0.2), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		to {
		   box-shadow: 
		   		inset 0 19px 0 rgba(0,115,215,0), 
				inset 0 1px 0 rgba(255,255,255,1),
				0 1px 0 rgba(0,0,0,0.09);
			}
		}