/********************** 
Layout v5
Copyright Blair Liikala
************************/
html {background: #f2f2f2}
body {
	height: 100%;
	width: 100%;
	overflow-x:hidden
}
		#top {
			width: 100%;
			margin: 0;padding:0;
			background:#1C1C1C;
			min-width: 800px;
			border-top: 2px solid #494949;
			border-bottom: 4px solid #B63837;
			-webkit-box-shadow: 0px 2px 5px #BBBBBB;
			-moz-box-shadow: 0px 2px 5px #BBBBBB;
			box-shadow: 0px 2px 5px #BBBBBB;
			overflow: hidden;
			}
			#top_inside {
				width: 90%;
				margin: 0 auto;
				padding: 0;
			}
			a#logo {display:none}
			ul#top_nav {
				margin: 0;padding: 0;
			}
			ul#top_nav li {
				list-style: none;
				float: left;
				width:20%;height: 100%;
				margin: 0;padding: 0;
			}
			ul#top_nav li a {
				color:#CECECE;
				font-size:1.2em;
				display: block;
				text-decoration: none;
				padding: 1em 0.5em;
				font-family: sans-serif;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight: bold;
				background:none;
				-webkit-transition: .2s ease-out;
			}
			ul#top_nav a#archive {text-align: left}
			ul#top_nav li a:hover {
				color:white;
				background: #060606;
				text-shadow: #121212 1px 1px 1px;
				padding:1em 0 1em 1em;
			}
			ul#top_nav span {
				display: block;
				padding: 0.5em 0 0 0;
				color: #B7B7B7;
				font-size: 0.7em;
				font-weight: normal;
				text-transform: none;
			}
			#pages a#me, #recording a#recording, #archive a#archive, #web a#web {color: white;border-bottom-color: white}
		
		#body {
			min-width: 800px;
			max-width: 1200px;
			width: 90%;
			margin: 0 auto;
		}
		#bottom {
			clear:both;
			width: 92%;
			margin: 4em auto 0 auto;
			padding: 0.5em 4%;
			border-top: 2px solid #DDDDDD;
			background: #E4E6E6;
		}
		#bottom p, #bottom {
		color:#6B6D6D;
		}
		#bottom dl {
		margin-left:2em;
		}
		#bottom ul {
		list-style: none;
		}
		#bottom dl dt {
		margin: .7em 0 0 0;
		}
		#bottom dl a {
		text-decoration: none;
		font-size: 1.2em;
		}
		#bottom dl a:hover {
		text-decoration: underline;
		}
		
		#second_bottom {
		background: #151515;
		border-top:4px solid #B63938;
		padding: 0 5%;
		margin: 0;
		height:100%;
		}
		#second_bottom p {
		color: #5A5B5B;
		padding:0.7em 1em;margin: 0;
		}
		#second_bottom a {
		color: #5A5B5B;
		text-decoration: none;
		}
		#second_bottom a:hover {
		text-decoration: underline;
		}

h1#heading {
	margin: 1em 5%;
	font-weight: normal;
	font-size:2.2em;
	
}
h1#heading span {
	font-size: 0.6em;
}
/************** Commonly Used **************/
/* 3 columns, fluid **/
.three {
	float: left;
	width: 31%;
	padding: 1%;
}

/***** New Homepage ******/
#home_header h3 {
	font-size:5em;
	font-weight:normal;
	color: #7E827E;
	margin:0.7em 0 0 0;
	float: left;
	width: 50%;
	}
#home_header p {
	font-size:1.5em;
	color: #7E827E;
	float: right;
	margin:4em 0 0 0
	}
/** Additional Frontpage Styles for the lower half **/
	ol#lower_third {
	float: left;
	padding:0 0 0 0;margin: 0 auto;
	list-style: none;
	border-top: 4px solid #ccc;
	text-align: center;
	}
		ol#lower_third img {
		max-width:800px;
		margin: 0 0 1em -250px;
		}
		ol#lower_third li {
		float: left;
		width: 24.6%;
		margin: 0 auto;padding: 1em 0 0 0;
		overflow:hidden;
		text-align: center;
		border: 2px solid #f2f2f2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		ol#lower_third li:hover {
		background:#962F2E;
		-webkit-transition:all .3s ease-out;
		}
		ol#lower_third li a {
		float: left;
		}
		ol#lower_third span.title {
		font-size: 1.2em;
		}
		ol#lower_third span.category {
		font-size: 0.9em;
		color:#ccc;
		}

