/**
 * Flyosity CSS
 * (c) Mike Rundle 2010
 */

/* Some style resets */
h1, h2, h3, h4, h5, h6, form, input, ul, ol, p, fieldset { padding: 0; margin: 0; }

/* HTML5 block-level reset for enhanced structural tag support in older browsers */
header, footer, section, aside, nav, article, figure { display: block; }

body {
	font: normal 14px/1.6em "Lucida Grande", "Verdana", sans-serif;
	color: #313b41;
	background: #c9deec url(_images/new/blue_noise.png);
	padding: 0;
	margin: 0; }
	
/* Syntax highlighting area */
pre {
	display: block;
	margin: 0 -20px 25px -20px;
	padding: 20px !important;
	background: rgba(255,255,255,.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #97b9d2 0 0 5px;
	border: 2px solid #a3c1d5;
	text-shadow: #fcf9f3 0 1px 0;
	overflow: auto; }
	
	pre.inline {
		padding: 0;
		margin: 0;
		overflow: auto;
		display: inline;
		background: transparent !important; }
	
	/* Thanks Tim! */
	pre::-webkit-scrollbar {
	    width: 8px;
	    height: 8px; }

	pre::-webkit-scrollbar-button:start:decrement, pre::-webkit-scrollbar-button:end:increment {
	    display: none; }

	pre::-webkit-scrollbar-button:vertical:increment {
	    background: transparent; }

	pre::-webkit-scrollbar-track-piece {
	    background: transparent;
	    -webkit-border-radius: 12px; }

	pre::-webkit-scrollbar-thumb:horizontal {
	    width: 50px;
	    background: #5a778b;
	    -webkit-border-radius: 8px; }

/* Blueprint header area */
body > header {
	height: 202px;
	background: #243b4c url(_images/new/new_header.jpg) top left repeat-x;
	position: relative; }
	
 	body > header img.shadow {
		opacity: .9;
		z-index: 50;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 202px; }
		
	.centered_header {
		width: 960px;
		height: 202px;
		position: relative;
		background: transparent url(_images/new/centered_bg.png) bottom left no-repeat;
		z-index: 80;
		margin: 0 auto; }
		
		.centered_header span.keyword {
			cursor: default;
			z-index: 79;
			display: block;
			position: absolute;
			color: #79b8d4;
			text-shadow: #000 0 -1px 0;
			-webkit-text-stroke: 1px transparent;
			opacity: 0;
			font: normal 30px "bello-pro-1", "bello-pro-2", "Helvetica", sans-serif; }
		
		.centered_header nav {
			position: absolute;
			bottom: -32px;
			left: 0;
			right: 0;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			background: rgba(0,107,176,.06);
			border: 1px solid rgba(0,55,93,.1);
			border-top: 0 !important;
			-webkit-box-shadow: rgba(255,255,255,.7) 0 1px 6px;
			-moz-box-shadow: rgba(255,255,255,.7) 0 1px 6px;
			height: 31px; }	
		
			.centered_header nav ul {
				padding: 0 0 0 14px;
				position: relative;
				margin: 0;
				list-style: none; }
				
				.centered_header nav ul li {
					display: block;
					float: left;
					padding: 0;
					margin: 0 20px 0 0;
					height: 30px;
					font: bold 12px/31px "Lucida Grande", "Verdana", sans-serif; }
					
				.centered_header nav ul li.digitalpost {
					position: absolute;
					float: none;
					left: 658px; }
					
				.centered_header nav ul li.beak {
					position: absolute;
					float: none;
					left: 772px; }
					
					.centered_header nav ul li a {
						display: block;
						float: left;
						padding: 0 0 0 22px;
						-webkit-transition: all .25s ease-in-out;
						height: 30px;
						color: rgba(0,0,0,.7);
						text-shadow: rgba(255,255,255,.8) 0 1px 0;
						text-decoration: none; }
						
					.centered_header nav ul li.home a {
						background: transparent url(_images/new/icons/house.png) center left no-repeat; }
						
					.centered_header nav ul li.archives a {
						background: transparent url(_images/new/icons/book_open.png) center left no-repeat; }
						
					.centered_header nav ul li.services a {
						background: transparent url(_images/new/icons/box_down.png) center left no-repeat; }
						
					.centered_header nav ul li.portfolio a {
						background: transparent url(_images/new/icons/briefcase.png) center left no-repeat; }
						
					.centered_header nav ul li.about a {
						background: transparent url(_images/new/icons/vcard.png) center left no-repeat; }	
						
					.centered_header nav ul li.contact a {
						background: transparent url(_images/new/icons/email_open.png) center left no-repeat; }
						
					.centered_header nav ul li.digitalpost a {
						background: transparent url(_images/new/icons/newspaper.png) center left no-repeat; }
						
					.centered_header nav ul li.beak a {
						background: transparent url(_images/new/icons/twitter.png) center left no-repeat; }
			
					body.home li.home a, body.archives li.archives a,
					body.about li.about a,
					body.services li.services, body.portfolio li.portfolio a,
					body.contact li.contact a, body.digitalpost li.digitalpost a,
					body.beak li.beak a {
						font-weight: bold;
						color: #c10000; }
						
					.centered_header nav ul li a:hover {
						color: #c10000; }
			
					.centered_header nav ul li a:active {
						position: relative;
						top: 1px; }
		
	/* Logo */
	.centered_header h1 {
		z-index: 80;
		position: absolute;
		top: 0;
		left: 224px;
		height: 202px;
		padding: 0;
		width: 511px;
		margin: 0; }
		
		.centered_header h1 a {
			display: block;
			height: 202px;
			width: 511px;
			text-indent: -9000px;
			text-decoration: none;
			-moz-outline-style: none;
			outline: none;
			background: transparent url(_images/new/new_logo.png) center left no-repeat; }
	
	/* Twitter */
	body > header h2 {
		position: absolute;
		z-index: 82;
		left: 655px;
		top: 46px;
		width: 160px;
		height: 71px;
		padding: 0;
		margin: 0; }
				
	 	body > header h2 a {
			display: block;
			width: 160px;
			height: 71px;
			text-indent: -9000px;
			background: transparent url(_images/new/new_twitter.png) top left no-repeat; }
			
			body > header h2:active {
				margin-top: 1px; }
	
	/* RSS */
	body > header h3 {
		position: absolute;
		z-index: 83;
		left: 815px;
		top: 46px;
		width: 63px;
		height: 71px;
		padding: 0;
		margin: 0; }
		
		body > header h3 a {
			display: block;
			width: 63px;
			height: 71px;
			text-indent: -9000px;
			background: transparent url(_images/new/new_rss.png) top left no-repeat; }
			
			body > header h3:active {
				margin-top: 1px; }
		
.frame {
	border-top: 1px solid rgba(255,255,255,.9);
	background: transparent url(_images/new/white_trans.png) top left repeat-x;
	border-bottom: 1px solid rgba(255,255,255,.35); }
	
.frame_inner {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0; }
		
	.side_content {
		float: right;
		padding-top: 15px;
		width: 300px; }
		
		/* The widget's included CSS is really specific and needs to be overridden */
		#twtr-widget-1, #twtr-widget-1 div, #twtr-widget-1 .twtr-doc,
		#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline,
		#twtr-widget-1 .twtr-tweets, #twtr-widget-1 .twtr-tweet {
			background: url(_images/new/trans.gif) !important;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			border: 0 !important;
			border-radius: 0 !important; }
			
			#twtr-widget-1 .twtr-avatar {
				border: 0 !important;
				position: relative;
				top: 3px; }
				
				#twtr-widget-1 .twtr-avatar img {
					border: 0 !important;
					height: 30px !important;
					width: 30px !important;
					-webkit-box-shadow: rgba(255,255,255,.6) 0 1px 0;
					-moz-box-shadow: rgba(255,255,255,.6) 0 1px 0;
					-webkit-border-radius: 3px !important;
					-moz-border-radius: 3px !important; }
		
			#twtr-widget-1 .twtr-tweet {
				margin-bottom: 15px !important; }
		
			#twtr-widget-1 .twtr-tweet:last-child {
				margin-bottom: 0 !important; }
		
			#twtr-widget-1 .twtr-tweet-wrap {
				padding: 0 !important; }
				
			#twtr-widget-1 .twtr-tweet-text p {
				font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif !important;
				color: rgb(49,59,65) !important; }
				
				#twtr-widget-1 .twtr-tweet-text p i {
					display: block;
					font: normal 9px/9px "Lucida Grande", "Verdana", sans-serif !important; }
					
					#twtr-widget-1 .twtr-tweet-text p i a {
						font-weight: normal !important; }
				
				#twtr-widget-1 .twtr-tweet-text p a {
					-webkit-transition: all .25s ease-in-out;
					font-weight: bold !important;
					color: #000 !important;
					text-decoration: none !important; }
					
					#twtr-widget-1 .twtr-tweet-text p a:hover {
						color: #c10000 !important; }
					
				#twtr-widget-1 .twtr-tweet-text a.twtr-user {
					display: none; }
		
			.twtr-widget .twtr-ft {
				display: none !important; }
			
			.twtr-widget .twtr-hd {
				display: none !important; }
				
			.twtr-widget .twtr-bd {
				padding: 0; }
		
		.side_content section, .portfolio .main_content section {
			padding: 10px;
			text-shadow: rgba(255,255,255,.65) 0 1px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background: rgba(0,107,176,.05);
			border: 1px solid rgba(0,55,93,.2);
			-webkit-box-shadow: rgba(255,255,255,.65) 0 0 6px, rgba(0,0,0,.08) 0 1px 4px inset;
			-moz-box-shadow: rgba(255,255,255,.65) 0 0 6px, rgba(0,0,0,.08) 0 1px 4px inset;
			margin: 0 0 30px 0; }
			
			.portfolio .main_content section {
				width: 938px; }
			
			.side_content section h1, .portfolio .main_content section h1 {
				position: relative;
				margin: -11px -11px 10px -11px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				background: rgba(0,55,93,.08);
				padding: 10px 10px 8px 10px;
				font: bold 10px/10px "Lucida Grande", "Verdana", sans-serif;
				text-transform: uppercase;
				-webkit-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
				-moz-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
				border-bottom: 1px solid rgba(0,55,93,.08);
				color: rgba(0,55,93,.7); }
				
				.portfolio .main_content section h1 {
					text-transform: none;
					font: bold 18px/18px "Helvetica", "Verdana", sans-serif;
					color: #002d4c; }
			
					.portfolio .main_content section h1 em {
						color: #002d4c;
						opacity: .7;
						font: bold 18px "Palatino", "Georgia", serif;
						font-style: italic; }
			
			.side_content section.popular_articles { }
			
				.side_content section.popular_articles ol {
					margin: 0;
					padding: 0;
					list-style-type: none; }
					
					.side_content section.popular_articles ol li {
						padding: 3px 0 0 20px;
						margin: 0 0 5px 0;
						font: bold 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
						background: transparent url(_images/new/icons/bullet_blue.png) 0 0 no-repeat; }
						
						.side_content section.popular_articles ol li:last-child {
							margin-bottom: 0; }
						
						.side_content section.popular_articles ol li.tutorial {
							background: transparent url(_images/new/icons/bullet_picture.png) 0 0 no-repeat; }
							
						.side_content section.popular_articles ol li a {
							position: relative;
							top: -3px;
							color: #000;
							text-decoration: none;
							-webkit-transition: all .25s ease-in-out; }
							
							.side_content section.popular_articles ol li a:hover {
								color: #c10000; }
							
			.side_content section.fusion_ads {
				position: relative;
				height: 107px; }
			
			.side_content section.fusion_ads a.powered_by {
				display: block;
				position: absolute;
				bottom: 9px;
				left: 154px;
				font: bold 10px "Lucida Grande", "Verdana", sans-serif;
				color: rgba(0,107,176,.7);
				-webkit-transition: all .25s ease-in-out;
				text-shadow: rgba(255,255,255,.4) 0 1px 0;
				text-decoration: none; }
			
				.side_content section.fusion_ads a.powered_by em {
					font: normal italic 12px "Palatino", "Hoefler Text", serif; }
			
				.side_content section.fusion_ads a.powered_by:hover {
					color: #c10000; }
			
			.side_content section.fusion_ads span.fusiontext {
				display: block;
				position: absolute;
				left: 154px;
				right: 10px;
				top: 10px;
				font: normal 11px/1.4em "Lucida Grande", "Verdana", sans-serif;
				color: #000; }
				
				.side_content section.fusion_ads span.fusiontext a {
					color: rgb(49,59,65);
					-webkit-transition: all .25s ease-in-out;
					text-decoration: none; }
					
					.side_content section.fusion_ads span.fusiontext a:hover {
						color: #c10000; }
			
			.side_content section.fusion_ads img {
				position: absolute;
				left: 10px;
				top: 10px;
				background: rgba(0,55,93,.4);
				-webkit-box-shadow: rgba(255,255,255,.75) 0 1px 2px;
				-moz-box-shadow: rgba(255,255,255,.75) 0 1px 2px;
				padding: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				-webkit-border-radius: 3px; }

		.side_content .recent_tweets {
			display: none; }
			
			.side_content .tweets_header {
				margin: -11px -11px 10px -11px;
				padding: 11px 10px 7px 11px;
				background: rgba(0,55,93,.04);
				-webkit-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
				-moz-box-shadow: rgba(255,255,255,.45) 0 1px 3px;
				border-bottom: 1px solid rgba(0,55,93,.08); }
			
				.tweets_header h3 {
					margin: 0 0 0 58px;
					padding: 0;
					font: normal 11px/1.5em "Lucida Grande", "Verdana", sans-serif;c
					color: #333; }
			
				.tweets_header h2 {
					margin: 0 0 0 58px;
					padding: 0 0 3px 0;
					font: normal 14px "Lucida Grande", "Verdana", sans-serif;
					color: #333; }
				
					.tweets_header h2 span {
						font-size: 11px;
						color: rgba(0,0,0,.7); }
				
					.tweets_header h2 a {
						font-weight: bold;
						-webkit-transition: all .25s ease-in-out;
						text-decoration: underline;
						color: #000; }
						
						.tweets_header h2 a:hover {
							color: #c10000; }
			
				.tweets_header a img {
					border: 0 !important;
					float: left;
					margin: 0;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					-webkit-box-shadow: rgba(255,255,255,.6) 0 1px 0;
					-moz-box-shadow: rgba(255,255,255,.6) 0 1px 0; }

			.side_content .twitter_content ul {
				list-style: none;
				text-shadow: rgba(255,255,255,.8) 0 1px 0;
				padding: 0;
				margin: 0 0 20px 0;
				color: #002b32; }

				.twitter_content li span a {
					font-weight: bold;
					text-decoration: none;
					color: #002329; }

					.twitter_content li span a:hover {
						text-decoration: underline; }

				.twitter_content li small {
		 			display: block;
					margin: 0 0 15px 0;
					padding: 3px 0 0 0;
					font: normal 9px "Lucida Grande", "Verdana", sans-serif;
					color: #002b32; }

					.twitter_content li small a {
						color: #002b32;
						font-weight: bold;
						text-decoration: none; }

						.twitter_content li small a:hover {
							color: #000; }
		
	.main_content {
		float: left;
		width: 600px; }
		
		body.about .main_content {
			width: 614px;
			position: relative;
			left: -7px;
			top: -13px;
			height: 947px;
			background: transparent url(_images/new/about_paper.png) top left no-repeat; }
			
			.about_area {
				position: absolute;
				top: 86px;
				left: 74px;
				font: normal 14px "Marker Felt", "ff-market-web-1", "ff-market-web-2", serif;
				width: 510px; }
				
				.about_area h1 {
					font-size: 28px;
					line-height: 28px;
					color: rgba(0,0,0,.8);
					padding: 25px 0 5px 0;
					margin: 0; }
					
				.about_area p + h1 {
					padding-top: 27px; }	
					
				.about_area p {
					padding: 0;
					margin: 0 0 30px 0;
					color: rgba(0,0,0,.6);
					line-height: 30px;
					-webkit-transition: all .25s ease-in-out;
					font-size: 18px; }

					.ff3 .about_area p {
						font-size: 18px !important; }
					
					.about_area p a {
						color: #000;
						-webkit-transition: all .25s ease-in-out;
						text-decoration: none; }
						
						.about_area p a:hover {
							color: #c10000; }
		
		body.portfolio .main_content {
			float: none;
			width: 960px;
			padding-top: 14px;
			position: relative; }

		.main_content section {
			position: relative;
			top: -1px;
			width: 600px;
			padding: 15px 0 0 0;
			margin: 0 auto; }
			
			.main_content .contact_area { }
			
				.contact_area p.send_message {
					position: relative;
					top: -9px;
					text-align: right; }
				
					.contact_area p.send_message a {
						font: bold 12px/34px "Lucida Grande", "Verdana", sans-serif;
						color: rgba(0,0,0,.7);
						text-shadow: rgba(255,255,255,.8) 0 1px 0;
						padding: 7px 9px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-box-shadow: rgba(255,255,255,.5) 0 1px 0;
						-moz-box-shadow: rgba(255,255,255,.5) 0 1px 0;
						border-top: 1px solid rgba(0,0,0,.1);
						background: rgba(0,0,0,.15);
						text-decoration: none; }
		
				.contact_area .airmail {
					width: 621px;
					height: 371px;
					position: relative;
					left: -8px;
					margin-bottom: 20px;
					background: transparent url(_images/airmail.png) top left no-repeat;
					border: 0; }
				
					.airmail fieldset {
						border: 0;
						width: 621px;
						background: transparent url(_images/airmail_inner.gif) top left no-repeat;
						height: 371px; }
				
						.airmail fieldset .fieldset_inner {
							padding: 40px 45px; }
					
						.airmail fieldset .right_side {
							float: right;
							width: 248px; }
				
					.contact_area fieldset label {
						font: bold 11px "Lucida Grande", "Verdana", sans-serif;
						text-transform: uppercase;
						padding: 0 0 3px 0;
						margin: 0;
						color: #555;
						text-shadow: #fff 0 1px 0;
						display: block; }
					
					.contact_area fieldset input, .contact_area fieldset textarea {
						width: 240px;
						padding: 3px;
						font-size: 12px;
						border: 1px solid #ccc;
						margin-bottom: 15px;
						color: #000 !important;
						border-top-color: #777;
						border-left-color: #777;
						background: #fff !important;
						display: block; }

						.contact_area input:focus, .contact_area input:active, .contact_area input:blur {
							color: #000 !important;
							background: #fff !important; }
					
						.contact_area fieldset textarea {
							margin-bottom: 0;
							height: 151px;
							width: 523px; }
		
				.contact_area h2, .explanation h2 {
					padding: 0;
					margin: 0 0 10px 0;
					font: bold 24px/1.25em "Helvetica", "Verdana", sans-serif;
					text-shadow: rgba(255,255,255,.8) 0 1px 0;
					color: #002d4c; }
						
				.contact_area h3, .explanation h3 {
					color: rgba(0,45,76,.55);
					text-shadow: rgba(255,255,255,.7) 0 1px 0;
					margin-bottom: 16px;
					font: normal 14px/1.5em "Lucida Grande", "Verdana", sans-serif; }
				
					.contact_area h3 a, .explanation h3 a {
						color: rgba(0,45,76,.65);
						text-decoration: underline; }
				
					.contact_area h3 strong, .explanation h3 strong {
						color: #3e505a; }

			article h3 {
				font: bold 18px "Helvetica", "Arial", sans-serif;
				font-weight: bold;
				padding: 0 0 3px 0;
				margin: 0; }
		
			article p {
				padding: 0 0 1.4em 0;
				margin: 0; }

				article p.comment_notice {
					font-size: 11px;
					line-height: 1.5em; }
		
			article {
				background: transparent url(_images/new/dots.png) bottom center no-repeat;
				padding-bottom: 60px;
				margin-bottom: 60px;
				text-shadow: rgba(255,255,255,.5) 0 1px 0; }
			
			article blockquote {
				padding: 0;
				margin: 0 35px; }			
			
				article blockquote p {
					font: normal 18px/1.5em "Baskerville", "Palatino", "Georgia", serif; }

				article p a, article li a {
					color: #000;
					-webkit-transition: all .25s ease-in-out;
					font-weight: bold; }
				
					article p a:hover, article li a:hover {
						color: #c10000; }
			
				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 {
						padding-bottom: 1.1em; }
		
			article aside.metadata {
				padding-bottom: 3px;
				padding-top: 1px;
				border-bottom: 1px solid rgba(0,111,176,.3); }
			
				article aside.metadata ul {
					list-style: none;
					height: 34px;
					padding: 0;
					margin: 0; }
				
					article aside.metadata ul li {
						height: 34px;
						line-height: 34px;
						color: rgba(0,45,76,.6);
						text-shadow: rgba(255,255,255,.7) 0 1px 0;
						display: block;
						padding: 0;
						float: right; }
					
					article aside.metadata ul li.categories {
						float: left;
						background: transparent url(_images/new/tags.png) center left no-repeat;
						padding-left: 30px;
						margin-left: 10px; }	
					
					article aside.metadata ul li.date {
						float: left; }
					
					article aside.metadata ul li.comments {
						background: transparent url(_images/new/comment_bubble.png) center left no-repeat;
						padding-left: 36px; }
					
						article aside.metadata ul li a {
							color: rgba(0,45,76,.8);
							font-weight: bold;
							-webkit-transition: all .25s ease-in-out;
							text-decoration: none; }
						
							article aside.metadata ul li a:hover {
								color: #c10000; }
			
			article aside + * {
				padding-top: 12px;
				border-top: 1px solid rgba(255,255,255,.5); }
		
			article h1 {
				padding: 0;
				margin: 0;
				font: bold 24px/1.25em "Helvetica", "Verdana", sans-serif;
				color: #002d4c; }
			
				article h1 a {
					color: #002d4c;
					text-shadow: rgba(255,255,255,.8) 0 1px 0;
					text-decoration: none; }
				
					article h1 a em {
						color: #002d4c;
						opacity: .7;
						font: bold 24px "Palatino", "Georgia", serif;
						font-style: italic; }
				
footer {
	position: relative;
	height: 320px;
	background: #666 url(_images/new/footer.jpg); }
	
	footer img.shadow {
		opacity: .9;
		z-index: 50;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 320px; }

	.footer_inner {
		position: relative;
		background: transparent url(_images/new/footer_inner.png) top center no-repeat;
		padding-top: 91px;
		z-index: 80;
		width: 960px;
		margin: 0 auto; }

		footer section, footer nav {
			height: 220px;
			padding: 0 25px 0 0;
			width: 274px;
			float: left; }
			
		footer section {
			margin-left: 193px; }
			
		footer nav {
			border-right: 0;
			padding: 0 0 0 25px;
			float: left; }

			footer h1 {
				clear: both;
				font: bold 14px "Lucida Grande", "Verdana", sans-serif;
				color: #8bb5d0;
				text-shadow: rgba(0,0,0,.7) 0 1px 3px;
				padding: 15px 0 0 0;
				margin: 0 0 3px 0; }
				
			footer nav h1 {
				padding-top: 0; }

				footer h1 a {
					font: normal 9px "Lucida Grande", "Verdana", sans-serif;
					text-transform: uppercase;
					padding: 2px 6px 1px 6px;
					-webkit-border-radius: 11px;
					-moz-border-radius: 11px;
					border-radius: 11px;
					-webkit-box-shadow: rgba(255,255,255,.2) 0 1px 0;
					-moz-box-shadow: rgba(255,255,255,.2) 0 1px 0;
					background: rgba(255,255,255,.1);
					color: #8bb5d0;
					text-decoration: none;
					-webkit-transition: all .25s ease-in-out; }

					footer h1 a:hover {
						background: rgba(255,255,255,.15);
						color: #e4f4ff; }

						footer h1 a:active {
							position: relative;
							color: #fff;
							top: 1px; }

			footer ul {
				list-style: none;
				padding: 6px 0 0 0;
				margin: 0; }

				footer li {
					display: block;
					float: left;
					padding: 0;
					background: transparent;
					margin: 0 8px 8px 0;
					height: 17px; }

				footer li a {
					display: block;
					float: left;
					border-top: 1px solid #96d1f8;
					background: #3e779d;
					background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
					background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
					height: 17px;
					padding: 0 10px;
					-webkit-border-radius: 8px;
					-moz-border-radius: 8px;
					border-radius: 8px;
					-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 3px;
					-moz-box-shadow: rgba(0,0,0,.5) 0 1px 3px;
					text-shadow: rgba(0,0,0,.4) 0 1px 0;
					-webkit-text-stroke: 1px transparent;
					font: bold 11px/16px "Lucida Grande", "Verdana", sans-serif;
					color: rgba(255,255,255,.85);
					text-decoration: none; }

					footer li a:hover {
						border-top: 1px solid #4789b4;
						background: #28597a;
						background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
						background: -moz-linear-gradient(top,  #3d789f,  #28597a);
						color: rgba(255,255,255,.85); }

					footer li a:active {
						border-top-color: #245779;
						background: #1b435e;
						position: relative;
						top: 1px; }

			footer p {
				font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
				color: #688ea5;
				text-shadow: rgba(0,0,0,.7) 0 1px 3px;
				padding: 0;
				margin: 0; }

				footer p span {
					font-style: normal;
					font-weight: normal;
					color: #688ea5; }

				footer p a {
					-webkit-transition: all .25s ease-in-out;
					font-weight: bold;
					color: #8ecbf2;
					text-decoration: none; }

					footer p a:hover {
						text-decoration: none;
						color: #fff; }

				footer p img {
					float: left;
					margin: 0 15px 0 0; }