@charset "UTF-8";
/* CSS Document */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}



/*////////////////////////////////////*/
/*////////////////////////////////////*/
/*////////////////////////////////////*/
/*////////////////////////////////////*/



/*
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/



@font-face {
	font-family: 'IM Fell Great Primer';
	src: url('fonts/fegprm27c-webfont.eot');
	src: local('☺'), url('fonts/fegprm27c-webfont.woff') format('woff'), url('fonts/fegprm27c-webfont.ttf') format('truetype'), url('fonts/fegprm27c-webfont.svg#webfontEgg609ff') format('svg');
	font-weight: normal;
	font-style: normal;
}





a {
	color: #256e94;
	text-decoration: none;
	outline: none;
}



html, body {
	background: url(images/paper.jpg) -100px no-repeat;
	font-family: 'IM Fell Great Primer', sans-serif;
	font-size: 12px;
	color: #454336;
}

.js #wrapper {
	min-width: 900px;
	overflow: hidden;
	height: 100%;
	min-height: 660px;
	/*min-height: 720px;*/
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: url(images/background.jpg);
		box-shadow: 0 4px 12px #AFCDD5;
	-webkit-box-shadow: 0 4px 12px #AFCDD5;
	-moz-box-shadow: 0 4px 12px #AFCDD5;
	color: #AFCDD5;
}



h1 {
	display: block;
	float: left;
	position: relative;
	top: 0;	left: 0;
	
}
	h1 a {
		display: block;
		color: #636358;
		padding:30px 20px 28px 40px;
		letter-spacing: -0.025em;
		/*font: normal 80px/0.8em 'IM Fell Great Primer', sans-serif;*/
		font: normal 60px/0.8em;
		text-shadow: #f8fff0 0 1px 0;
	}
		
			h1 .first-name{
			font-family: 'Voltaire', sans-serif;
			
			font-size: 50px;
			text-transform: uppercase;
			padding-left: 10px;
		}
		
		h1 .last-name{
			font-family: 'Voltaire', sans-serif;
			
			font-size: 50px;
			text-transform: uppercase;
			padding-left: 0px;
		}
		
	
		
		
h2 {
	font-size: 40px;
	color: #454336;
	text-shadow: #eef3de 0 1px 0;
}	



#menu {
	position: absolute;
	right: 100px;
	top: -10px;
	
	margin-left: 500px;
 padding: 0px 0px 200px 200px;
}
#menu li  {
	float: left;
	padding: 10px;
}








#content {
	clear: both;
	position: relative;
	top: 0;	left: 0;
	width: 8300px;
	z-index: 30;
	-webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     -o-font-smoothing: antialiased;
     font-smoothing: antialiased;
}


#offset_wrapper {
	position: relative;
	top: 0;	left: 0;
	z-index: 30;
}	


	
	
	
#s_home{
	position: absolute;
	top: 160px;	left: 100px;
	
}
		#s_home a {
			position: relative;
			top: 0;	left: 0;
			display: block;
			z-index: 100;
			-webkit-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			
		}
		#s_home #scale {
			position: absolute;
				-webkit-transform-origin: 0 40px;
		-moz-transform-origin: 0 40px;
		-o-transform-origin: 0 40px;
		
		}
	.review {
		
	
		
		-webkit-transform-origin: 0 40px;
		-moz-transform-origin: 0 40px;
		-o-transform-origin: 0 40px;
		transform-origin: 0 40px;
		opacity: 0;
		}
		
	
		
	
				
	
			
			
			
			
			.reviewbg {
			
			
			
			
		}
			
		
		
		
	
		
		
	.reviewbg2 {
		
		}
		
		
		
	
		
		
	
		
			
			
		
		
		
	
		
		.reviewbg3 {
			
			
			
			
		}
	
		
		
	.review.animate {
		-webkit-transition: all 0.8s;
		-ms-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-o-transition: all 0.8s;
		transition: all 0.8s;
	}
	
	
	
	.review cite {
		font-size: .8em;
		color: #82826e;
		text-transform: uppercase;
		text-align: right;
		padding-top: 5px;
		display: block;
	}
	
	
	
	