/**** Slider Styles

.homepage #container {
	border-top:1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 100%;
}

	/* Easy Slider
	#slider {margin: 0 auto;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0 auto;
		padding:0;
		list-style:none;
		float: left;
		}
	#slider li, #slider2 li{ 
		width:1000px;
		height:450px;
		overflow:hidden; 
		}		

	ol#controls{
		margin:1em auto;
		padding:0;
		height:28px;
		max-width:1000px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #FEFFFE;
		background:#E3E3E3;
		color:#34373F;
		padding:0 10px;
		text-decoration:none;
		-webkit-transition:all .6s ease-out;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}
	.homepage #slider img.slider_img1 {
		border: 1px solid #ccc;
		padding:5px;
		margin-right:40px;
		max-width: 570px;
		float: left;
	}
	.homepage #slider img.slider_img {
		border:1px solid #ccc;
		padding: 5px;
		margin-bottom: 0.7em;
		width: 270px;
	}
	.homepage #slider p {
		color: #DCDCDC;
	}
	ol#controls li.current a{
		background:#962F2E;
		color:#fff;
		border-color: #792525;
		-webkit-box-shadow: 0px 2px 5px #BBBBBB;
		-moz-box-shadow: 0px 2px 5px #BBBBBB;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	/* // Easy Slider */

/****** Old Frontpage *****/
	.homepage .info {
		width: 23%;
		float: left;
		padding:1%;
	}
	.homepage .info h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2.3em;
	}
	.homepage .info p {
		margin: 0;padding: 0;
	}
/** End Homepage styles **/
	

/****** "Audio" /recording/ *****/
#recording #body {
	margin-top: 0em;
}
	#recording #left,
	#recording #center,
	#recording #center p,
	#recording #right{
	padding:1.8em 0;margin: 0;
	}
	#recording #left {
	float: left;
	width: 25%;
	padding-right:1%;
	}
	#recording #center {
	float: left;
	width: 42%;
	padding: 1em 3% 0 3%;
	}
	#recording #right {
	float: left;
	width: 25%;
	padding-left: 1%;
	}

	#recording #left ul {
	list-style: none;
	margin-left:0.5em;
	width: 80%;
	}
	#recording ul#category_list {
	list-style:none;
	margin: 2em 0;
	}
	#recording ul#category_list li {padding: 0;margin: 0;}
	#recording ul#category_list a, ul#category_list a:visited {
	display: block;
	padding:0.4em 1em;
	}
	#recording ul#category_list a:hover, 
	#recording ul#category_list a:active 
		{text-decoration: underline}		
	#work_history img {
	max-width:80PX;
	padding: 2px;
	margin: 0.2em 0.2%;
	border:1px solid #ccc;
	}	
	#recording dl {
	padding:0;
	}
	#recording dt a {
		text-decoration: none;
		font-size:1.5em;
		margin:0;padding:0;
	}
	#recording dt a:hover {
		text-decoration: underline;
	}
	#recording dt a:active {
		font-weight: bold;
	}
	#recording dd {
		margin: 0 0 1em 0;
		font-size: 1.1em;
		color: #AEAEAE;
	}
	#recording .big_entry {
	float: left;
	width: 48%;
	margin: 2em 1%;
	padding: 1em 0;
	}
	#recording a#big_entry img {
	width:98%;
	margin:0 2% 0 0;
	padding:5px;
	border: 1px solid #ccc;
	float: left;
	background: #222222;
	}
	/****** Lower Center Area ******/
	#cen h2 {
		border-top:1px solid #ccc;
		border-left: 1px solid #ccc;
		background: #FFFDBA;
		color: #302724;
		text-shadow: #979462 0 0 0;
		padding: 0.2em 1em ;
		font-variant: small-caps;
		letter-spacing: 1px;
		font-weight: bold;
		width: 100%;
	}
	#cen ul {
		list-style: none;
		text-align: right;
		width: 100%;
		float: left;
		}
		#cen ul li {
		float: left;
		width: 14%;
		height: 200px;
		overflow: hidden;
		margin: 0 1%;
		}
		#cen ul li img {
		width:92%;
		padding:4px;
		border:1px solid white;
		opacity: 1;
		-webkit-transition:all .3s ease-out
		}
		#cen #from_archive li img {
		opacity: 0.4;
		}
		#cen #from_archive li img:hover {
		opacity: 1;
		}
	#cen ul li img:hover {
		border-color:#1D3A47;
		border-style: solid;
		opacity: 1;
	}
	#cen ul li span {font-size: 10px}
	#border {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.one {
	float: left;
	width: 29%;
	padding:0 1%;
	margin: 1%;
	border-top:2px solid #413E35;
	}

