body
{
	padding: 0;
	margin: 0;
	font: 15px Times New Roman, Times, serif;
	color: #3b2b1c;
	background: #000 url('images/bg.jpg') no-repeat center top;
	-webkit-background-size: 1995px 1560px; /* image size, NOT container size */
}
h1, h2, h3, h4, h5, h6, p, ul
{
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 18px; }
h2, h3, h4, h5, h6, p, ul, ol, dl
{
	margin: 15px 0;
}
h3
{
	 font-weight: bold;
	 /* margin-top: 60px;  */
}
h6 { margin-top: 0; }
p, li
{
	line-height: 1.2;
}
ul, ol
{
	padding-left: 40px;
}
img
{
	border: 0;
}
a
{
	color: #3b2b1c;
	text-decoration: none;
	outline: 0;
}
	a:hover
	{
		text-decoration: underline;
	}
#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 839px;
	overflow: auto;
	text-align: left;
}
	#header
	{
		position: relative;
		width: 839px;
		height: 317px;
	}
		#header p 
		{
			text-indent: -9999px;
			overflow: hidden;
			padding: 0;
			margin: 0;
		}
			#header p a
			{
				display: block;
				position: absolute;
				left: 187px;
				top: 25px;
				width: 430px;
				height: 230px;
				background: transparent url('images/hawken-logo.png') no-repeat 0 0;
			}
		#header ul
		{
			position: absolute;
			left: 89px;
			top: 264px;
			width: 674px;
			height: 53px;
			list-style: none;
			margin: 0;
			padding: 0;
			background: transparent url('images/nav.jpg') no-repeat 0 0;
		}
			#header li
			{
				position: absolute;
				top: 0;
				margin: 0;
				padding: 0;
				list-style: none;
				line-height: normal;
			}
			#header li,
			#header a
			{
				display: block;
				height: 53px;
			}
				#header li a
				{
					text-indent: -9999px;
					overflow: hidden;
					text-decoration: none;
				}
				.page-item-1 { left:  31px; width:  82px; }
				.page-item-2 { left: 113px; width: 153px; }
				.page-item-3 { left: 266px; width: 122px; }
				.page-item-4 { left: 388px; width: 117px; }
				.page-item-5 { left: 505px; width: 123px; }
				
				.page-item-1 a:hover,
				.page-item-2 a:hover,
				.page-item-3 a:hover,
				.page-item-4 a:hover,
				.page-item-5 a:hover,
				.current_page_item a
				{
					background-color: transparent;
					background-image: url('images/nav.jpg');
					background-repeat: no-repeat;
				}
				
				.page-item-1 a:hover { background-position:  -31px  -53px; }
				.page-item-2 a:hover { background-position: -113px -159px; }
				.page-item-3 a:hover { background-position: -266px -265px; }
				.page-item-4 a:hover { background-position: -388px -371px; }
				.page-item-5 a:hover { background-position: -505px -477px; }
				
				.page-item-1.current_page_item a { background-position:   -31px  -106px; }
				.page-item-2.current_page_item a { background-position:  -113px  -212px; }
				.page-item-3.current_page_item a { background-position:  -266px  -318px; }
				.page-item-4.current_page_item a { background-position:  -388px  -424px; }
				.page-item-5.current_page_item a { background-position:  -505px  -530px; }
	#content
	{
		position: relative;
		width: 839px;
		overflow: auto;
		text-shadow: #ccbeaf 1px 1px 1px;
		min-height: 800px;
		padding-bottom: 81px; /* height of footer */
	}
		.home #content
		{
			text-align: center;
			font-size: 16px;
			color: #000;
		}
		.field-notes #content
		{
			background: transparent url('images/bg_content_fieldnotes.jpg') no-repeat 0 0;
			-webkit-background-size: 839px 5000px; /* image size, NOT container size */
		}
		.journal #content
		{
			background: transparent url('images/bg_content_journals.jpg') no-repeat 0 0;
			-webkit-background-size: 839px 2500px; /* image size, NOT container size */
			min-height: 600px;
		}
		.possibles #content
		{
			/* background: transparent url('images/bg_content_possibles.jpg') no-repeat 0 0;
			-webkit-background-size: 839px 1406px; */ /* image size, NOT container size */
			width: 835px;
			padding-left: 4px; 
			background: transparent url('images/bg_content_possibles2.jpg') no-repeat 0 0;
			-webkit-background-size: 839px 2641px; /* image size, NOT container size */
		}
		.pictures #content { }
		.entry
		{
			background: transparent url('images/bg_entry.png') no-repeat 0 0;
			position: relative;
		}
			.entry h2 {  }
			.entry_cap_bottom
			{
				background: transparent url('images/bg_entry_cap_bottom.png') no-repeat 2px 0;
				height: 3px;
			}
			.entry .meta
			{
				position: absolute;
				top: 10px;
				left: 0;
				width: 216px;
				margin: 0;
				padding: 0;
				text-align: right;
				text-transform: uppercase;
				font-size: 15px;
				color: #412409;
				line-height: 1;
			}
				.entry .meta span
				{
					color: #796254;
					text-transform: capitalize;
					font-size: 13px;
				}
			.entry .padding
			{
				padding: 45px 93px 40px 306px;
			}
				.text .padding { background: transparent url('images/journal_text.png') no-repeat 22px center; }
				.audio .padding { background: transparent url('images/journal_audio.png') no-repeat 15px center; }
				.video .padding { background: transparent url('images/journal_video.png') no-repeat 15px center; }
				.quotes .padding { background: transparent url('images/journal_quotes.png') no-repeat 67px center; }
				.links .padding { background: transparent url('images/journal_links.png') no-repeat 64px center; }
				.photos .padding { background: transparent url('images/journal_photos.png') no-repeat 44px center; }
				.chat .padding { background: transparent url('images/journal_chat.png') no-repeat 33px center; }
			.audio h2 { margin-bottom: 10px; }
			.bg_entry_photos,
			.bg_entry_videos
			{
				width: 440px;
				background: transparent url('images/bg_entry_photos.png') no-repeat 0 0;
			}
				.bg_entry_photos div,
				.bg_entry_videos div
				{
					padding: 20px 20px 0 20px;
					background: transparent url('images/bg_entry_photos_cap_bottom.png') no-repeat left bottom;
					overflow: auto;
				}
				.bg_entry_photos img,
				.bg_entry_videos img
				{
				 	display: block;
				}
				.bg_entry_photos p,
				.bg_entry_videos p
				{
					font-size: 13px;
				}
			#content .entry h2
			{
				text-align: left;
				font-size: 30px;
				color: #000;
			}
		#journal-header
		{
			position: relative;
			width: 839px;
			height: 85px;
		}
			#journal-header p
			{
				margin: 0;
				padding: 0;
				position: absolute;
			}
				#archive-subsribe
				{
					top: 34px;
					left: 347px;
					font-size: 14px;
				}
				#log-date
				{
					top: 64px;
					left: 144px;
					font-size: 15px;
				}
	#content_bottom
	{
		position: relative;
		width: 839px;
		height: 100px;
	}
		.field-notes #content_bottom { background-color: #000; }
		.journal #content_bottom { background-color: transparent; } 
		.possibles #content_bottom { background-color: transparent; }
	#footer
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 839px;
		height: 36px; /* 70px */
		padding-top: 34px;
		background: transparent url('images/bg_footer_update.png') no-repeat 0 0;
		margin-bottom: 0;
		text-align: center;
		color: #6b5c4b;
		text-shadow: none;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.2 !important;
	}
		.home #footer,
		.pictures #footer,
		.downloads #footer
		{
			color: #ada49d;
			background-image: url('images/bg_footer_home.png');
		}
		.possibles #footer { background-image: url('images/bg_footer_possibles.png'); height: 32px; }
			#footer a { color: #6B5C4B; }
			.home #footer a,
			.pictures #footer a,
			.downloads #footer a
			{
				color: #ADA49D;
			}
		
		#content h2
		{
			text-align: center;
		}
		.indent
		{
			margin-left: 75px;
			margin-right: 75px;
		}
		#txt-musicians
		{
			padding-bottom: 20px;
			background: transparent url('images/bg_musicians.png') no-repeat 18px 30px;
		}
		#txt-albums
		{
			padding-bottom: 22px;
			background: transparent url('images/bg_albums.png') no-repeat 0 32px;
		}
		#txt-songs
		{
			padding-bottom: 22px;
			background: transparent url('images/bg_divider.png') no-repeat 0 23px;
		}
		#txt-picture-galleries
		{
			color: #4f2a09;
			padding-bottom: 20px;
			background: transparent url('images/bg_picture_galleries.png') no-repeat 113px 30px;
		}
		#txt-motion-pictures
		{
			color: #4f2a09;
			padding-bottom: 28px;
			background: transparent url('images/bg_motion_pictures.png') no-repeat 269px 32px;
		}
		ul.thumbs
		{
			padding: 0 50px;
			list-style-type: none;
			text-align: center;
			margin-bottom: 30px;
		}
			ul.thumbs li
			{
				display: inline-block;
				width: 153px;
				margin-bottom: 10px;
				line-height: .9;
				
				zoom: 1;
				*display: inline;
			}
			ul.thumbs a
			{
				display: block;
				width: 153px;
				padding-top: 95px;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				color: #603e28;
				text-shadow: #dccdc2 1px 1px 1px;
				font-size: 13px;
				text-decoration: none;
			}
				ul.thumbs a:hover
				{
					color: #000;
					background-position: -153px 0;
				}
				ul.thumbs a em
				{
					color: #7c5e41;
					text-shadow: none;
					font-size: 9px;
				}
		.divider
		{
			width: 705px;
			height: 26px;
			background: transparent url('images/bg_divider.png') no-repeat 0 0;
		}
		.listen
		{
			text-indent: -9999px;
			overflow: hidden;
		}
		.musician
		{
			margin: 0;
			padding: 0;
			display: inline-block;
			
			zoom: 1;
			*display: inline;
		}
			.musician a
			{
				display: block;
				width: 189px;
				height: 37px; /* 252px; */
				padding-top: 215px;
				color: #2c1201;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
				text-align: center;
				text-transform: uppercase;
				font-size: 11px;
				line-height: normal;
				text-shadow: none;
				text-decoration: none;
			}
			.musician-1 a { background-image: url('images/musician_matt.png'); }
			.musician-2 a { background-image: url('images/musician_jon.png'); }
			.musician-3 a { background-image: url('images/musician_eric.png'); }
			.musician-4 a { background-image: url('images/musician_kyle.png'); }
			.musician-5 a { background-image: url('images/musician_mike.png'); }
			.musician-6 a { background-image: url('images/musician_jim.png'); }
			.musician-7 a { background-image: url('images/musician_audia.png'); }
				.musician a:hover
				{
					background-position: 0 -252px;
					color: #000;
				}
			.listen a
			{
				display: block;
				width: 165px;
				height: 49px;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
				.listen a:hover { background-position: 0 -56px; }
				.listen a { background-image: url('images/listen.png'); }

		
			.home #content strong { text-transform: uppercase; }
			.home #content em
			{
				font-size: 14px;
				color: #542d20;
			}
			.home #content p { line-height: 1; }
			.home #content p:nth-child(1) { margin: 0; }
			.home #content p:nth-child(2) { margin-top: -15px; line-height: 1.2; }

#listen-join
{
	position: relative;
	width: 375px;
	height: 49px;
	margin-left: auto;
	margin-right: auto;
}				
	a#listen
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 165px;
		height: 49px;
		background: transparent url('images/listen.png') no-repeat 0 0;
		text-indent: -9999px;
	}
	a#throw-in
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 210px;
		height: 49px;
		background: transparent url('images/throw-in.png') no-repeat 0 0;
		text-indent: -9999px;
	}
		a#listen:hover, a#throw-in:hover  { background-position: 0 -56px; }
		
		.padding
		{
			padding: 0 67px;
		}
			dl { clear: both; }
			dt
			{
				text-transform: uppercase;
				font-weight: bold;
				color: #281401;
			}
				dd { margin-left: 0; }
					dd p
					{
						font-size: 13px;
						margin-top: 2px;
					}
					dd ul
					{
						list-style: none;
						padding-left: 10px;
					}
					dd li
					{
						text-transform: uppercase;
						color: #000;
						font-size: 13px;
						line-height: 1.7;
					}
						dd li em
						{
							text-transform: none;
							color: #542d20;
						}
		
	