#s_portfolio{
	width: 300px;
	height: 300px;	
	position: absolute;
	top: 100px;	left: 2010px;
	font-size: 30px;
	font-size: 17px;
	line-height: 1.3em;
	text-align: justify;
}
		#s_portfolio h2 {
			color: #777262;
				font-family: 'League Script', cursive;
			float: inherit;
			margin: 0px 0px 0 -170px;
			font-size:45pt;
			width: 225px;
			text-align: right;
			line-height: 0.2em;
			font-weight:bold;
		}
		#s_portfolio h2 .book_title{
			font-size: 35pt;
			line-height: 1em;
			margin-bottom: -10px;
			display: block;
			color: #327287;
		}
		#s_portfolio .section_content{
			position: absolute;	top: 0;	left: -140px;
			z-index: 20;
		}
		#s_portfolio p {
			padding: 0px 20px 0 0px;
			/*background: url(imgs/back_fff.png)*/
		}	
		#s_portfolio a {
			text-transform: uppercase;
			font-size: 75%;
		}
		#s_portfolio p.first-paragraph:first-letter {
			font-size: 700%;
			color: #8e8875;
			line-height: 1em;
			display: block;
			float: left;
			padding: 0 10px 0 0;
			margin: -20px 0;
			
		}
		#s_portfolio .coffee_stain {
			width: 298px;	height: 298px;
			background: url(imgs/coffee_stain.png);
			position: absolute;
			top: 130px;	right: -140px;
			z-index: 1;
		}
	
		
	
#s_about-me{
	width: 400px;
	height: auto;	
	position:absolute;
	top: 150px;	
	left: 3700px;
	font-size: 17px;
	line-height: 1.3em;
	overflow: visible;
}
		#s_about-me h2 {
			
			width: 100%;
			clear: none;
			font-family: 'League Script', cursive;
			font-size: 45pt;
		
		}
		
		
		#s_about-me p {
			padding: 0px 20px 0 0px;
			/*background: url(imgs/back_fff.png)*/	
		}
		#s_about-me .section_content{
			position: absolute;	top: -30px;	left: -272px;
			z-index: 20;
		}
		
		
		
		
		/*
		#headshot {
			position: absolute;
			background: url(images/bg.jpg);
			top: 50px;	left: -335px;
			box-shadow: 1px 4px 12px #9ca08d;
			-webkit-box-shadow: 1px 4px 12px #000;
			-moz-box-shadow: 1px 4px 12px #000;
			padding: 20px 20px 80px 20px;
		}
		#headshot img { display: block; 
		}
		.entry_wrapper {
			margin: 20px;
		}
		#s_about-me .entry {
			margin-left: 30px;
		}
		#s_about-me p {
			font-size: 80%;
			padding: 0 100px 20px 0;
		}
*/
		

#s_resume{
	width: 700px;
	position: absolute;
	top: 110px;	left: 7270px;
	margin-left: -210px;
	font-size: 18px;
}

	
	#s_resume p {
		padding: 0 0.7em;
		line-height: 1.3em;
		margin: 10px 0;
	}

#s_resume .section_content{
			position: absolute;	top: -30px;	left: -272px;
			z-index: 20;
		}
		

 



#s_otherwork {
	position: absolute;
	top: 75px;	left: 9780px;
	
}

#s_otherwork h2 {
			color: #327287;
				font-family: 'League Script', cursive;
			float: inherit;
			font-size:45pt;
			margin: 20px 0 0 40px;
			line-height: 0.2em;
			font-weight:bold;}
			
			
					
	#s_otherwork #plea {
		width: 488px;
		font-size: 17px;
		line-height: 35px;
		margin: 40px 0 7px -155px ;
		text-align: justify;
		left:-300px;
		
	}	
	#otherwork-link {
		position: relative;	top: -60px;	left: -200px;
		width: 202px;
		height: 281px;
		margin: 10px auto 0 auto;
		text-align: center;
	}
	.otherwork_thumb {
		display: block;
		width: 154px;
		height: 239px;
		z-index: 50;
		position: absolute;	top: 0;	left: 0;
		padding: 0 20px;
		-webkit-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;	
		-webkit-transform-origin: 75px 239px;
		-moz-transform-origin: 75px 239px;
		-o-transform-origin: 75px 239px;
		transform-origin: 75px 239px;

	}
	#amazon_btn {
		margin-top: 230px;
	}
	
	

	
