/*
font-family:'NeueHaasGroteskText W01';
font-family:'NHaasGroteskTXW01-56It';
font-family:'NHaasGroteskTXW01-65Md';
font-family:'NHaasGroteskTXW01-66MdI';
font-family:'NHaasGroteskTXW01-75Bd';
font-family:'NHaasGroteskTXW01-76BdI';
font-family:'NHaasGroteskDSW01-15Ult';
font-family:'NHaasGroteskDSW01-25Th';
font-family:'NHaasGroteskDSW01-35XLt';
font-family:'NHaasGroteskDSW01-65Md';
font-family:'NHaasGroteskDSW01-66MdI';
font-family:'NHaasGroteskDSW01-75Bd';
font-family:'NHaasGroteskDSW02-95Blk';
font-family:'Swift Neue LT W01';
*/

	body {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #ffffff;
	background-image: url(_images/_fpo_background.jpg);
	background-repeat: repeat;
	margin:0 auto;
	padding:0 auto;
	color:#484147;
	}
	
	img {
	max-width: 100%;
	border:0;
	}
	
	.clear {
	clear:both;
	}

/* TYPE */

	p {
	font-family:'NHaasGroteskTXW01-65Md',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:1.25em;/* 180px Target / 16px Context */
	padding:0;
	margin:0 0 1em 0;
	display:block;
	line-height:1.5em;
	}
	
		p em {
		font-family:'NHaasGroteskTXW01-66MdI',Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		}

		p strong {
		font-family:'NHaasGroteskTXW01-76Bd',Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		}

	h1 {
	font-family:'NHaasGroteskDSW02-95Blk',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:11.25em;/* 180px Target / 16px Context */
	padding:0;
	margin:0 0 0 -6px;
	display:block;
	line-height:.9em;
	}
	
		#episode_details h1 {
		margin:0 0 20px -6px;
		}

	h2 {
	font-family:'NHaasGroteskDSW01-15Ult',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:3.5em;/* 180px Target / 16px Context */
	padding:0;
	margin:0;
	display:block;
	line-height:.80357142857143em;
	}
	
		h2 strong {
		font-family:'NHaasGroteskDSW02-95Blk',Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		}
		
		#episode_details h2{
		line-height:1.1em;		
		}

		#soundcloud_player h2 {
		margin: 0 0 20px 0;
		}

	h3 {
	font-family:'NHaasGroteskDSW01-15Ult',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:2em;/* 180px Target / 16px Context */
	padding:0;
	margin:0;
	display:block;
	line-height:1.1em;
	letter-spacing:.05em;
	}
	
		h3 strong {
		font-family:'NHaasGroteskDSW01-75Bd',Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		letter-spacing:0;
		}
		
		article h3 {
		margin:20px 0 30px 0;
		line-height:1em;
		}
		
		#episode_details h3 {
		margin:0 0 10px 0;
		}

	h4 {
	font-family:'Swift Neue LT W01',serif;
	font-weight:normal;
	font-style:normal;
	font-size:0.65em;/* 11px Target / 16px Context */
	padding:0;
	margin:0;
	display:block;
	line-height:1em;
	text-transform:uppercase;
	letter-spacing:.2em;
	}
	
		#header h4 {
		display: inline-block;
		}

		#content_grid h4, .content_page h4 {
		line-height:1.5em;
		}

	h5 {
	font-family:'NHaasGroteskDSW01-35XLt',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:.9em;/* 180px Target / 16px Context */
	letter-spacing:.1em;
	padding:0;
	margin:0;
	display:block;
	line-height:1.2em;
	}
	
		h5 strong {
		font-family:'NHaasGroteskDSW02-95Blk',Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		letter-spacing:0;
		}
	
		#header h5 {
		margin: 0 0 4px 0;
		}
		
		#content h5 {
		line-height:1.4em;
		}
		
		#platform {
		float:right;
		width:9%;
		color:rgba(255, 255, 255, 0.75);
		display: inline-block;
		}

	h6, .h6 {
	font-family:'NHaasGroteskTXW01-75Bd',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:.625em;/* 180px Target / 16px Context */
	letter-spacing:.05em;
	padding:0;
	margin:0;
	display:block;
	line-height:1.2em;
	}

		#header h6 {
		line-height:1.7em;
		white-space:nowrap;
		}
		