#overlay
{
	display: none;
	position: relative;
}
	#overlay .close
	{
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	#overlay .contentWrap 
	{
		text-align: center;
	}
	.bio
	{
		height: 90%;
		/* width: 753px; */
		width: 880px;
	}
	.gallery
	{
		height: 90%;
		width: 880px;
	}
		.bio h1,
		.gallery h1
		{
			padding-bottom: 35px;
			background: transparent url('images/bg_bios.png') no-repeat 180px 28px;
			color: #c3b2a0;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
		}
			.gallery h1 { background-position: 182px 28px; }
		.bio p,
		.gallery p
		{
			color: #a9a49f;
			font-size: 14px;
			width: 670px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		.bio .sub,
		.gallery .sub
		{
			color: #7b6e61;
			font-size: 13px;
		}
			.bio a,
			.gallery a
			{
				font-weight: bold;
				color: #988877;
			}
		.bio .tagline-photo,
		.gallery .tagline-photo
		{
			color: #c3b2a0;
			font-size: 12px;
		}
			.bio .tagline-photo em,
			.gallery .tagline-photo em
			{
				font-size: 11px;
			}
			.bio ul
			{
				list-style: none;
				padding-left: 0;
			}
			.bio li { display: none; }
				.bio li.current { display: block; }
#slides
{
	position: relative;
	width: 880px;
	height: 499px;
	overflow: hidden;
}
	#slides img,
	#slides div
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 880px;
		height: 499px;
	}
	#slides div
	{
		z-index: 999;
		width: 440px;
		cursor: pointer;
	}
		#slides #next
		{
			left: auto;
			right: 0;
			background: transparent url('images/right-arrow.png') no-repeat 0 -80px;
		}
			#slides #next:hover { background-position: 100px center; }
		#slides #prev
		{
			background: transparent url('images/left-arrow.png') no-repeat 0 -80px;
		}
			#slides #prev:hover { background-position: 200px center; }
	
#thumbs
{
	list-style: none;
	padding-left: 0;
}
	#thumbs li
	{
		display: inline-block;
		position: relative;
		width: 79px;
		height: 80px;
		margin: 0 10px;
		background: transparent url('images/loading_79x80.gif') no-repeat 0 0;
		
		zoom: 1;
		*display: inline;
	}
		#thumbs li:first-child { display: none; }
		#thumbs li img
		{
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 5;
			display: none;
		}
			#thumbs li img:first-child { z-index: 10; }
			#thumbs li.current img:first-child { display: none !important; }
#loader
{
	visibility: hidden;
	margin-bottom: 0;
}
#loader.loading { visibility: visible; }

.item
{
	/* position: absolute; */
	text-align: center;
	/* vertical-align: middle; */
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#item-1
{
	top: 89px;
	left: 5px;
	width: 356px;
	height: 323px;
}
	#item-1 img { margin-top: 23px; }
#item-2
{
	top: 89px;
	left: 363px;
	width: 243px;
	height: 323px;
}
	#item-2 img { margin-top: 35px; }
#item-3
{
	top: 89px;
	left: 609px;
	width: 225px;
	height: 323px;
}
	#item-3 img { margin-top: 62px; }
#item-4
{
	top: 415px;
	left: 5px;
	width: 236px;
	height: 323px;
}
	#item-4 img { margin-top: 64px; }
#item-5
{
	top: 415px;
	left: 243px;
	width: 292px;
	height: 323px;
}
	#item-5 img { margin-top: 24px; }
	
	
	.item img
	{
		display: block;
		margin: 7px auto;
	}
	.item p
	{
		margin: 7px 0;
		font-size: 13px;
	}
		.item p strong { font-size: 16px; }
	.buy,
	.download
	{
		margin: 0;
		padding: 0;
	}
	.buy a
	{
		display: block;
		color: #5c2c24;
		font-size: 13px;
		background: transparent url('images/bg_buy_now.png') no-repeat 0 0;
		width: 75px;
		height: 20px;
		line-height:  20px;
		text-align: center;
		/* margin: 7px auto; */
		margin: 15px 0;
		text-decoration: none;
	}
	.download a
	{
		display: block;
		color: #5c2c24;
		font-size: 13px;
		/* background: transparent url('images/bg_download_itunes.png') no-repeat 0 0; */
		width: 99px;
		height: 28px;
		line-height:  20px;
		text-align: center;
		/* margin: 7px auto; */
		margin: 15px 0;
		text-decoration: none;
	}
		.itunes a { background: transparent url('images/bg_download_itunes.png') no-repeat 0 0; }
		.amazon a { background: transparent url('images/bg_download_amazon.png') no-repeat 0 0; }
		.buy a:hover, .download a:hover { color: #000; }
.center-block a { margin: 0 auto; }
.center-inline { text-align: center; }
#album-50-caliber
{
	min-height: 286px;
	background: transparent url('images/caliber_50.png') no-repeat 0 0;
	padding-left: 442px;
	/* overflow: auto; */
	margin-top: 30px;
	position: relative;
}
	#packshot-50,
	#packshot-54
	{
		text-indent: -9999px;
		overflow: hidden;
	}
		#packshot-50 a
		{
			display: block;
			position: absolute;
			left: 7px;
			top: 7px;
			width: 414px;
			height: 267px;
			background: transparent url('images/stp.gif') no-repeat 0 0;
		}
p a:hover { background-position: 0 -px; }
#album-54-caliber
{
	min-height: 240px;
	background:transparent url('images/caliber_54.png') no-repeat 0 0;
	padding-left: 250px;
	/* overflow: auto; */
	margin-top: 30px;
	position: relative;
}
		#packshot-54 a
		{
			display: block;
			position: absolute;
			left: 12px;
			top: 12px;
			width: 215px;
			height: 215px;
			background: transparent url('images/stp.gif') no-repeat 0 0;
		}
#hold
{
	display: none;
	position: relative;
	z-index: 10000;
	width: 350px;
	height: 350px;
	background: transparent url('../images/bg_buy-overlay.jpg') no-repeat 0 0;
}
	#hold p { display: none; }
	#hold .close
	{
		position: absolute;
		top: -15px;
		right: -15px;
		cursor: pointer;
	}
	#hold .back_to_site
	{
		position: absolute;
		bottom: 20px;
		left: 72px;
		cursor: pointer;
	}
.journal .pages { display: none; }
#pagination-top
{
	position: absolute;
	top: 33px;
	left: 0;
	width: 836px;
}
#pagination-bottom
{
	margin: 8px 0;
	width: 836px;
}
.wp-pagenavi
{
	width: 836px;
	text-align: center;
	font-size: 13px;
	color: #653b1e;
}
	.wp-pagenavi a { color: #653b1e; }
	.wp-pagenavi .current
	{
		font-weight: bold;
		color: #000;
	}
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .prevnolink
	{
		padding-right: 10px;
	}
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .nextnolink
	{
		padding-left: 10px;
	}
	.wp-pagenavi .page,
	.wp-pagenavi .current
	{
		padding: 0 2px;
	}
.jp-interface
{
	position: relative;
	width: 96px;
	height: 76px;
	background: transparent url('../images/bullet_hole.png') no-repeat 0 0;
}
	.jp-controls
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		a.jp-play,
		a.jp-pause
		{
			position: absolute;
			left: 43px;
			top: 24px;
			width: 23px;
			height: 24px;
			background: transparent url('../images/play2.gif') no-repeat 0 0;
			text-indent: -9999px;
		}
		a.jp-pause { background-image: url('../images/pause.gif'); left: 38px; }
			a.jp-play:hover, a.jp-pause:hover { background-position: 0 -24px; }
.wrapper_content p:first-child { margin-top: 5px; }