/* ***** ----------------------------------------------- *****
Theme Name: Tiesto Tumblr
Theme URI: *
Description: A custom theme created for Tiesto Tumblr
Version: 1.0
Author: Fame House
Author URI: http://www.famehouse.net
/* ***** ----------------------------------------------- ***** */

@import url("css/normalize.css");

/* ***** Colors
/* ***** ----------------------------------------------- *****

White: #FFF
Black: #000

/* ***** ----------------------------------------------- ***** */


/* ***** General Styles
/* ***** ----------------------------------------------- ***** */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* { outline: none;}
*::-moz-selection{
	background: #c40237;
	color: #fff;
}

*::selection {
	background: #c40237;
	color: #fff;
}

html {
	background: #fff;
}

body {
	color: #a5a5a5;
	font-size: 1em;
	font-family: 'Crimson Text', serif;
	background: #ededed;
}

p {
	line-height: 1.8em;
}

a,
a:visited {
	color: #333333;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

a:hover,
a:active {
	color: #c40237;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol {
	margin: 0;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.hide {
	display: none;
}

.container {
	width: 1110px;
	margin: 0 auto;
}


/* ***** Home Styles
/* ***** ----------------------------------------------- ***** */

#soundcloud_widget {
	position: absolute;
	top: -10px;
}

#top_btn {
	width: 68px;
	height: 68px;
	background: url(images/arrow_up.png);
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 99999;
}

#top_slider {
	background: #000;
	position: relative;
}

	#top_slider #clublife_logo {
		width: 643px;
		height: 232px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -116px 0 0 -322px;
		z-index: 99;
	}

		#top_slider #clublife_logo img{
			width: 100%;
			height: auto;
		}

	#top_slider #slider .slide_btn {
		position: absolute;
		top: 50%;
		left: 50%;
		background: #fff;
		color: #000;
		font-family: 'Montserrat', sans-serif;
		font-size:1em;
		text-transform: uppercase;
		font-weight: bold;
		display: inline-block;
		padding: 5px 0;
		width: 150px;
		text-align: center;
		margin: 120px 0 0 -75px;
		z-index: 100;
	}

	#top_slider #slider .slide_btn:hover {
		color: #c40237;
	}

	#top_slider #thumbs {
		position: absolute;
		bottom: 5px;
		width: 100%;
		padding: 0 45px;
		text-align: center;
	}

		#top_slider #thumbs li{
			margin-right: 5px;
			background: #000;
			cursor: pointer;
		}

		#top_slider #thumbs li img{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
		}

		#top_slider #thumbs .flex-direction-nav a {
			height: 100px;
			top: 65px;
		}

