/**
 * zantow.us stylesheet
 */
.box-shadow(@x, @y, @blur: 1px, @alpha) {
	@val: @x @y @blur rgba(0, 0, 0, @alpha);
	box-shadow: @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow: @val;
}
.border-box() {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.border-radius(@rad) {
	-webkit-border-radius: @rad;
	-moz-border-radius: @rad;
	border-radius: @rad;
}
.opacity(@val) {
	opacity: @val;
	filter: e(%("alpha(opacity=%d)",@val*100));
}
.gradient(@startcolor: #FFFFFF, @endcolor: #EDEDED) {
	/* CSS3 Gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(@startcolor), to(@endcolor));
	background: -moz-linear-gradient(top,  @startcolor,  @endcolor);
	// IE6 & 7
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @startcolor, @endcolor));
	// IE8
	-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @startcolor, @endcolor);
}
.page-align() {
	margin: 0 auto;
}
.bgicon(@x,@y) {
	background: transparent url(images/jquery-ui-gray.gif) -16px*@x -16px*@y no-repeat;
}
span.bg, span.fg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent url(images/parallax-bg.png) 0 0;
}
span.fg {
	background: transparent url(images/parallax-fg.png) 0 0;
}
html {
	position: relative;
	zoom: 1;
	overflow: auto;
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	background: #e0efb2 url(images/zantow.us.gradient.png) left -2px repeat-x;
	background: #d6e3a1 url(images/zantow.us.gradient.png) left -2px repeat-x;
	font-smooth: always; -webkit-font-smoothing: always;
}
body {
	padding: 0 0;
	margin: 0;
	position: relative;
	font: 11px Helvetica, Arial, sans;
	line-height: 14px;
	color: #2e2f15;
	> span.bg, > span.fg {
		height: 110px;
		bottom: auto;
	}
}
// PDFs displayed in iframe
body > .document {
	@width: 838px;
	background: transparent url(images/button-gradient.gif) repeat-x left top;
	position: fixed;
	border: 3px solid #242424;
	top: 24px;
	bottom: 24px;
	left: 50%;
	margin-left: -1px*@width/2;
	width: @width;
	padding: 29px 0 0 0;
	.border-radius(5px);
	.box-shadow(0, 0, 30px, .5);
	z-index: 1000;
	> div {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 28px;
		line-height: 29px;
		text-align: center;
		vertical-align: middle;
		border-bottom: 1px solid #333;
		> a {
			float: left;
			> ins {
				width: 16px;
				height: 16px;
				margin: 6px 2px 6px 6px;
				float: left;
				vertical-align: middle;
				.bgicon(6,7);
			}
		}
		> a[href='close'] {
			float: right;
			> ins {
				margin: 6px 6px 6px 2px;
				float: right;
				.bgicon(5,8);
			}
		}
	}
	> object, > object > iframe {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		border: 0;
		background: #fff;
	}
}
h1, h2 {
	padding: 14px 0 6px 0;
	margin: 0;
	text-shadow: 0 1px 1px #fff,  0 1px 2px #333;
}
p, blockquote {
	margin: 0;
	padding: 10px 1px;
}
blockquote {
	background: transparent url(images/zantow.us.quote.png) 0 5px no-repeat;
	margin-left: -14px;
	padding-left: 32px;
}
.header {
	width: 939px;
	.page-align;
	position: relative;
	background: url(images/zantow.us.header.png) 0 0 no-repeat;
	height: 116px;
	h1 {
		background: transparent;
		position: absolute;
		top: 16px;
		left: -64px;
		font-size: 28px;
		> a { color: #2e2f15; }
	}
	> a {
		display: block;
		.opacity(0);
		height: 35px;
		cursor: pointer;
		line-height: 0px;
		position: absolute;
		text-indent: -9000px;
		background: url(images/zantow.us.header.png) 0 0 no-repeat;
		border: 0;
		bottom: 7px;
		@off_x: 16px;
		@off_y: -116px;
		.hdr_bg(@left,@width) { @offset: @off_x; width: 1px*@width; left: 1px*@left+@offset; background-position: -1px*(@left+@offset) @off_y; }
		&[href='/Projects'] { .hdr_bg(@off_x,64) }
		&[href='/Music'] { .hdr_bg(@off_x+64,59) }
		&[href=''] {
			left: 0;
			top: 0;
			width: 160px;
			height: 70px;
			border: 0 !important;
		}
	}
}
.content {
	width: 939px-206;
	.page-align;
	background: transparent url(images/zantow.us.mainbg.png) 0 -80px repeat-y;
	padding: 0 100px 30px 106px;
	position: relative;
}
.trail {
	position: absolute;
	left: 39px;
	top: -10px;
	.opacity(0);
	padding: 10px 0 0 0;
	z-index: 100;
	a { margin: 0 3px; }
}
.footer {
	width: 939px;
	height: 39px;
	font-size: 10px;
	padding-top: 14px;
	.page-align;
	background: url(images/zantow.us.footer.png) 0 0 no-repeat;
	text-align: center;
	vertical-align: middle;
	clear: both;
}
a {
	outline: none;
	text-decoration: none;
	color: #880909;
	&:hover, &:focus {
		text-decoration: underline;
	}
}
.linklist {
	margin-right: 200px;
	position: relative;
	margin-bottom: 12px;
	b, i, u {
		display: inline-block;
		vertical-align: middle;
		width: 10em;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
	}
	b {
		width: 18em;
	}
	u {
		width: 5em;
	}
	> span {
		display: block;
		border: 0;
		border-bottom: 1px dotted #555;
		padding: 6px 8px;
		color: #2e2f15;
	}
	> a {
		display: block;
		position: relative;
		border: 0;
		border-bottom: 1px dotted #880909;
		padding: 8px 8px 9px 8px;
		z-index: 10;
		zoom: 1;
		&:hover {
			text-decoration: none;
			padding: 10px 10px 11px 10px;
			top: -4px;
			margin: 0 -4px -7px -4px;
			background: #fff;
			z-index: 20;
			background: #e0efb2 url(images/zantow.us.gradient.png) 0 -111px repeat-x;
			.box-shadow(1px, 1px, 5px, .5);
			.border-radius(5px);
			border: 2px solid #880909;
		}
		b {
			font-weight: bold;
		}
		span {
			display: block;
			color: #555;
		}
		> img {
			float: left;
			margin: -2px 8px 0 0;
			border: 1px solid #000;
		}
	}
}
.home {
	position: relative;
	margin: 12px 0;
	text-align: center;
	> a {
		text-align: left;
		display: inline-block;
		position: relative;
		width: 24.5%;
		background: #fff url(images/zantow.us.gradient.png) left 1px repeat-x;
		.box-shadow(0, 2px, 10px, .25);
		.border-radius(5px);
		border: 2px solid #880909;
		vertical-align: top;
		padding: 2.4em 3%;
		margin: 1%;
		&:hover {
			text-decoration: none;
			.box-shadow(0, 4px, 10px, .25);
		}
		> b {
			display: block;
			font-size: 1.3em;
			margin-bottom: .5em;
		}
		> span {
			text-shadow: 0 1px 2px #000;
			display: block;
			color: #fff;
		}
		> ins {
			position: absolute;
			display: inline-block;
			left: 50%;
			.opacity(0);
			bottom: -32px;
			margin-left:-8px;
			width: 16px;
			height: 16px;
			.bgicon(0,1);
		}
	}
}
.icon(@x,@y) {
	> ins {
		position: absolute;
		display: inline-block;
		top: 50%;
		margin-top: -8px;
		left: 0;
		.opacity(0);
		width: 16px;
		height: 16px;
		.bgicon(@x,@y);
	}
	&:hover {
		> ins {
			left: 2px;
		}
	}
}
.linklist > a {
	.icon(2,2);
}
.linklist.download > a {
	.icon(14,2);
}
.linklist > a[href$='.mp3'] {
	.icon(2,1);
	> b { text-decoration: none; }
}
.linklist > a[href$='.pdf'] {
	.icon(8,7);
	> b { text-decoration: none; }
}
.linklist.static-img>a {
	padding-left: 48px;
	> img {
		position: absolute;
		left: 7px;
		top: 50%;
		margin-top: -17px;
		border: 1px solid #000;
	}
	&:hover > img {
		left: 9px;
	}
	> ins {
		left: 42px;
	}
	&:hover > ins {
		left: 44px;
	}
}
.linklist.download>a>ins {
	.bgicon(14,2);
}
// Projects page
.Projects {
	> img {
		float: right;
		border: 3px solid #222;
		margin: 8px;
		.box-shadow(0,0,4px,.5);
		.border-radius(2px);
	}
	.linklist {
		clear: both;
	}
}
#musicplayer {
	position: absolute;
	top: 128px;
	left: 50%;
	margin-left: 380px;
	background: transparent url(images/zantow.us.mainbg.png) -762px 0 repeat-y;
	.opacity(0);
}
#musicplayer.fixed {
	position: fixed;
	top: 10px;
}