@charset "UTF-8";

@media all {

	* {margin:0;padding:0;}
	
	html, body {
		font-size: 62.5%;
	}
	body {
		background: #5f5b51;
		font-size: 12px;
		font-family: "museo-slab-1","museo-slab-2", Georgia, Helvetica, serif;
		color: #0d0d0d;
		font-weight: 300;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	    text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}
	a {
		color: #687314;
		font-weight: 500;
		text-decoration: underline;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		transition: all .3s linear;
	}
	a:hover,
	a:active,
	a:focus {
		color: #4f5710;
		text-decoration: none;
	}
	h1, h2, h3 {
		color: #4f5710;
	}
	h1 {
		font-size: 22px;
		line-height: 39px;
	}
	h2 {
		font-size: 15px;
		font-weight: 300;
		line-height: 22px;
	}
	h2 span {
		font-weight: 500;
	}
	h3 {
		font-style: italic;
		font-weight: 500;
		font-size: 14px;
		line-height: 18px;
		padding-top: 24px;
	}
	p {
		font-size: 12px;
		line-height: 17px;
	}
	.hidden {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#me {
		width: 435px;
		height: 240px;
		padding: 30px 30px 30px 135px;
		background: #f4f0f1;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -150px 0 0 -300px;
		border: 1px solid rgba(255,255,255,.8);	
		-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.6);
		-moz-box-shadow: -1px 1px 2px rgba(0,0,0,.6);
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		color: #0d0d0d;
	}
	#me:before {
	   content:"";
	   position:absolute;
	   top:-2px;
	   right:-2px;
	   border-width:0 18px 18px 0;
	   border-style:solid;
	   border-color:#5f5b51 #5f5b51 #f4f0f1 #f4f0f1;
	   background: transparent;
	   -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0 1px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	   display:none; 
	   width:0; 
	}
	#me:hover:before {
		display: block;
	}
	#photo {
		background: transparent url(img/me.jpg) 0 -10px no-repeat;
		position: absolute;
		top: 30px;
		left: 36px;
		width: 65px;
		height: 65px;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.6);
		-webkit-border-radius: 33px;
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.6);
		-moz-border-radius: 33px;
		box-shadow: 0 0 3px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.6);
		border-radius: 33px;
		-webkit-transition: opacity .3s linear;
		-moz-transition: opacity .3s linear;
		transition: opacity .3s linear;
		opacity: .8;
	}
	#photo:hover {
		opacity: 1;	
	}
	#contact {
		list-style: none;
		margin: 7px 0 0 0;
		line-height: 18px;
	}
	.adr {
		padding-top: 7px;
	}
	#info {
		position: absolute;
		right: -47px;
		bottom: 20px;
		background: rgba(0,0,0,.2);
		height: 30px;
		padding: 10px 0 0 0;
		width: 45px;
		text-align: center;
	}
	#info:hover {
		background: rgba(0,0,0,.4);
	}
	#info a {
		border-radius: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		padding: 2px 7px;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
		text-transform: lowercase;
	}
	#socialize {
		display: none;
		position: absolute;
		top: 0px;
		left: 135px;
		height: 240px;
		width: 405px;
		padding: 30px 0 30px 30px;
		background: #f4f0f1;
		list-style: none;
		line-height: 25px;
		border-left: 3px dotted #5f5b51;
	}
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

	body {
		-webkit-text-stroke: 0; 
		-webkit-text-size-adjust: none;
		background: #f4f0f1;
	}
	#me { 
		position: relative;
		top: auto;
		left: auto;
		width: auto; 
		height: auto;
		margin: 0;
		padding: 30px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: 0;
	}
	#me:hover:before {
		display: none;
	}
	h1 {
		line-height: 25px;
		font-size: 18px;
	}
	h2 {
		font-size: 13px;
		line-height: 19px;
	}
	#photo {
		position: relative;
		margin: 0px 0 20px 0;
		top: auto;
		left: auto;
		opacity: 1;
	}
	.typekit-badge {
		display: none !important;
	}
	#info {
		display: none;
	}
	
}