#s_contact {
	width: 732px;
	height: 477px;
	position: absolute;
	top: 120px;	left: 11390px;
	margin-left: -200px;
}
	#s_contact,
	#yourname,
	#youremail,
	.inputhelper {
		font-family: 'IM Fell Great Primer';
		color: #636358;
		font-size: 24px;
		background: none;
		outline: none;
		border: none;
		resize: none;
	}
	
	#yourmessage,
	.inputhelper {
		font-family: 'IM Fell Great Primer';
		color: #636358;
		font-size: 24px;
		background:url(images/message.png) no-repeat;
		outline: none;
		border: none;
		resize: none;
	}
	
	
	
	
	#postcard {
		position: relative;
		top: 60px;
		left: 0;
		background: url(images/post.jpg) no-repeat ;
		width: 732px;
		box-shadow: 1px 4px 12px #9ca08d;
			-webkit-box-shadow: 1px 4px 12px #000;
			-moz-box-shadow: 1px 4px 12px #000;
		
		z-index: 5;
	}
	#yourmessage {
		margin: 30px 30px 0 30px;
		width: 336px;
		height: 330px;
		position: relative;	top: 170px;	left: 30px;
		z-index: 20;
	}
	
	#yourmessage:hover {
		background: none;
		
	}	
	#yourmessage:focus {
		
		font-style: normal;
	}
	#yourname:focus,
	#youremail:focus {
		background:url(images/dash.png) no-repeat 0;
		font-style: normal;
		
	}	

	#yourname,
	#youremail,
	#senderinfo .meta,
	.inputhelper {
		
		text-align: right;
		margin: 5px 5px 5px 20px;
		width: 250px;
		padding: 0;
	}
	#senderinfo .meta {
		font-size: 80%;
		font-style: normal;
		color: #838476;
		display: none;
	}	
	#senderinfo input {
		position: absolute;
		top: -70px;	left: 0px;
		z-index: 50;
	}
	#senderinfo .input_field {
		position: relative;	top: -70px;	left: 400px;
		height: 40px;
	}
	*::selection {
		background: #636358;
		color: #cccdb8;
	}	
	#stamp, #stamp_inner {
		width: 200px;	height: 150px;
		position: absolute;
		left: 576px;	top: 23px;
		background: url(images/stamp.png) no-repeat;
		z-index: 30;
	}
		#stamp_inner {
			top: 0; left: 0;
			-webkit-transition: all 0.4s;
			-ms-transition: all 0.4s;
			-moz-transition: all 0.4s;
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
	#stamp_help {
		display: none;
	}
	.js #stamp_help {
		display: block;
		width: 120px;	height: 160px;
		background: url(imgs/sprites_8.png?v=2) no-repeat;
		position: absolute;	top: 28px;	right: -48px;
	}
	#postmark1 {
		width: 120px;	height: 220px;
		position: absolute;
		left: 520px;	top: 30px;
		background: url(images/stamp.png) no-repeat;
	}
	#postmark2 {
		width: 170px;	height: 200px;
		position: absolute;
		left: 633px;	top: 117px;
		background: url(images/stamp.png) 0 -136px no-repeat ;
	}
	#postmark3 {
		width: 189px;	height: 150px;
		position: absolute;
		left: 360px;	bottom: 11px;
		background: url(images/stamp.png) 0 -259px no-repeat ;
	}
	#stamp_dropzone {
		width: 166px;	height: 172px;
		position: absolute;	top: 0px;	left: 560px;
	}
	.inputhelper {	position: absolute; z-index: 0;
		font-style: italic;  color: #9b9c8b;
}
	#loading {
		display: none;
		background: url(loader.gif) no-repeat;
		width: 66px;	height: 66px;
		position: absolute; left: 430px;	top: 150px;
	}
	#s_contact #sendmsg {
		position: absolute;
		bottom: 20px;	right: 60px;
	}
	.js #s_contact #sendmsg {
		display: none;
	}
	#robo_test {
		position: absolute;	
		bottom: 50px;	right: 20px;
		width: 150px;
		font-size: 15px;
		z-index: 75;
	}
		#robo_test label {
			display: block;
			padding-bottom: 15px;
		}
		.js #robo_test {
			display: none;
		}
	#msg_help {
		width: 252px;	height: 86px;
		background: url(imgs/sprites_8.png?v=2) no-repeat 0px -100px;
		position: absolute;	top: 148px;	left: 63px;
		z-index: 8;
	}		
	#sent {
		position: absolute;
		top: 100px;
		left: 230px;
		width: 360px;
		text-align: center;
		line-height: 2em;
		z-index: 1;
	}
	#sent h3{
		font-size: 90px;
		text-shadow: #fffae1 0 1px 0;
		line-height: 1.5em;
	}
			
	.error {
		position: absolute;
		background: url(images/bg.jpg);
		font-size: 20px;
		line-height: 24px;
		color: #339;
		width: 300px;
		border-radius: 10px;	
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 1px 1px 8px #111;
		-webkit-box-shadow: 1px 1px 8px #111;
		-moz-box-shadow: 1px 1px 8px #111;
		z-index: 100;
	}		
	.error h3 {
		text-align: center;
		font-size: 26px;
		padding-bottom: 10px;
	}
	.error .error_content {
		padding: 20px;
	}
	.error em {
	color: #09C;
	font-size: 80%;
	padding: 0 5px;
	text-transform: uppercase;
	}		

			
	
			
			
				
	
