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

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Gruppo', Tahoma, Geneva, sans-serif;
	background: url('/img/bg-texture/px.png') repeat;
	background-color: #333;
	height: 100%;
}

/* PAGE SIZING/LAYOUT */

#headerwrapper, #contentwrapper {
	width: 80%;
	max-width: 900px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	box-shadow: 3px 0px 4px, -3px 0px 4px;
}

#headerwrapper {
	height: 125px;
	/*background: url('/img/header/2.jpg') no-repeat;*/
	background:url('/img/bg-texture/bo_play_pattern.png') repeat;
	/* background-size: cover; */
	background-position: center top;
}

#navbar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding: 50;
	
	/* Gecko */
	background: -moz-linear-gradient(
		center bottom,
		rgba(0,0,0,0.6) 0%, /* Bottom */
		rgba(0,0,0,0.0) 70%, /* Top */
		);
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.7, rgba(255,255,255,0.0)), /* Top */
		color-stop(0, rgba(0,0,0,0.6)) /* Bottom */
	);
	
	/* Standards-Compliant */
	background: linear-gradient(
		to top,
		rgba(0,0,0,0.6),
	/*	rgba(0,0,0,1) 2px,
		rgba(0,0,0,0.75) 3px,
		rgba(0,0,0,0.55) 50px,*/
		rgba(0,0,0,0) 85px
	);
	
	background-clip: border-box;
	
	color: #FFF;
}

#pageTitle, #mainLinksBox {
	position: absolute;
	bottom: 10px;
	font-variant: small-caps;
}

#pageTitle {
	left: 15px;
	font-size: 22px;
/*	text-shadow: 2x 2px 3px rgba(90, 90, 90, 0.8); */
	font-style: italic;
	font-family: 'Cabin Sketch', Tahoma, Geneva, sans-serif;
}

#pageTitle a {color: #FFF;}
#pageTitle a:link {text-decoration: none;}
#pageTitle a:visited {text-decoration: none;}
#pageTitle a:active {text-decoration: none;}
#pageTitle a:hover {text-decoration: underline overline;}

#mainLinksBox {
	right: 15px;
	text-align: right;
	font-size: 12px;
	color: #FFF;
	font-family: 'Architects Daughter', Tahoma, Geneva, sans-serif;
}

#mainLinksBox a {color: #FFF;}
#mainLinksBox a:link {text-decoration: none;}
#mainLinksBox a:visited {text-decoration: none;}
#mainLinksBox a:active {text-decoration: none;}
#mainLinksBox a:hover {text-decoration: underline overline;}

#contentwrapper {
	min-height: 100%;
	background: url('/img/bg-texture/snow.png') repeat;
	border-top: double;
	border-bottom:medium outset #000000;
	
	/* BORDER GRADIENTS */
	
	/* Gecko */
	background: -moz-linear-gradient(
		center bottom,
		rgba(0,0,0,1.0) 0%, /* Bottom */
		rgba(0,0,0,0.0) 100%, /* Top */
		);
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, rgba(30,30,30,.7)),
		color-stop(.012, rgba(255,255,255,0))),
		-webkit-gradient(
		linear,
		right bottom,
		left bottom,
		color-stop(0, rgba(30,30,30,.7)),
		color-stop(.012, rgba(255,255,255,0))
	);
	
	/* Standards-Compliant */
	background: linear-gradient(
		to right,
		rgba(30,30,30,.7),
		rgba(255,255,255,0) 15px
	), linear-gradient(
		to left,
		rgba(30,30,30,.7),
		rgba(255,255,255,0) 15px
	);

	background-color: #EFEFEF;


}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bodypad, photogallery-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}

.hangingindent {
	padding-left: 20px;
	text-indent: -20px;
}

.resumebullets {
	padding-left: 40px;
	padding-right: 40px;
}

.mediacontainer {
	padding-left: 30px;
	padding-right: 30px;
	text-align:center;
}

.alignright {
	float: right;
}

p, h1, h2, h3 {
	padding-left: 20px;
	padding-right: 20px;
}

h1, h2, h3 {
	font-family: 'Gruppo', Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}

h1 {
	font-size: 28px;
	text-align: center;
}

h2 {
	font-size: 22px;
	text-align: center;
}

h3 {
	font-size: 18px;
}

p {
	font-size: 16px;
}

video {
	position: relative;
	preload: none;
	border: double #000000;
	padding: 10px;
	box-shadow: 0px 0px 8px #888888;
	margin: 10px;
	max-height: 133px;
	max-width: 200px;

}

audio {
	position:relative;
}

img.gallerythumb {
	border: double #000000;
	padding: 10px;
	box-shadow: 0px 0px 8px #888888;
	margin: 10px;
	max-height: 133px;
	max-width: 200px;
}

div.photogallery-wrapper {
	text-align: center;
}

#footertext {
	text-align: center;
	font-size: 10px;
	color: #6A6A6A;
}