.header {
	position: relative;
	z-index: 99999;
	width: 100%;
	-webkit-box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}

	.header .seek_bar {
		height: 5px;
		background: #e1e1e1;
	}

		.header .seek_bar span{
			display: block;
			width: 0%;
			background: #acacac;
			height: 5px;
		}

	.header .soundcloud_controls_block {
		position: absolute;
		top: 5px;
		left: 0;
		width: 100px;
		z-index: 1;
	}

		.header .soundcloud_controls_block .soundcloud_controls{
			border-right: 1px solid #b7b7b7;
			height: 25px;
			margin-top: 21px;
			text-align: center;
		}

			.header .soundcloud_controls_block .soundcloud_controls .prev_btn{
				display: inline-block;
				width: 15px;
				height: 20px;
				background: url(images/btn_prev.png) center center no-repeat;
				cursor: pointer;
				position: relative;
			}

			.header .soundcloud_controls_block .soundcloud_controls .play_btn{
				display: inline-block;
				width: 21px;
				height: 20px;
				background: url(images/btn_play.png);
				cursor: pointer;
				margin: 2px 5px 0 5px;
			}

			.header .soundcloud_controls_block .soundcloud_controls .play_btn.active{
				background: url(images/btn_pause.png);
			}

			.header .soundcloud_controls_block .soundcloud_controls .next_btn{
				display: inline-block;
				width: 15px;
				height: 20px;
				background: url(images/btn_next.png) center center no-repeat;
				cursor: pointer;
			}

			.header .soundcloud_controls_block .soundcloud_controls .prev_btn:hover,
			.header .soundcloud_controls_block .soundcloud_controls .play_btn:hover,
			.header .soundcloud_controls_block .soundcloud_controls .play_btn.active:hover,
			.header .soundcloud_controls_block .soundcloud_controls .next_btn:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-moz-opacity: 0.50;
				-khtml-opacity: 0.50;
				opacity: 0.50;
			}


	.header nav {
		padding: 20px 0;
		background: #fff;
		-webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.2);
		position: relative;
	}

		.header nav ul {
			text-align: center;
			display: block;
		}

			.header nav ul li {
				display: inline-block;
				border-right: 1px solid #b7b7b7;
				height: 25px;
			}

			.header nav ul li:last-child {
				border-right: none;
			}

				.header nav ul li .filter_text {
					font-style: italic;
					font-size: 1.1em;
					color: #808080;
					padding-right: 35px;
				}

				.header nav ul li a {
					font-family: 'Montserrat', sans-serif;
					font-size: 0.82em;
					text-transform: uppercase;
					font-weight: bold;
					padding: 0 35px;
					display: inline-block;
				}

				.header nav ul li:last-child a {
					padding-right: 0;
				}

		.header nav .mail_icon {
			top: 3px;
			position: relative;
			left: 10px;
		}

		.header nav .mobile_header {
			display: none;
		}


	.header .soundcloud_bar {
		padding: 5px 20px;
		background: #fff;
		display: none;
	}

		.header .soundcloud_bar .song_time {
			display: none;
			margin-right: 10px;
			width: 70px;
		}

		.header .soundcloud_bar .song_time,
		.header .soundcloud_bar .song_title{
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			font-size: 0.625em;
		}

#header_bar {
	display: none;
	position: fixed;
	top: 0;
}