#nav 		{display: none;}
.js #nav 	{display: block;}	
#nav a {
	display: block;
	width: 54px;	height: 54px;
	position: fixed;
	top: 50%;
	z-index: 50;
}
	#nav a#prev {
		left:5px;
		background: url(images/back.png) no-repeat;
	}
	#nav a#next {
		right:5px;
		background: url(images/forward.png) no-repeat;
	}
	




#path {
	width: 3700px;
	height: 1px;
	/*border-top: 2px dashed #a8ae95;*/
	position: absolute;
	/*top: 500px;
	left: 670px;*/
	top: 170px;	left: 640px;
	z-index: -1;
}
	#path #path_0 {
		position: absolute;
		left: -260px;
		top: 120px;
		background: url(images/line.png) no-repeat;
		width: 1950px; /*1689px;*/
		height: 305px;
	}
	#path #path_1 {
		position: absolute;
		left: 2230px;
		top: 190px;
		background: url(imgs/path_1a.png) no-repeat;
		width: 1690px;
		height: 235px;
	}
	#path #path_2 {
		position: absolute;
		left: 4740px;	top: -10px;
		background: url(imgs/path_1a.png) no-repeat;
		width: 1630px;
		height: 235px;
	}
	#path #path_3 {
		position: absolute;
		left: 7105px;
		top: 120px;
		background: url(imgs/path_1a.png) no-repeat;
		width: 1690px;
		height: 235px;
	}
	#path #path_4 {
		position: absolute;
		left: 8790px;
		top: -125px;
		background: url(imgs/path_3.png) no-repeat;
		width: 1800px;
		height: 500px;
	}



.hidden{
	display: none;
}



#waves_1 {
	width: 100%;
	height: 80px;
	background: url(imgs/waves_1.png) 0px 0px repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 40; /*7;*/
}

#waves_2 {
	width: 100%;
	height: 105px;
	background: url(imgs/waves_2.png?v=2) 0px 0px repeat-x;
	position: fixed;
	bottom: 0px;
	z-index: 5;
	left: 0;
}



#footer .blogger_btn {
	display: block;
	position: fixed;
	bottom: 18px;	left: 80px;
	width: 50px;	height: 50px;
	background: url(images/blogger.png) no-repeat;
	text-indent: -99999px;
	z-index: 50;
}
#footer .facebook_btn {
	display: block;
	position: fixed;
	bottom: 18px;	left: 20px;
	width: 50px;	height: 50px;
	background: url(images/facebook.png) no-repeat;
	text-indent: -99999px;
	z-index: 50;
}
#footer a {
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;	
}
#footer a:hover {
	padding-bottom: 10px;
}



.alignright {
	float: right;
	padding: 10px 0 10px 30px;
}
.alignleft {
	float: left;
	padding: 10px 30px 10px 0;
}



body.page #content {
	position: relative;
	width: auto;
	height: 100%;
	padding: 100px;
	z-index: 5;
}
body.page #header {
	background: url(imgs/back_paper_cool.jpg) 0px 0px repeat;
	box-shadow: 0 4px 12px #ccc9bf;
	-webkit-box-shadow: 0 4px 12px #ccc9bf;
	-moz-box-shadow: 0 4px 12px #ccc9bf;
}
body.page h2 {
	font-size: 20px;
	float: none;
	color: #8e8875;
	margin: 40px 0 20px 0;
	text-transform: uppercase;
	width: 400px;
}
body.page h1.entry-title {
	font-size: 40px;
	float: none;
	margin: 10px 0 25px 0;
}
body.page p {
	font-size: 18px;
	width: 600px;
	margin: 15px 0;
	line-height: 22px;
	text-align: justify;
}
body.page #waves_1 {
	z-index: 22;
}
body.page #waves_2 {
	z-index: 20;
}
html body.page.js #wrapper {
	min-width: 800px;	
	overflow: ;
}
body.page .btn_down {
	position: fixed;
	bottom: 120px;
	left: 25px;
	background: url(imgs/btn_down.png) no-repeat;
	width: 41px;
	height: 41px;
	z-index: 25;
}