/********************* Archive ***********************/
#archive #body {margin: 0 auto;width: 100%;max-width:100%;}  /* to use all the window and overide body margin settings */
#archive #aleft {
	float: left;
	width: 20%;
	margin: 1em 0 0 0;padding:0 0 0 2%;
	position: fixed;
}
#archive #aright {
	float: right;
	width:77%;
	padding:0 0 0 2%;
	border-left: 1px solid #ccc;
} 
	/****MENU****/
	#archive #aleft ul {
	list-style:none;
	padding:0;
	}
	#archive #aleft ul li {
	margin: 0;padding: 0;
	}
	#archive #aleft ul li a {
	font-size:12px;
	border: 0;
	padding: 0;margin: 0;
	width: 100%;
	}
	#archive #aleft ul li a:hover {
	text-decoration: underline;
	background: none;
	font-weight:normal
	}
	#archive #aleft ul li ul {
	margin: 0.2em 0 0.7em 1em;padding: 0;
	}

/**** Archive Table ****/
table#archive_table {
	width: 98%;
	min-width:800px;
}
table#archive_table tr {
	margin: 1em 0;
}
table#archive_table td {
	vertical-align:top;
	padding: 1% 0;
}
table#archive_table tr#featured td {
	background: #F1F5D7;
}
table#archive_table a {text-decoration: none}
table#archive_table a:hover {text-decoration:underline}
	table#archive_table tr.entry {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	display: block;
	}
	table#archive_table td.image {
	width:30%;
	min-width:200px;
	overflow: hidden;
	}
		table#archive_table .image img {
		width: 100%;
		padding: 2px;
		border: 1px solid #ccc;
		margin: 2px;
		}
	table#archive_table td.meta {
	min-width:400px;
	width: 68%;
	padding: 0 0 0 2%;
	}
	table#archive_table a h3 {
	margin: 1em 0.5em;
	font-size: 2.5em;
	font-weight: normal;
	text-shadow: none;
	color: #38100E;
	}
	table#archive_table img.venue-image {
	max-width: 60%;float: left; padding: 2px;margin: 1em 0;border:1px solid #ccc
	}
	table#archive_table img.studio-image {
	max-width: 35%;float: right; padding: 2px;margin: 1em 0;border:1px solid #ccc
	}
	table#archive_table td.equipment ol {list-style:none}
	table#archive_table td.equipment ol li a {display: block}
	table#archive_table td.equipment img {
		max-width:80px;
		padding: 2px;
		border: 1px solid #ccc;
		margin: 0;
	}


/** Audio Samples **/
		#rec-audio-table td {border-bottom:1px solid #ccc}
		td.audio_screenshot img {width:9em;height:6em}
		td.audio_title {width: 30em;}
		
