@font-face {
	font-family: "Museo Sans";
	font-style: normal;
	src: url('fonts/MuseoSans_500.otf');
}
@font-face {
	font-family: "Museo Sans";
	font-style: italic;
	src: url('fonts/MuseoSans_500_Italic.otf');
}
@font-face {
	font-family: "Museo Slab";
	font-style: normal;
	src: url('fonts/Museo_Slab_500.otf');
}
@font-face {
	font-family: "Museo Slab";
	font-style: italic;
	src: url('fonts/Museo_Slab_500italic.otf');
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

body {
	margin: 0;
	font: 15px "Museo Sans", sans-serif;
	background: url(images/bg.jpg) repeat #1d1f1b;
	color: #7e8078; }
	
	h2,
	.spaced {
		font-family: FuturaStd-Heavy, Futura, sans-serif; }
	
	#homeLogo {
		display: block;
		width: 160px;
		height: 102px;
		margin: 0;
		background-color: #fff;
		border-top: 5px solid #a2b30b;
		-webkit-transition-property: background-color;
  		-webkit-transition-duration: 0.2s;
  		-moz-transition-property: background-color;
  		-moz-transition-duration: 0.2s;
  		-o-transition-property: background-color;
  		-o-transition-duration: 0.2s;
  		transition-property: background-color;
  		transition-duration: 0.2s; }
		#homeLogo:hover {
			background-color: #a2b30b; }
	
	.colorStrong {
		color: #fff; }
	.colorWeak {
		color: #7e8078; }
	.colorEmphasis {
		color: #ccc; }
	.copyright {
		border-top: 1px solid #7e8078;
		padding-top: 15px; }
		.copyright .symbol {
			position: relative;
			top: -0.1em;
			font-size: 0.8em; }
		.copyright .year {
			font-size: 0.9em; }
		.copyright .owner {
			font-size: 0.9em;
			text-transform: uppercase; }
	.divider {
		height: 1px;
		background-color: #7e8078; }
	.spaced {
		letter-spacing: 2px;
		text-transform: uppercase; }
	.clear {
		clear: both; }
	a {
		position: relative;
		color: inherit;
		text-decoration: none;
		border-bottom: 1px solid;
		-webkit-transition-property: color;
  		-webkit-transition-duration: 0.2s;
  		-moz-transition-property: color;
  		-moz-transition-duration: 0.2s;
  		-o-transition-property: color;
  		-o-transition-duration: 0.2s;
  		transition-property: color;
  		transition-duration: 0.2s; }
		a:hover {
			color: #a2b30b; }
		a:active {
			top: 1px;}
	img {
		border: none; }
	del {
		color: #3b3d36;
		text-decoration: line-through; }
	
	#container {
		margin: 0 auto 90px auto;
		padding: 0;
		width: 828px;
		line-height: 1.2em;
		-webkit-text-size-adjust: none; }
		#intro {
			display: block;
			font-size: 22px;
			line-height: 36px;
			margin-top: 0;
			font-family: "Museo Sans", sans-serif;
			padding-bottom: 0;
			color: #1d1f1b; }
			#intro h1 {
				margin: 0 30px 0 0;
				padding: 36px 0 0 0;
				width: 211px;
				font-size: 48px;
				font-weight: normal;
				color: #fff;
				border-top: 10px solid #a2b30b; }
			#intro p {
				padding: 0 0 22px 0; }
		
		#columns {
			margin-top: 65px; }
			.column {
				float: left;
				width: 236px;
				margin-right: 60px;
				padding-top: 18px;
				line-height: 17px;
				/*border-top: 1px solid #7e8078;*/ }
				.columnFinal {
					margin-right: 0;
					margin-bottom: 65px;
					float: right; }
				.doubleColumn {
					width: 532px; }
				.fullColumn {
				  width: 828px; }
			.column .asterisk {
				display: block;
				float: left;
				margin: 0 3px 0 -20px;
				font-size: 36px; }
			.column h2 {
				margin: 0;
				padding: 0 0 4px 0;
				font-size: 14px;
				font-weight: normal;
				letter-spacing: 3px;
				color: #aaa;
				text-transform: uppercase;
				border-bottom: 1px solid #7e8078; }
				#portfolio h2 {
					margin-bottom: 15px; }
				.column ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
					/*border-bottom: 1px solid #3b3d36;*/ }
					.column ul li {
						margin: 0;
						padding: 0; 
						border-bottom: 1px solid #3b3d36; }
						.column ul .last {
							border-bottom: none; }
							.about #travel ul .last {
								border-bottom: 1px solid #3b3d36; }
						#portfolio ul li {
							border: none;
							margin-bottom: 1px; }
						.column ul li a,
						.about #travel ul li {
							display: block;
							border-bottom: none;
							font-size: 13px;
							line-height: 17px;
							padding: 13px 0 14px 0;
							color: #fff; }
							#projects ul li a {
								padding-left: 70px;
								background-position: 0 13px;
								background-repeat: no-repeat; }
							.column ul li a:hover {
								color: #a2b30b; }
							.column ul li a .title,
							.about #travel ul li .title {
								display: block;
								margin:1px 0 4px 0;
								padding: 0;
								font-family: "Museo Slab"; }
								#portfolio ul li a .title {
									float: left; }
							#portfolio ul li a img {
								margin: 3px 15px 4px 0;
								-webkit-border-radius: 3px;
								-moz-border-radius: 3px;
								-o-border-radius: 3px;
								border-radius: 3px; }
							.column ul li a .description,
							.about #travel ul li .description {
								font-family: "Museo Sans";
								color: #7e8078; }
								#portfolio ul li a .description {
									display: block;
									float: left;
									margin: 2px 0 4px 12px;
									font-size: 12px;
									font-style: italic; }
							.doubleList li {
								width: 236px; }
								.doubleList .left {
									float: left; }
								.doubleList .right {
									float: right; }								
							
							#job {
								display: block;
								position: relative;
								left: -13px;
								top: 3px;
								width: 236px;
								margin-bottom: 17px;
								padding: 8px 13px 7px 13px;
								color: #1d1f1b;
								background-color: #a2b30b;
								-webkit-transition-property: background-color;
						  		-webkit-transition-duration: 0.2s;
						  		-moz-transition-property: background-color;
						  		-moz-transition-duration: 0.2s;
						  		-o-transition-property: background-color;
						  		-o-transition-duration: 0.2s;
						  		transition-property: background-color;
						  		transition-duration: 0.2s; }
								#job:hover {
									background-color: #fff; }
													
							#twitter-status {
								display: block; }
								#twitter-output a {
									display: inline;
									padding: 0 0 1px 0;
									color: #7e8078;
									border-bottom: 1px solid; }
									#twitter-output a:hover {
										color: #a2b30b; }
							#twitter-timestamp {
								display: block;
								margin-top: 7px; }
							
							#line {
								position: relative;
								top: -504px;
								left: -2000px;
								width: 322px;
								height: 432px;
								margin-bottom: -432px;
								background-image: url(images/line.png);
								-webkit-transition: left 3s ease;
								-moz-transition: left 3s ease;
								-o-transition: left 3s ease;
								transition: left 3s ease; }
		
		#footer {
			margin: 65px 0 0 0;
			padding-top: 15px;
			font-size: 13px; }
									
		.secondary {
			color: #fff; }
			.secondary h2 {
				margin: 0;
				padding: 0;
				font-weight: normal;
				font-size: 28px;
				line-height: 1.5em;
				letter-spacing: 1px; }
			.secondary h1 {
				padding: 0;
				margin: 0;
				font-weight: normal;
				font-size: 38px; }		
			.secondary .next {
					float: right;
					text-align: right; }
	
			.thoughts p {
				margin: 0 0 1em 0;
				padding: 0;
				line-height: 1.4em; }
				.thoughts .small {
					font-size: 0.8em; }
			.thoughts #left {
				float: left;
				width: 532px;
				margin: 0; }
				.thoughts #left .title {
					width: 828px;
					font-size: 14px;
					padding: 14px 0 4px 0;
					border-bottom: 1px solid #7e8078; }
				.thoughts #left h1 {
					padding-top: 0.5em;
					padding-bottom: 30px; }
				.thoughts #left .date {
						font-size: 12px; }
			.thoughts #right {
				float: right;
				width: 236px;
				margin-top: 193px; }
				.thoughts .next,
				.thoughts .previous {
					font-size: 13px; }
		
			.portfolio p {
				font-size: 13px;
				line-height: 1.4em; }
			.portfolio #left {
				float: left;
				width: 236px;
				margin: 0; }
				.portfolio #left h1 {
					width: 828px;
					padding-top: 0.5em; }
					.portfolio #left .ruled {
						padding-bottom: 26px;
						margin-bottom: 30px;
						border-bottom: 1px solid #7e8078; }
						.portfolio #left .title {
							width: 828px;
							font-size: 14px;
							padding: 0 0 4px 0;
							border-bottom: 1px solid #7e8078; }
					.portfolio #left .date {
						font-size: 12px;
						padding-top: 18px; }
				.portfolio #right {
					float: right;
					width: 532px;
					margin-top: 243px; }
					.portfolio #right h1 {
						position: relative;
						left: -296px;
						width: 828px;
						margin-top: 110px; }
					.portfolio #right img {
						margin-top: 1em;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						-o-border-radius: 3px;
						border-radius: 3px; }
					.portfolio #right p {
						color: #7e8078;
						margin-bottom: 2em; }
						
				.iphone {
					position: relative;
					top: -180px;
					margin-bottom: -180px; }
			
			#contactForm label {
				margin: 0;
				padding: 0 10px 0 3px;
				text-align: right;
				font-size: 13px;
				color: #7e8078; }
				#contactForm #shorterLabel1 {
					padding-left: 19px; }
				#contactForm #shorterLabel2 {
					padding-left: 16px; }
			#contactForm input,
			#contactForm textarea {
				margin: 15px 0 0 0;
				padding: 0; }
				#contactForm input[type=text] {
					font: 15px Georgia, serif;
					width: 360px;
					color: #fff;
					background-color: transparent;
					border: none; }
			.formLine {
				width: 400px;
				border-bottom: 1px solid #7e8078; }
				#contactForm textarea {
					font: 15px Georgia, serif;
					padding: 7px;
					width: 516px;
					color: #fff;
					background-color: transparent;
					border: 1px solid #7e8078; }
				#contactForm #human {
					width: 30px;
					text-align: center; }
			#contactSubmit {
				display: block;
				-webkit-appearance: square-button;
				width: 100%;
				height: 3em;
				font-size: 15px;
				color: #fff;
				background-color: transparent;
				border: 1px solid #fff;
				-webkit-transition-property: color, border-color;
		  		-webkit-transition-duration: 0.2s;
		  		-moz-transition-property: color, border-color;
		  		-moz-transition-duration: 0.2s;
		  		-o-transition-property: color, border-color;
		  		-o-transition-duration: 0.2s;
		  		transition-property: color, border-color;
		  		transition-duration: 0.2s; }
		  		#contactSubmit:hover {
		  			color: #a2b30b;
		  			border-color: #a2b30b; }
				#contactSubmit:active {
					position: relative;
					top: 1px; }
			
			.about h1 {
				padding-top: 0 !important;
				border-bottom: none !important; }
				.about li .spaced {
					width: 100% !important;
					border: none !important;
					text-decoration: none !important; }
				.about #bio {
					height: 204px;
					margin: 32px 0 0px 0;
					padding-top: 30px;
					font-size: 22px;
					line-height: 36px;
					font-family: "Museo Sans", sans-serif;
					border-top: 2px solid #7e8078; }
				.about .column {
					padding-top: 0;
					margin-bottom: 66px; }
					.about .column h2 {
						margin: 0;
						padding: 0 0 4px 0;
						font-size: 14px;
						font-weight: normal;
						letter-spacing: 3px;
						color: #aaa;
						text-transform: uppercase;
						border-bottom: 1px solid #7e8078; }
					.about #left {
						margin-bottom: -66px; }
					.about #right {
						margin-top: 42px; }
					.about #portrait {
						position: relative;
						margin-top: 59px;
						margin-bottom: 79px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						-o-border-radius: 3px;
						border-radius: 3px; }
					.about ul .solo a .title {
						margin-bottom: -3px; }
					.about .column .description em {
						display: block;
						font-size: 12px;
						margin-bottom: 4px; }
					.about #location ul li a {
						padding-left: 24px;
						-webkit-transition-property: background-color;
				  		-webkit-transition-duration: 0.2s;
				  		-moz-transition-property: background-color;
				  		-moz-transition-duration: 0.2s;
				  		-o-transition-property: background-color;
				  		-o-transition-duration: 0.2s;
				  		transition-property: background-color;
				  		transition-duration: 0.2s;
						background: url(images/location.png) top left no-repeat #fff; }
						.about #location ul li a:hover {
							background-color: #a2b30b; }

.homeSingle {
  margin-bottom: 50px; }
.homeSingle #homeLogo img {
  z-index: -100; }
.homeSingle #bio {
  margin-top: 50px;
  height: 170px; }
.homeSingle .fullColumn h2 {
  border-bottom: none; }
.homeSingle .fullColumn li {
  float: left;
  width: 192px;
  margin-right: 20px; }
.homeSingle .fullColumn ul li:last-child {
  margin-right: 0; }
.homeSingle .fullColumn ul li {
  border-top: 1px solid #7E8078;
  border-bottom: none; }
/*.homeSingle .fullColumn ul li a {
  padding-bottom: 55px; }
.homeSingle .fullColumn ul li:first-child a {
  padding-bottom: 14px; }*/
.homeSingle #left .title {
  width: 192px !important;
  border-bottom: none !important; }
.homeSingle #portrait {
  z-index: 100;
  margin-top: 46px; }
.homeSingle #line {
  top: -450px; }
.homeSingle #footer {
  border: none;
  margin-top: 40px;
  color: #3b3d36; }