/* LINK STYLES */

	a { color:#484147; text-decoration: none; }
	a:visited { color:#484147; text-decoration: none; }
	a:hover { color:#484147; text-decoration: underline; }

	a.white { color:#484147; text-decoration: none; }
	a.white:visited { color:#484147; text-decoration: none; }
	a.white:hover { color:#ffffff; text-decoration: none; }

	a.light_to_pink { color:#bbb9bb; text-decoration: none; }
	a.light_to_pink:visited { color:#bbb9bb; text-decoration: none; }
	a.light_to_pink:hover { color:#fa7171; text-decoration: none; }

	.light_to_purple a { color:#bbb9bb; text-decoration: none; }
	.light_to_purple a:visited { color:#bbb9bb; text-decoration: none; }
	.light_to_purple a:hover { color:#a182e0; text-decoration: none; }

	.light_to_blue a { color:#bbb9bb; text-decoration: none; }
	.light_to_blue a:visited { color:#bbb9bb; text-decoration: none; }
	.light_to_blue a:hover { color:#60d6cf; text-decoration: none; }
	
	a.platform {color:rgba(255, 255, 255, 0.75); text-decoration: none; }
	a.platform:visited { color:rgba(255, 255, 255, 0.75); text-decoration: none; }
	a.platform:hover { color:rgba(255, 255, 255, 0.75); text-decoration: underline; }

	a.for_h3, #episode_details a, #episode_navigation a, #intro a { color:#484147; text-decoration: none; }
	a.for_h3:visited, #episode_details a:visited, #episode_navigation a:visited, #intro a:visited { color:#484147; text-decoration: none; }
	a.for_h3:hover, #episode_details a:hover, #episode_navigation a:hover, #intro a:hover { color:#484147; text-decoration:none; border-bottom: 1px solid rgb(72, 65, 71); border-bottom: 1px solid rgba(72, 65, 71, .5);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ }

	#episode_details_col_04 h5 a {font-family:'NHaasGroteskDSW02-95Blk',Arial,sans-serif;font-weight:normal;font-style:normal;letter-spacing:0;text-decoration:none;}

	p a { color:#484147; text-decoration:none; border-bottom: 1px solid rgb(72, 65, 71); border-bottom: 1px solid rgba(72, 65, 71, .5);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ }
	p a:visited { color:#484147; text-decoration:none; border-bottom: 1px solid rgb(72, 65, 71); border-bottom: 1px solid rgba(72, 65, 71, .5);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ }
	p a:hover { color:#ffffff; text-decoration:none; border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, .5);-webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ }

/* COLORS */

	.white_transp {color: rgba(255, 255, 255, .5);}

	.white_white {color:#ffffff;}

/* BORDERS & RULES & PADDING */

	.border_bottom {
	border-bottom: 1px solid rgb(72, 65, 71);
	border-bottom: 1px solid rgba(72, 65, 71, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

	.border_bottom_episode {
  	position: relative;
	}

	.border_bottom_episode:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 1px;
	width: 20px;  /* or 100px */
	border-bottom: 1px solid rgb(145, 141, 144);
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

	.border_top_episode {
  	position: relative;
	float:right;
	}

	.border_top_episode:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 23px;
	height: 1px;
	width: 20px;  /* or 100px */
	border-top: 1px solid rgb(145, 141, 144);
	border-top: 1px solid rgba(255, 255, 255, .4);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

	
	.border_padding_for_h4 {
	margin:0 0 10px 0;
	padding: 0 0 5px 0;
	}

	.border_padding_for_h4_dm {
	margin:0 0 10px 0;
	padding: 0 0 6px 0;
	}

	.border_padding_for_h4_browse_by {
	margin:0 0 4px 0;
	padding: 0 0 5px 0;
	}
	
/* STRUCTURE */

	#page {
	margin: 20px auto 0;
	width: 90%; /* 1080px Target / 1200px Context */
	max-width: 1600px;
	min-width: 1080px;
	}
	
    #baseheader 
    {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 20px 0 0;
		height:135px;
		z-index: 2;
	}

	#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 0 0;
	background-color:none;
	max-width: 1600px;
	min-width: 1000px;
	z-index: 2;
	height:135px;
	width: 83.333333333333%; /* 1000px Target / 1080px Context */
	margin:0 auto; /* 40px Target / 1080px Context */
	border-bottom: 1px solid rgb(72, 65, 71);
	border-bottom: 1px solid rgba(72, 65, 71, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	overflow: hidden;
	}

		.header_rule_wide, .header_rule_short {
		border-right: 1px solid rgb(72, 65, 71);
		border-right: 1px solid rgba(72, 65, 71, .5);
		-webkit-background-clip: padding-box; /* for Safari */
		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		}

			.header_rule_wide {
			margin: 0 -9.090909090909% -1000px 0; /* 20px Target / 220px Context */
			padding: 0 9.090909090909% 1000px 0;
			}

			.header_rule_short {
			margin: 0 -22.222222222222% -1000px 0; /* 20px Target / 90px Context */
			padding: 0 22.222222222222% 1000px 0;
			}

		#header_col_01, #header_col_02, #episode_details_col_01, #episode_details_col_02, #episode_details_col_03 {
		width:22%; /* 220px Target / 1000px Context */
		padding: 0 2% 0 0;
		margin: -5px 2% 0 0;
		float:left;
		}

		#header_col_03, #header_col_04, #header_col_05 {
		width:9%; /* 90px Target / 1000px Context */
		padding: 0 2% 0 0;
		margin: -5px 2% 0 0;
		float:left;
		}

		#header_col_06 {
		width:9%; /* 90px Target / 1000px Context */
		padding: 0 0 0 0;
		margin: -5px 0 0 0;
		float:left;
		}
		
			#header_col_06 img, #platform img {
			width:25px;
			}
			
	#episode_details {
	width:100%;
	margin:20px 0 40px;
	padding:0 0 15px 0;
	border-bottom: 1px solid rgb(72, 65, 71);
	border-bottom: 1px solid rgba(72, 65, 71, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

		#episode_details_col_04 {
		width:22%; /* 220px Target / 1000px Context */
		padding: 0 0 0 0;
		float:left;
		margin: -5px 0 0 0;		
		}

	#soundcloud_player {
	display:block;
	margin:0;
	padding:0;
	}
	
	#soundcloud_player_mobile {
	display:none;
	}
	
		#toggleText_en_2 {
		display: none
		}

	#content_grid {
	width:100%;
	margin:0 0 20px;
	}

	#content {
	width: 92.592592592593%; /* 1000px Target / 1080px Context */
	margin:0 3.703703703704%; /* 40px Target / 1080px Context */
	}
	
	#intro, #intro_content {
	width: 92.592592592593%; /* 1000px Target / 1080px Context */
	margin:35px 3.703703703704% 20px; /* 40px Target / 1080px Context */
	padding:160px 0 15px 0;
	border-bottom: 1px solid rgb(72, 65, 71);
	border-bottom: 1px solid rgba(72, 65, 71, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

	.buttoner {
	position: fixed;
	top: 155px;
	left: 0;
	right: 0;
	z-index: 2;
	cursor:pointer;
	width:520px;
	height:520px;
	margin:0px auto 0;
	}

/* NAVIGATION */

	.select-style {
	width: 100%;
	overflow: hidden;
	background: transparent;
	}
	
	.select-style select {
	font-family:'NHaasGroteskDSW01-35XLt',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:.9em;/* 180px Target / 16px Context */
	letter-spacing:.1em;
	color:#484147;
	padding: 5px 0 1px 0;
	width: 100%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	cursor:pointer;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	}
	
	.select-style select:focus {
	outline: none;
	}

	.select-style select:hover, #header input[type=submit]:hover {
	text-decoration:underline;
	}

	#header input {
	font-family:'NHaasGroteskDSW01-35XLt',Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:.9em;/* 180px Target / 16px Context */
	letter-spacing:.1em;
	color:#484147;
	}

	#header input[type=submit] {
	font-family:'NHaasGroteskDSW02-95Blk',Arial,sans-serif;
    border: none;
    background: none;
    padding: 0;
    border-radius: 0;
	margin:5px 0 0 0;
	}
	
	.query { /*SEARCH BOX WIDTH*/
	width:95&;
	}
	

/* EPISODE GRID */
	
	#episode_grid {
	margin: 20px auto; 
	width: 96.1538461538466%; /* 1000px Target / 1040px Context */
	padding:0 2%; /* 20px Target / 1000px Context */
	overflow: hidden;
	position:relative;
	}
	
		.episode_grid_content {
		padding:0;
		}
	
		.episode_grid_clear {
		 clear:both;
		}
		
		.episode_grid_cols_container {
		clear: both;
		visibility: hidden;
		}
		
		.episode_grid_cols_item {
		margin: 20px 1.851851851852%; /* 20px Target / 1080px Context */
		padding: 0;
		float: left;
		width: 21.153846153846%; /* 220px Target / 1040px Context */
		}

		#episode_navigation {
		width: 92.592592592593%; /* 1000px Target / 1080px Context */
		margin:0 3.703703703704% 0; /* 40px Target / 1080px Context */
		}
	
		article {
		margin:0; 
		padding:10px 4.545454545455% 6px;/* 10px Target / 220px Context */
		background:#484147;
		color:#bbb9bb;
		}
			
			article:hover {
			background:#2e292d;
			}
		
			article img, #episode_details img {
			filter: grayscale(40%);-webkit-filter: grayscale(40%);
			}
			
			article img:hover {
			filter: grayscale(0%);-webkit-filter: grayscale(0%);
			}

/* CONTENT PAGE */

	.content_page {
	width: 100%; /* 1000px Target / 1000px Context */
	margin:-20px auto 0; 
	overflow: hidden;
	}

		.content_page_rule {
		border-left: 1px solid rgb(72, 65, 71);
		border-left: 1px solid rgba(72, 65, 71, .5);
		-webkit-background-clip: padding-box; /* for Safari */
		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		margin: 0 -9.090909090909% -1000px 0; /* 20px Target / 220px Context */
		padding: 0 9.090909090909% 1000px 0;
		}

		.content_page_col_01 {
		width:21.9%; /* 220px Target / 1000px Context */
		padding: 20px 0 0 0; /* 20px Target / 1000px Context */
		margin: 0 0 0 0;/* 20px Target / 1000px Context */
		float:left;
		}

		.content_page_col_02 {
		width:74%; /* 739px Target / 1000px Context */
		padding: 20px 0 0 2%;
		margin: 0 0 0 2%;
		float:left;
		}
		
		.content_page_youtube {
		width:100%;
		height:416px;
		border: 0px;
		}
		
		.content_page_soundcloud {
		width:100%;
		height:100px;
		overflow:hidden;border: 0px;
		}

/*FOOTER */

	#footer {
	clear:both;
	width: 92.592592592593%; /* 1000px Target / 1080px Context */
	margin:0 3.703703703704%; /* 40px Target / 1080px Context */
	padding:15px 0;
	border-top: 1px solid rgb(72, 65, 71);
	border-top: 1px solid rgba(72, 65, 71, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}
	
	.hide_now_show_later {display:none;}