/******** Video Samples *******/
#recording.video #player_window {
	background: #151515;
	padding:1px 0 0 0;
	margin: 0;
	width: 100%;
	text-align: center;
	color: white;
}
embed#ply {
	width: 100%;
}
ul#video_gallery {
	float:left;
	padding:0;margin:0 auto;
	text-align:center;
}
ul#video_gallery li {
	list-style: none;
	float:left;
	padding: 0;margin: 0 auto;
}
ul#video_gallery li a {
	margin: 2px;
	padding: 2px;
	border: 1px solid #ccc;
	max-width:200px;
	max-height:132px;
	display: block;
	overflow: hidden;
}
ul#video_gallery li a:hover {
	border-color: black;
}
ul#video_gallery li a img {
	max-width: 200px;
	margin: 0;padding: 0;
}

	
/******** Recording Entry Styles **********/
	#edit_entry a {
	float: right;
	display: block;
	margin: 20px;padding: 15px;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #F7F8D2;
	text-decoration: none;
	font-size: 1.3em;
	}
	#edit_entry a:hover {
	background: #F8F79D
	}
	#recording img.main_photo {
	margin:0 0 15px 0;
	text-align: center;
	width:60%;
	border: 10px solid #1E0200;
	float: left;
	}
	#recording a:hover img.main_photo, #recording a:visited img.main_photo {border-color:#F8F79D}

	#recording #equipment_list_container {
		width: 35%;
		float: right;
		padding: 0;margin:0 0 0 2%;
	}
	#recording ol.equipment_list {
		list-style: none;
		margin: 0;padding:0;
		float:right;
		width: 100%;
	}
	#recording ol.equipment_list li {
		float: left;
		width: 78px;height: 70px;
		padding: 2px;
		overflow:hidden;
		border: 1px solid white;
	}
	#recording ol.equipment_list li:hover {
	border: 1px solid #787878;
	}
	#recording ol.equipment_list a, ol.equipment_list a:visited {
		width: 80px;height: 70px;
		float: left;
		display: block;
		border:1px solid #ccc;
		opacity: .7;
	}
	#recording ol.equipment_list a:hover, ol.equipment_list a:active 	{
		opacity:0.9;
	}
	#recording ol.equipment_list a img {
		width: 77px; min-height:70px;
		margin:0;border:0;
	}
	#entry_gallery {
		text-align: center;
		width: 100%;
	}
	#entry_gallery ol {
		list-style: none;
		margin: 0.5em auto;
		padding: 0;
		width: 100%;
		height:210px;
	}
	#entry_gallery ol li {
		float: left;margin: 0 0.5%;padding:0.5 0%;
		width: 250px;
		resize:both;
		background: #EEEEEE;
		-webkit-transition:all .7s ease-out;
	}
	#entry_gallery ol li img {
		width:100%;
		border:2px solid #63250A;
		margin:0 1px;
		max-height:350px;
		-webkit-transition:all .7s ease-out;
	}
	#entry_gallery ol li:hover {
		width:400px;
	}
	#entry_gallery ol li img:hover {
		max-height:500px
	}

	ol#comment_list {
	margin-left: 2em;
	}
	ol#comment_list span {
	font-style: italic;
	display: block;
	margin-left: 1.5em;
	}
	#recording #right h3 {
	margin: 1.5em 0 0.4em 0.5em;
	}
	#recording #right ul {
	list-style: none;
	}
	#recording #right ul li a, #recording #right ul li a:visited {
	font-size: 1.1em;
	text-decoration: none;
	}
	#right ul li a:hover,#right ul li a:active {
	text-decoration: underline;
	}
	dl.rec_entry_meta dt {color:#636363}
	dl.rec_entry_meta dd {color:#242424;}
	dl.rec_entry_meta dd p {font-size: 1em;margin: 0;padding: 0}
	dl.rec_entry_meta dd img {display:none}
	dl.rec_entry_meta a, dl.rec_entry_meta a:visited {color:#242424;text-decoration: none;}
	dl.rec_entry_meta a:hover, dl.rec_entry_meta a:active {text-decoration:underline}
	dl.rec_entry_meta dt#listed_categories {margin:1em 0 0.3em 0;}

	#about_the_author {
	border-top: 1px solid #ccc;
	margin:10px 5px 0 5px;
	padding-top: 5px;
	font-size: 0.9em;
	}	
	img#avatar_image {float:left;width:65px;margin: 18px 8px 3px 5px;}	
	p.short_bio{margin-left: 60px;font-size:1.2em}
	#recording #entry-location img {
	width: 100%;
	padding: 3px;
	border:1px solid #ccc
	}
	
	#next, #prev {
	border-top: 1px solid #ccc;
	margin-top: 2em;
	}
	#next {
	float: right;
	}