#main {
	padding: 20px 0 100px 0;
	background: #ededed;
}

	#main #header_tag_block {
		margin: 10px 0 30px 0;
	}

		#main #header_tag_block h2{
			font-style: italic;
			font-weight: normal;
			font-size: 2.2em;
			margin: 0 10px;
			text-align: center;
			padding: 10px 0;
			background: #fff;
		}

	#main #posts_container{
		width: 100%;
	}

		#main #posts_container .post {
			width: 32.75%;
			margin-bottom: 16px;
			position: relative;
			display: inline-block;
			-webkit-transition-property: top, left, opacity;
			-moz-transition-property: top, left, opacity;
			-ms-transition-property: top, left, opacity;
			-o-transition-property: top, left, opacity;
			transition-property: top, left, opacity;
			z-index: 2;
			padding: 0 8px;
		}

			#main #posts_container .post .inner {
				background: #fff;
				position: relative;
				overflow: hidden;
			}

				#main #posts_container .post .inner .post_overlay {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.9);
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: 0;
					-khtml-opacity: 0;
					opacity: 0;
					-webkit-transition: all 500ms ease;
					-moz-transition: all 500ms ease;
					-ms-transition: all 500ms ease;
					-o-transition: all 500ms ease;
					transition: all 500ms ease;
					text-align: center;
					z-index: 99;
				}

				#main #posts_container .post .inner:hover .post_overlay{
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
				}

				.lt-ie9 #main #posts_container .post .inner .post_overlay{
					display: none;
				}

				.lt-ie9 #main #posts_container .post .inner:hover .post_overlay{
					background: url(images/bg_ieoverlay.png);
					display: block;
				}

				#main #posts_container .post .inner .block_link{
					display: block;
				}

						#main #posts_container .post .inner .block_link .post_overlay h1 {
							color: #fff !important;
							font-style: italic;
							font-weight: normal;
							font-size: 2.5em;
							margin: 15px 0;
							padding: 15px 15px 0 15px;
						}

						#main #posts_container .post .inner .block_link .post_overlay .tags {
							text-align: center;
							color: #fff;
							font-style: italic;
							font-size: 1.5em;
							margin-bottom: 30px;
							padding: 0 25px;
						}

						#main #posts_container .post .inner .block_link .post_overlay .plus_diamond{
							display: block;
							width: 46px;
							height: 46px;
							background: url(images/plus_diamond.png);
							margin: 0 auto;
						}

				#main #posts_container .post .inner .btn_block{
					position: absolute;
					bottom: 20px;
					right: 15px;
					z-index: 100;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: 0;
					-khtml-opacity: 0;
					opacity: 0;
					-webkit-transition: all 500ms ease;
					-moz-transition: all 500ms ease;
					-ms-transition: all 500ms ease;
					-o-transition: all 500ms ease;
					transition: all 500ms ease;
				}

				#main #posts_container .post .inner:hover .btn_block{
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
				}

				.lt-ie9 #main #posts_container .post .inner .btn_block{
					display: none;
				}

				.lt-ie9 #main #posts_container .post .inner:hover .btn_block{
					display: block;
				}

					#main #posts_container .post .inner .btn_block .like_block{
						float: right;
					}

					#main #posts_container .post .inner .btn_block .reblog_block{
						float: right;
						width: 20px;
						height: 20px;
						background: url(images/icon_reblog_sm.png);
						margin-right: 10px;
					}

				#main #posts_container .post .inner header {
					border-bottom: 1px solid #d9d9d9;
					width: 100%;
					position: relative;
					margin-bottom: 10px;
					padding-bottom: 10px;
				}

				#main #posts_container .post .inner header:before {
					content: '';
					position: absolute;
					bottom: -5px;
					left: 0;
					width: 100%;
					border-top: 1px solid #d9d9d9;
				}

					#main #posts_container .post .inner header .date{
						font-size: 0.9em;
						color: #626262;
						font-style: italic;
					}

				#main #posts_container .post .inner footer {
					position: absolute;
					bottom: 10px;
					width: 100%;
					padding: 12px 15px 15px 15px;
				}

				#main #posts_container .post .inner footer .text_link{
					font-family: 'Montserrat', sans-serif;
					font-size: 0.7em;
					text-transform: uppercase;
					font-weight: bold;
					display: inline-block;
				}

				#main #posts_container .post .inner footer .text_link.read_more{
					color: #fff;
				}

					#main #posts_container .post .inner footer .inner_footer{
						border-top: 1px solid #3f3e3d;
						position: relative;
						padding-top: 15px;
						text-align: left;
					}

					#main #posts_container .post .inner footer .inner_footer:before {
						content: '';
						position: absolute;
						top: -6px;
						left: 0;
						width: 100%;
						border-top: 1px solid #3f3e3d;
					}

			#main #posts_container .post.contribute{

			}

				#main #posts_container .post.contribute .inner{

				}

					#main #posts_container .post.contribute .inner .img_block {
						font-size: 0;
						position: relative;
					}

						#main #posts_container .post.contribute .inner .img_block img{
							width: 100%;
							height: auto;
						}

					#main #posts_container .post.contribute .inner #contribute_img {
						display: block;
						width: 194px;
						height: 58px;
						background: url(images/contribute_img.png);
						position: absolute;
						top: 50%;
						left: 50%;
						margin: -29px 0 0 -97px;
					}

					#main #posts_container .post.contribute .inner footer {
						bottom: 0;
					}

						#main #posts_container .post.contribute .inner footer .text_link{
							color: #c40237;
						}

						#main #posts_container .post.contribute .inner footer .text_link:hover{
							color: #fff;
						}

			#main #posts_container .post.photo {

			}

				#main #posts_container .post.photo .inner {

				}

					#main #posts_container .post.photo .inner .block_link .img_block {
						font-size: 0;
					}

						#main #posts_container .post.photo .inner .block_link .img_block img{
							width: 100%;
							height: auto;
						}

					#main #posts_container .post.photo .inner .block_link .img_block .html_photoset {
						text-align: center;
					}

			#main #posts_container .post.video {

			}

				#main #posts_container .post.video .inner{

				}

					#main #posts_container .post.video .inner .block_link .video_block {
						font-size: 0;
					}

						#main #posts_container .post.video .inner .block_link .video_block iframe{
							width: 100%;
							height: 275px;
						}

			#main #posts_container .post.text {

			}

				#main #posts_container .post.text .inner{
					padding: 15px;
				}

					#main #posts_container .post.text .inner .text_block {

					}

						#main #posts_container .post.text .inner .text_block h1{
							margin: 16px 0 10px 0;
							color: #000;
							font-family: 'Montserrat', sans-serif;
							font-size: 1.125em;
							text-transform: uppercase;
							font-weight: normal;
						}

						#main #posts_container .post.text .inner .text_block iframe{
							width: 100%;
						}

						#main #posts_container .post.text .inner .text_block img{
							width: 100%;
							height: auto;
						}

					#main #posts_container .post.text .inner footer {
						position: relative;
						border-top: 1px solid #d9d9d9;
						bottom: auto;
						padding: 18px 0 0 0;
						height: 35px;
						overflow: hidden;
					}

					#main #posts_container .post.text .inner footer:before {
						content: '';
						position: absolute;
						top: 4px;
						left: 0;
						border-top: 1px solid #d9d9d9;
						width: 100%;
					}

						#main #posts_container .post.text .inner footer .text_link.read_more{
							color: #333;
							position: relative;
							top: -14px;
						}

						#main #posts_container .post.text .inner footer .text_link.read_more:hover{
							color: #c40237;
						}

						#main #posts_container .post.text .inner  footer .tags{
							display: inline-block;
							line-height: 12px;
							width: 100%;
							height: 14px;
							overflow: hidden;
							padding-right: 80px;
						}

							#main #posts_container .post.text .inner footer .tags a{
								font-size: 0.7em;
								margin-right: 5px;
								display: inline-block;
								color: #a5a5a5;
								font-style: italic;
							}

							#main #posts_container .post.text .inner footer .tags a:hover{
								color: #c40237;
							}

					#main #posts_container .post.text .inner .like_block {
						position: absolute;
						top: 17px;
						right: 15px;
						width: 20px;
						height: 20px;
					}

					#main #posts_container .post.text .inner .reblog_block {
						position: absolute;
						top: 17px;
						right: 45px;
						width: 20px;
						height: 20px;
						background: url(images/icon_reblog_sm.png);
					}

			#main #posts_container .post.link {

			}

				#main #posts_container .post.link .inner{

				}

			#main #posts_container .post.audio {

			}

				#main #posts_container .post.audio .inner{

				}

					#main #posts_container .post.audio .inner .block_link .audio_block {
						font-size: 0;
					}

						#main #posts_container .post.audio .inner .block_link .audio_block .art_block {

						}

							#main #posts_container .post.audio .inner .block_link .audio_block .art_block img{
								max-width: 100%;
								display: block;
								margin: 0 auto;
							}

						#main #posts_container .post.audio .inner .block_link .audio_block .tumblr_audio_player{
							width: 100%;
							height: 85px;
						}

						#main #posts_container .post.audio .inner .block_link .audio_block .soundcloud_audio_player{
							width: 100%;
							height: 166px;
						}

						#main #posts_container .post.audio .inner .block_link .audio_block .spotify_audio_player {
							width: 100%;
						}

			#main #posts_container .post.quote {

			}

				#main #posts_container .post.quote .inner{

				}

					#main #posts_container .post.quote .inner .quote_block {
						padding: 25px 15px 20px 15px;
						background-image: url(images/quote_open.png), url(images/quote_close.png);
						background-position: left top, right bottom;
						background-repeat: no-repeat, no-repeat;
						margin: 10px 0;
					}

						#main #posts_container .post.quote .inner .quote_block span{
							margin: 0;
							color: #000;
							font-style: italic;
							display: block;
							font-size: 1.8em;
							line-height: 32px;
						}

					#main #posts_container .post.quote .inner .quote_source {
						display: block;
						text-align: right;
						top: -10px;
						padding-right: 40px;
						position: relative;
					}


			#main #posts_container .post.answer {

			}

				#main #posts_container .post.answer .inner {

				}

					#main #posts_container .post.answer .inner .text_block {
						margin-top: -10px;
					}

		#main #posts_container #infscr-loading {
			position: fixed;
			text-align: center;
			bottom: 30px;
			left: 50%;
			z-index: 100;
			background: rgba(0,0,0,0.8);
			padding: 10px 20px;
			color: #fff;
			font-size: 0.75em;
			width: 250px;
			margin-left: -125px;
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
		}