/****** Gallery - used in /recording page ******/
#photo_gallery ul {
	list-style: none;
}
#photo_gallery ul li {
	list-style:none;
	display: block;
	margin: 6px 3px;
	border: 1px solid #ccc;
	position: relative;
	z-index: 2;
	width:23%;
	height:150px;
	float: left;
	overflow: hidden;
	background: white;
}
#photo_gallery ul li img {
	position: relative;
	z-index: 1;
	width:98%;
	max-height: 300px;
}
#recording.gallery #left {
	position: absolute;
	width: 180px;
	z-index: 3;
	left: -170px;
	background: white;
	border-right: 10px solid #BEB980;
	border-bottom: 3px solid #BEB980;
	border-top: 3px solid #BEB980;
	-webkit-transition: all .3s ease-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#recording.gallery #left:hover {
	left: -5px;
	border-color: #434562;
}

/******** Pages *********/

#body #pages {
	padding: 2em 0;
	-moz-column-count:2;
	-moz-column-gap:5em;
	-webkit-column-count:2;
	-webkit-column-gap:5em;
	column-count:2;
	column-gap:5em;
}
#body #pages h4 {
	column-break-after : avoid
}
#body #pages p {
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
}

/************************ Microphones **************************/
	/** Nav styles **/
	#mic-supernav ul {
		list-style:none;
		float:left;
		margin:0
	}
	#mic-supernav li {
		width:32.5%;
		float:left;
		border-bottom:1px dotted #959595;
		border-left:1px dotted #959595
	}
	#mic-supernav a {
		display:block;
		width:100%;
		text-decoration:none;
		float:left
	}
	#mic-supernav a:hover {
		background:#1D3A47;
		color:white
	}
	#mic-supernav img {
		width:7em;
		height:6em;
		float:left;
		margin:0;
		padding:0.5em;
		border:0
	}
	#mic-supernav img:hover {
		background:none;
		color: #171717
	} /** Use this if you want...it fills in the space for the padding in the img **/
	#mic-supernav b {
		font:bold 1.2em Georgia, "Times New Roman", Times, serif;
		display:block;
		margin:0.5em 0 0 0;
		padding:0
	}

	/**** Entry ****/
	#microphones #prime {
		width: 30%;
		float: left;
	}
	#microphones #related {
		width: 70%;
		float: right;
	}
	ul#featured {
	list-style: none;
	width: 100%;
	}
	ul#featured li {
	float: left;
	height:200px;
	overflow: hidden;
	width:48%;
	border:1px solid #1D3A47;
	padding:0;margin: 2px;
	}
	ul#featured img {
	width:100%;
	min-height: 200px;
	padding: 2px;
	}
	ul#featured img:hover {
	border-color:blue;
	}
	ul#archive {
	clear: both;
	list-style: none;
	width: 100%;
	}
	ul#archive li {
	float: left;
	width:150px;
	height:100px;
	overflow: hidden;
	margin: .5%;
	padding: 2px;
	border: 1px solid #ccc;
	}
	ul#archive img {
	width:150px;
	}

/*********** Gear *********/
/*#recording.gear h3 {
	text-shadow: none;
	margin:0.5em 0 ;padding: 1em 0 0 0.3em;
	font-size: 1.5em;
	border-top: 5px solid #F1EAAE;
}
*/
#recording.gear .gear_entry p {
	width: 50%;
}
img.gear_image {
	padding: 0.4em;
	border: 1px solid #ccc;
	margin:0 10%;
	max-width:400px;
}

/****  More Imported Styles for Venues **/
	#venue_container {width:700px;margin: 0 auto}
		img#venue_image {border: 20px solid #303030;max-width: 65em;margin:0.3em 0}
		#venue_right {float: right;width: 48%}
		#venue_left {float:left;width: 48%%}
	#entry-location img {border:2px solid #4F869F;width: 32em;margin: 0 1em;}
	#entry-location a {text-decoration:none;color: #ccc;opacity: 0.4;}
	#entry-location a:hover {color: #4F8;opacity: 1;}

	#entry-arsenal {height: 5.5em} /* for the items/clearing below */
	#entry-arsenal ul {padding:0;margin:0 1em;float: left;list-style: none;width:100%;}
	#entry-arsenal li {float: left;width: 7.3em;height: 5em;margin: 0;padding: 0;overflow: hidden;border: 1px solid #4F869F;margin:0.1em;}
	#entry-arsenal a {width:7.3em;height: 5em;overflow: hidden;position:relative;top:1.em;left:-0.5em;opacity: 0.4;}
	#entry-arsenal a:hover {opacity: 1;}
	#entry-arsenal img {width:8em;}
	

/*** end of stylesheet ***/