#pageNav {

}

	#pageNav ul {
		text-align: center;
	}

		#pageNav ul li {
			display: inline-block;
		}

			#pageNav ul li a {
				color: #ededed;
			}


/* ***** Post Styles
/* ***** ----------------------------------------------- ***** */

#post_page {
	background: #fff;
}

#header_post {
	padding: 30px 0;
}

	#header_post h1 {
		width: 208px;
		height: 76px;
		background: url(images/logo_clublife_med.png);
		margin: 0 auto;
	}

.prev_next_btn {
	width: 40px;
	height: 110px;
	margin: -65px 0 0;
	display: block;
	position: fixed;
	top: 50%;
	z-index: 10;
}

.prev_next_btn:hover {
	background-color: rgba(0,0,0,0.8) !important;
}

.prev_next_btn#prev  {
	background: url(images/arrow_left.png) rgba(0,0,0,0.5) no-repeat center center;
	left: 0;
}

.prev_next_btn#next  {
	background: url(images/arrow_right.png) rgba(0,0,0,0.5) no-repeat center center;
	right: 0;
}

.lt-ie9  .prev_next_btn#prev  {
	background: url(images/arrow_left.png) #666 no-repeat center center;
}

.lt-ie9  .prev_next_btn#next  {
	background: url(images/arrow_right.png) #666 no-repeat center center;
}

.container_small {
	width: 800px;
	margin: 0 auto;
}

#post {
	padding-bottom: 20px;
}

	#post #post_content {

	}

		#post #post_content #photo_block{

		}

			#post #post_content #photo_block img{
				max-width: 100%;
				height: auto;
				display: block;
				margin: 0 auto;
			}

			#post #post_content #photo_block .html_photoset {
				text-align: center;
			}

		#post #post_content #video_block{

		}

			#post #post_content #video_block iframe{
				width: 100%;
				height: 624px;
			}

		#post #post_content #audio_block{

		}

			#post #post_content #audio_block #art_block {

			}

				#post #post_content #audio_block #art_block img{
					max-width: 100%;
					display: block;
					margin: 0 auto;
				}

			#post #post_content #audio_block .tumblr_audio_player {
				width: 500px;
				height: 85px;
				margin: 0 auto;
				display: block;
			}

			#post #post_content #audio_block .soundcloud_audio_player{
				width: 100%;
				height: 166px;
			}

			#post #post_content #audio_block .spotify_audio_player {
				width: 100%;
			}

		#post #post_content #quote_block {
			padding: 30px 45px 10px 45px;
			background-image: url(images/quote_open.png), url(images/quote_close.png);
			background-position: left top, right bottom;
			background-repeat: no-repeat, no-repeat;
			margin-bottom: 40px;
		}

			#post #post_content #quote_block #quote{
				margin: 0;
				color: #000;
				font-style: italic;
				display: block;
				font-size: 1.8em;
				line-height: 32px;
			}

			#post #post_content #quote_block #quote_source {
				display: block;
				text-align: right;
				top: 30px;
				position: relative;
				padding-right: 20px
			}

		#post #post_content #text_block{
			margin-top: 30px;
			border-bottom: 1px solid #b2b2b2;
			padding-bottom: 20px;
		}

			#post #post_content #text_block h1{
				color: #000;
				font-family: 'Montserrat', sans-serif;
				font-size: 1.8em;
				text-transform: uppercase;
				font-weight: normal;
			}

			#post #post_content #text_block img{
				display: block;
				margin: 0 auto;
			}

			#post #post_content #text_block iframe{
				width: 100%;
			}

	#post #date_tag_like_block {
		padding: 30px 0;
		font-style: italic;
	}

		#post #date_tag_like_block #date {
			display: inline-block;
			float: left;
			width: 20%;
		}

		#post #date_tag_like_block #tags {
			display: inline-block;
			float: left;
			width: 60%;
			text-align: center;
		}

			#post #date_tag_like_block #tags a{
				color: #a5a5a5;
			}

			#post #date_tag_like_block #tags a:hover{
				color: #c40237;
			}

			#post #date_tag_like_block #tags span,
			#post #date_tag_like_block #tags a{
				padding: 0 5px;
			}

		#post #date_tag_like_block #like {
			display: inline-block;
			text-align: right;
			float: left;
			width: 20%;
		}

			#post #date_tag_like_block #like_icon {
				display: inline-block;
				width: 19px;
				height: 17px;
				background: url(images/icon_heart.png);
			}

	#post #share_block {
		padding: 30px 0;
		border-top: 1px solid #b2b2b2;
		position: relative;
	}

	#post #share_block:before {
		content: '';
		position: absolute;
		top: 4px;
		left: 0;
		border-top: 1px solid #b2b2b2;
		width: 100%;
	}

		#post #share_block h2{
			text-align: center;
			font-family: 'Montserrat', sans-serif;
			font-size: 1.625em;
			text-transform: uppercase;
			font-weight: normal;
			margin: 0 0 5px 0;
		}

		#post #share_block ul {
			text-align: center;
		}

			#post #share_block ul li {
				margin: 0 5px;
				display: inline-block;
			}

				#post #share_block ul li .share_btn {

				}

					#post #share_block ul li .share_btn .icon {
						display: inline-block;
						width: 50px;
						height: 50px;
					}

					#post #share_block ul li .share_btn #reblog {
						background: url(images/icon_reblog.png);
					}

					#post #share_block ul li .share_btn #facebook {
						background: url(images/icon_facebook.png);
					}

					#post #share_block ul li .share_btn #twitter {
						background: url(images/icon_twitter.png);
					}

					#post #share_block ul li .share_btn .text {
						display: block;
						text-align: center;
						font-family: 'Montserrat', sans-serif;
						font-size: 0.625em;
						text-transform: uppercase;
						color: #a5a5a5;
					}

	#post #notes_block {
		padding: 20px 0 50px 0;
		border-top: 1px solid #b2b2b2;
	}

		#post #notes_block #notes_number {
			font-family: 'Montserrat', sans-serif;
			font-size: 1.375em;
			text-transform: uppercase;
		}

		#post #notes_block .notes{
			border-top: 1px solid #b2b2b2;
			margin-top: 10px;
			padding: 10px 0;
			list-style-type: none;
		}

			#post #notes_block .notes li {
				border-bottom: 1px solid #b2b2b2;
				padding-bottom: 5px;
				margin-bottom: 5px;
			}

				#post #notes_block .notes li .avatar_frame {
					display: none;
				}

				#post #notes_block .notes li blockquote {
					padding: 4px 10px;
					margin: 10px 0px 0px 25px;
				}

	#post #comments_block {

	}

	#post #fh_block{
		text-align: center;
		padding: 30px 0;
	}

		#post #fh_block #fh_icon{
			display: inline-block;
			width: 59px;
			height: 40px;
			background: url(images/icon_fh.png);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			-moz-opacity: 0.30;
			-khtml-opacity: 0.30;
			opacity: 0.30;
		}

		#post #fh_block #fh_icon:hover {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
		}

		#post #fh_block #terms_link {
			color: #a5a5a5;
    		font-size: 0.8rem;
		}


/* ***** Signup Lightbox
/* ***** ----------------------------------------------- ***** */
.signup_block {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
}
.signup_block .signup_form {
	position: absolute;
	background: #fff;
	padding: 10px;
	height: 480px;
	left: 50%;
	top: 50%;
	margin-top: -240px;
	margin-left: -170px;
}

/* ***** Isotope Styles
/* ***** ----------------------------------------------- ***** */

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* ***** Media Queries
/* ***** ----------------------------------------------- ***** */
@media screen and (max-width: 1550px) {

	.header nav ul li a {
		padding: 0 18px;
	}

}


@media screen and (max-width: 1390px) {

	.header nav ul li a {
		padding: 0 14px;
	}

}

@media screen and (max-width: 1110px) {

	.container {
		width: 100%;
		padding: 0 10px;
	}

	#top_slider #slider .slide_btn {
		margin-top: 100px;
	}

	#post #post_content #text_block img,
	#post #post_content #text_block iframe{
		max-width: 100%;
	}

}

@media screen and (max-width: 1180px) and (min-width: 951px) {

	.header .soundcloud_controls_block {
		display: none;
	}

}

@media screen and (max-width: 950px) {

	#main #posts_container .post {
		width: 48.4%;
	}

	#top_slider #thumbs {
		display: none;
	}

	#top_slider #clublife_logo {
		width: 400px;
		height: 144px;
		margin: -73px 0 0 -200px;
	}

	.header nav {
		padding: 10px 20px;
	}

	.header nav .mobile_header {
		display: block;
		font-size: 1.2em;
		padding: 5px 0;
		cursor: pointer;
		background: url(images/icon_menu.png) 96% 50% no-repeat;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #aaa;
	}

	.header nav ul{
		display: none;
		padding-top: 5px;
	}

	.header nav ul li {
		display: block;
		border-top: 1px solid #b7b7b7;
		border-left: none;
		border-right: none;
		height: auto;
	}

	.header nav ul li.filter_text_block{
		display: none;
	}

	.header nav ul li a {
		padding: 10px 0;
	}

	.flex-direction-nav a,
	.prev_next_btn	{
		width: 30px;
		height: 80px;
		margin-top: -40px;
	}

	#post #post_content #video_block iframe{
		height: 500px;
	}

	.header .soundcloud_controls_block .soundcloud_controls {
		margin-top: 15px;
	}

}

@media screen and (max-width: 800px) {

	.container_small {
		width: 100%;
	}

	#post #date_tag_like_block #date {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	#post #date_tag_like_block #tags {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	#post #date_tag_like_block #like {
		float: none;
		display: inline-block;
		text-align: center;
		width: 100%;
	}

	#top_slider #slider .slide_btn {
		margin-top: 80px;
	}

}

@media screen and (max-width: 700px) {

	#post #post_content #photo_block iframe{
		width: 100%;
	}

}

@media screen and (max-width: 800px) and (min-width: 501px) {

	#main #posts_container .post .inner .block_link .post_overlay h1 {
		font-size: 1.8em;
	}

	#main #posts_container .post.contribute .inner #contribute_img {
		margin-top: -50px;
	}

}

@media screen and (max-width: 500px) {

	#main #posts_container .post {
		width: 100%;
	}

	#top_slider #clublife_logo {
		width: 280px;
		height: 101px;
		margin: -50px 0 0 -140px;
	}

	#post #post_content #video_block iframe{
		height: 280px;
	}

	#top_slider #slider .slide_btn {
		margin: 40px 0 0 -60px;
		width: 120px;
		font-size: 0.8em;
	}

	#main #header_tag_block h2{
		font-size: 1.8em;
	}

	#post #post_content #audio_block .tumblr_audio_player {
		width: 100%;
	}

}