/*  
Theme Name: Bloggin
Theme URI: http://themeforest.net/user/simnor
Description: Bloggin is a blogging and portfolio WordPress theme. 
Version: 1.2
Author: Simon North
Author URI: http://themeforest.net/user/simnor
License: GNU v2 or Later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: gray, white, one-column, theme-options
*/

/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }


/* General Structure */

body {
	background: #222222;
	text-align: center;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #939292;
}
input, textarea { font-family: "Lato", Helvetica, Arial, sans-serif; }

	#wrapper {
		position: relative;
		width: 1200px;
		text-align: left;
		margin: auto;
	}
	.clearfix {
		display: block;
		clear: both;
	}
	
	a {
		color: #4f70b3;
		text-decoration: none;
	}
	a:hover { color: #333; }
	
	.preload { position: absolute; top: -9999px; left: -9999px; }

	
	/* Site Header */
	
	#site-header {
		position: relative;
		padding: 50px 0;
		z-index: 200;
	}
	
		#site-header a {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		#site-header .site-title { float: left; }
			#site-header .site-title a {
				display: block;
				float: left;
				line-height: 44px;
				padding: 0 20px;
				border: 3px solid #2d2d2d; 
				border: 3px solid rgba(255, 255, 255, 0.1);
				font-size: 18px;
				font-weight: 300;
				text-transform: uppercase;
				color: #FFF;
			}
			#site-header .site-title a:hover {
				border: 3px solid #393939;
				border: 3px solid rgba(255, 255, 255, 0.2);
			}

		#site-header .site-logo { float: left; }
			#site-header .site-logo .logo-retina { display: none; }
		
		#site-header .site-header-right {
			float: right;
		}
		
		#site-header a.header-icon {
			float: right;
			display: block;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			color: #FFF;
			font-size: 18px;
			background: url(./images/back-white-5.png) transparent;
			margin: 0 0 0 1px;
		}
		#site-header a.header-icon:hover, 
		#site-header a.header-icon-active {
			background: url(./images/back-white-10.png) transparent;
		}
			
		#site-header #site-nav {
			position: relative;
			float: right;
			z-index: 10;
		}
			#site-header #site-nav a.header-icon-active { margin-left: 0px; }
			#site-header #site-nav .menu { display: none; float: left; }
			#site-header #site-nav.show-menu-on-load .menu { display: block; }
			#site-header #site-nav ul { float: left; display: block; background: #222; }
			#site-header #site-nav li {
				float: left;
				display: block;
				position: relative;
				margin: 0 0 0 1px;
			}
				#site-header #site-nav li a {
					float: left;
					display: block;
					line-height: 50px;
					padding: 0 20px;
					font-size: 14px;
					color: #FFF;
					color: rgba(255, 255, 255, 0.5);
					background: url(./images/back-white-10.png) transparent;
					text-transform: uppercase;
				}
				#site-header #site-nav li a:hover, 
				#site-header #site-nav li.current-menu-item a,
				#site-header #site-nav li a.dropdown-active {
					color: #FFF;
					background: url(./images/back-white-15.png) transparent;
				}
				#site-header #site-nav li ul {
					position: absolute;
					top: 50px;
					left: 0px;
					display: none;
					width: 220px;
					background: #222;
				}
					#site-header #site-nav li ul li {
						margin: 1px 0 0 0;
						float: none;
					}
						#site-header #site-nav li ul li a {
							float: none;
							line-height: 22px;
							padding: 10px 20px;
							background: url(./images/back-white-15.png) transparent;
						}
					#site-header #site-nav li ul li ul { left: -220px; top: -1px;; }

		#site-header .mobile-search { display: none; }
		#site-header .header-search {
			float: right;
			position: relative;
		}
			#site-header .header-search form, 
			#site-header .mobile-search {
				float: left;
				height: 50px;
				padding: 0 51px 0 0;
				position: relative;
				display: none;
				background: #222;
			}
			#site-header .mobile-search { float: none; clear: both; padding: 30px 51px 0 0; }
				#site-header .header-search form input[type="text"], 
				#site-header .mobile-search input[type="text"] {
					height: 20px;
					line-height: 20px;
					font-size: 14px;
					color: #FFF;
					width: 180px;
					padding: 15px 25px;
					background: url(./images/back-white-10.png) transparent;
					float: left;
					display: block;
					border: none;
					-webkit-border-radius: 0px;
					margin: 0 0 0 1px;
				}
				#site-header .header-search form input[type="submit"], 
				#site-header .mobile-search input[type="submit"] {
					cursor: pointer;
					position: absolute;
					z-index: 10;
					bottom: 0px;
					right: 0px;
					display: inline-block;
					height: 50px;
					width: 50px;
					padding: 0 0 0 0;
					text-align: center;
					appearance: none;
					-webkit-appearance: none;
					-moz-appearance: none;
					-webkit-font-smoothing:antialiased;
					-webkit-border-radius: 0px;
					color: #FFF;
					border: none;
					font-size: 18px;
					-webkit-border-radius: 0px;
					font-family: "FontAwesome";
					background: url(./images/back-white-10.png) transparent;
					margin: 0 0 0 1px;
				}
		
		#site-header .social-icons { float: right; }
			#site-header .social-icons a { float: left; }	
			#site-header .social-icons a.social-icon-twitter:hover { background: #00c4fc; }
			#site-header .social-icons a.social-icon-facebook:hover { background: #3350ae; }
			#site-header .social-icons a.social-icon-linkedin:hover { background: #0084d7; }
			#site-header .social-icons a.social-icon-pinterest:hover { background: #df2828; }
			#site-header .social-icons a.social-icon-delicious:hover { background: #055ff5; }
			#site-header .social-icons a.social-icon-paypal:hover { background: #23649a; }
			#site-header .social-icons a.social-icon-gplus:hover { background: #d83d2d; }
			#site-header .social-icons a.social-icon-stumbleupon:hover { background: #c60303; }
			#site-header .social-icons a.social-icon-fivehundredpx:hover { background: #0089d4; }
			#site-header .social-icons a.social-icon-foursquare:hover { background: #3ab6e8; }
			#site-header .social-icons a.social-icon-forrst:hover { background: #267810; }
			#site-header .social-icons a.social-icon-digg:hover { background: #024dcb; }
			#site-header .social-icons a.social-icon-spotify:hover { background: #aed40e; }
			#site-header .social-icons a.social-icon-reddit:hover { background: #ff7800; }
			#site-header .social-icons a.social-icon-dribbble:hover { background: #fe0085; }
			#site-header .social-icons a.social-icon-flickr:hover { background: #e53a7c; }
			#site-header .social-icons a.social-icon-rss:hover { background: #ef7528; }
			#site-header .social-icons a.social-icon-skype:hover { background: #1dc6ff; }
			#site-header .social-icons a.social-icon-youtube:hover { background: #e8211a; }
			#site-header .social-icons a.social-icon-vimeo:hover { background: #0084ff; }
			#site-header .social-icons a.social-icon-myspace:hover { background: #464545; }
			#site-header .social-icons a.social-icon-amazon:hover { background: #f59e1b; }
			#site-header .social-icons a.social-icon-ebay:hover { background: #ff0101; }
			#site-header .social-icons a.social-icon-github:hover { background: #024dcb; }
			#site-header .social-icons a.social-icon-lastfm:hover { background: #c60303; }
			#site-header .social-icons a.social-icon-soundcloud:hover { background: #ff4701; }
			#site-header .social-icons a.social-icon-tumblr:hover { background: #3d627d; }
			#site-header .social-icons a.social-icon-instagram:hover { background: #1c527e; }
	
			
	/* Buttons */
	
	.button, 
	.more-link,
	body .simnor-shortcode-button, 
	#searchform input[type="submit"],
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] {
		display: inline-block;
		border: 2px solid #EEE;
		line-height: 20px;
		padding: 9px 20px 11px 20px;
		font-size: 13px;
		cursor: pointer;
		margin: 0 10px 0 0;
		border-radius: 0px;
		color: #4f70b3;
		background: none transparent;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-transform: uppercase;
	}
	#searchform input[type="submit"],
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] { height: 40px; line-height: normal; padding-top: 0px; padding-bottom: 0px; }
	.button:hover, 
	.more-link:hover, 
	body .simnor-shortcode-button:hover,
	#searchform input[type="submit"]:hover,
	#respond input[type="submit"]:hover, 
	.wpcf7 input[type="submit"]:hover {
		border-color: #4f70b3;
		color: #4f70b3;
	}
	
	body .simnor-shortcode-button, 
	body .simnor-shortcode-button:hover {
		background: transparent none!important;
		text-shadow: none!important;
		margin: 0 10px 10px 0;
	}
	
	body .simnor-shortcode-button-edge-rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	
	body .simnor-shortcode-button-size-small { font-size: 11px; }
	body .simnor-shortcode-button-size-large { font-size: 16px; }
	
	body .simnor-shortcode-button-colour-red { color: #b34141!important; }
	body .simnor-shortcode-button-colour-blue: { color: #2d48b8!important; }
	body .simnor-shortcode-button-colour-green { color: #2e9b42!important; }
	body .simnor-shortcode-button-colour-light-gray { color: #999!important; }
	body .simnor-shortcode-button-colour-dark-gray { color: #333!important; }
	body .simnor-shortcode-button-colour-orange { color: #ec661e!important; }
	body .simnor-shortcode-button-colour-purple { color: #531f99!important; }

	body .simnor-shortcode-button-colour-red:hover { border-color: #b34141!important; color: #b34141!important; }
	body .simnor-shortcode-button-colour-blue:hover { border-color: #2d48b8!important; color: #2d48b8!important; }
	body .simnor-shortcode-button-colour-green:hover { border-color: #2e9b42!important; color: #2e9b42!important; }
	body .simnor-shortcode-button-colour-light-gray:hover { border-color: #999!important; color: #999!important; }
	body .simnor-shortcode-button-colour-dark-gray:hover { border-color: #333!important; color: #333!important; }
	body .simnor-shortcode-button-colour-orange:hover { border-color: #ec661e!important; color: #ec661e!important; }
	body .simnor-shortcode-button-colour-purple:hover { border-color: #531f99!important; color: #531f99!important; }
	
	
	/* Shortcodes */
	
	body .simnor-shortcode-col-inner { margin: 0 30px 0 0; }
	body .simnor-shortcode-tabs { padding-top: 50px; }
	body .simnor-shortcode-tab-buttons { height: 51px; }
	body .simnor-shortcode-tab-buttons a { padding: 0 20px; line-height: 49px; height: 49px; font-size: 18px; }
	body .simnor-shortcode-toggle { margin: 0 0 10px 0; }
	body .simnor-shortcode-toggle h3.simnor-shortcode-toggle-heading { font-size: 18px; }
	
	
	/* Basic Formatting */

	.entry h1 {
		font-size: 60px;
		line-height: 60px;
		color: #4f70b3;
		margin: 0 0 20px 0;
		font-weight: 300;
	}
	.entry h2 {
		font-size: 40px;
		line-height: 40px;
		color: #4f70b3;
		margin: 0 0 20px 0;
		font-weight: 300;
	}
	.entry h3 {
		font-size: 30px;
		line-height: 34px;
		color: #4f70b3;
		margin: 0 0 20px 0;
		font-weight: normal;
	}
	.entry h4 {
		font-size: 22px;
		line-height: 24px;
		color: #4f70b3;
		margin: 0 0 20px 0;
		font-weight: normal;
	}
	.entry h5 {
		font-size: 14px;
		line-height: 20px;
		color: #555;
		margin: 0 0 20px 0;
	}
	.entry h6 {
		font-size: 12px;
		line-height: 18px;
		color: #555;
		margin: 0 0 20px 0;
		text-transform: uppercase;
		font-weight: normal;
	}
	.entry img {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.entry p, 
	.entry address {
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 20px 0;
	}
	.entry ul {
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 30px 0;
	}
		.entry ul li {
			display: block;
			padding: 0 0 0 28px;
			margin: 0 0 10px 0;
			background: url(./images/bullet.png) no-repeat 2px 7px;
		}
			.entry ul li ul { margin: 15px 0 15px 0; font-size: 16px; line-height: 26px; }
	.entry ol {
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 30px 30px;
		list-style: decimal outside;
	}
		.entry ol li {
			margin: 0 0 10px 0;
		}
			.entry ol li ol { margin: 10px 0 10px 30px; }
	.entry blockquote, 
	.entry q {
		border-left: 5px solid #EEE;
		padding: 10px 0 10px 30px;
		margin: 50px 30px 50px 30px;
		font-size: 22px;
		line-height: 32px;
		display: block;
		overflow: hidden;
		font-style: italic;
	}
		.entry blockquote p, 
		.entry q p {
			margin: 0; 
			font-size: 22px;
			line-height: 28px;
		}
		cite { font-size: 14px; }
		.entry blockquote cite, 
		.entry q cite {
			font-style: normal;
			display: block;
			padding: 10px 0 5px 0;
			margin: 0px;
			line-height: normal;
			font-size: 14px;
		}
			
	/* WordPress Default Formatting */
	
	.entry img { width: auto; max-width: 100%; height: auto; }
	
	.alignleft { float: left; display: block; margin-bottom: 20px; margin-right: 20px; }
	.alignright { float: right; display: block; margin-bottom: 20px; margin-left: 20px; }
	.aligncenter { clear: both; display: block; margin: 0 auto 20px auto; }
	
	.entry .gallery { margin: 0 0 20px 0; display: none; }
	.wp-caption, 
	.gallery-caption { font-size: 14px; max-width: 100%; }
	.wp-caption img { margin-bottom: 10px; }
	.entry .wp-caption p { margin: 0px; }
	.wp-caption-dd, 
	p.wp-caption-text { font-size: 12px; line-height: 16px; }
	
	.entry table { border-top: 1px solid #EEE; border-left: 1px solid #EEE; margin: 0 0 30px 0; width: 100%; }
		.entry table th, 
		.entry table td { padding: 15px; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }
		.entry table th { background: #f9f9f9; font-weight: bold; color: #333; }
		
	.entry dl { line-height: 24px; margin: 0 0 20px 0; }
		.entry dl dt { font-weight: bold; }
		.entry dl dd { margin-bottom: 10px; }
	
	.entry address { font-style: italic; }
	.entry abbr, 
	.entry acronym { border-bottom: 1px dotted #CCC; }
	.entry big { font-size: 18px; }
	.entry code, 
	.entry pre {
		font-family: "Courier New", "Courier";
		padding: 10px;
		background: #f9f9f9;
		clear: both;
		margin: 20px 0;
		display: block;
		line-height: 18px;
		font-size: 13px;
	}
	.entry pre { overflow: auto; }
	
	
	/* Entry */
	
	article.entry {
		background: #FFF;
		margin: 0 0 60px 0;
		overflow: hidden;
		position: relative;
	}
		.post-top { position: relative; background: #333; }
			.post-icon {
				position: absolute;
				top: 50px;
				left: 50px;
				display: block;
				z-index: 10;
				font-size: 30px;
				color: #FFF;
			}
		
		
		/* Post Image */
	
		.post-image {
			position: relative;
			overflow: hidden;
			display: block;
		}
			.post-image .overlay, 
			.post-gallery .overlay {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: url(./images/image-overlay.png) no-repeat left bottom;
				z-index: 1;
				display: block;			}
			.post-image img, 
			.post-gallery img { display: block; width: 100%; }
	
	
		/* Post Header */
	
		.post-header { margin: 0 0 30px 0; }
		.post-top .post-header {
			position: absolute;
			padding: 0 0 50px 50px;
			bottom: 0px;
			left: 0px;
			z-index: 50;
			margin: 0 280px 0 0;
		}
			.post-header h1, 
			.post-header h2 {
				font-size: 60px;
				line-height: 60px;
				margin: 0 0 20px 0; 
				-ms-word-wrap: break-word;
				word-wrap: break-word;
			}
				.post-top .post-header h1.page-title { margin: 0px; }
				.post-top .post-header h1, 
				.post-top .post-header h2,
				.post-top .post-header h1 a, 
				.post-top .post-header h2 a {
					color: #FFF;
					-webkit-transition: text-shadow 0.3s ease;
					-moz-transition: text-shadow 0.3s ease;
					-o-transition: text-shadow 0.3s ease;
					transition: text-shadow 0.3s ease;
				}
				.post-top .post-header h1 a, 
				.post-top .post-header h2 a:hover { text-shadow: 0 0 20px rgba(0,0,0,0.6); }
			.post-header .post-header-meta { overflow: hidden; }
				.post-header .post-header-meta p {
					float: left;
					display: block;
					margin: 0 30px 0 0;
					line-height: 24px;
					font-size: 20px;
					opacity: 0.8;
					font-weight: 300;
					color: #666;
				}
				.post-top .post-header .post-header-meta p { color: #FFF; }
				.post-top .post-header .post-header-meta p a { color: #FFF; }
				.post-top .post-header .post-header-meta p a:hover { text-shadow: 0 0 20px rgba(0,0,0,0.6); }
	
	
		/* Post Video */
		
		.video-loader {
			position: absolute;
			top: 50%;
			left: 50%;
			display: none;
			margin: -16px 0 0 -16px;
			z-index: 0;
		}
		.post-top .video-code { display: none; }
		.post-top .video-play-link {
			position: absolute;
			bottom: 50px;
			right: 50px;
			font-size: 30px;
			line-height: 34px;
			font-weight: 300;
			color: #FFF;
			padding: 0 0 0 35px;
			z-index: 100;
			-webkit-transition: text-shadow 0.3s ease;
			-moz-transition: text-shadow 0.3s ease;
			-o-transition: text-shadow 0.3s ease;
			transition: text-shadow 0.3s ease;
		}
		.post-top .video-play-link:hover { text-shadow: 0 0 20px rgba(0,0,0,0.6); }
			.post-top .video-play-link i {
				font-size: 24px;
				position: absolute;
				top: 5px;
				left: 0px;
			}
			.post-top .video-play-link span.hide { display: none; }
			
		.video-wrapper {
			position: absolute;
			height: 680px;
			width: 100%;
			top: 0px;
			left: 0px;
			display: none;
			z-index: 1;
		}
			.video-wrapper iframe { opacity: 0; filter: alpha(opacity=0); }
			.video-wrapper iframe, 
			.video-wrapper object, 
			.video-wrapper embed, 
			.video-wrapper video { display: block; width: 100%; height: 100%; }
				
		
		/* Post Gallery */
		
		.post-gallery {
			position: relative;
			overflow: hidden;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
			.entry .post-gallery ul { margin: 0px; }
			.entry .post-gallery ul li { padding: 0px; margin: 0px; background: none; }
			
			.post-gallery ul.gallery-slides { position: relative; }
				.post-gallery ul.gallery-slides li {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					display: none;
				}
					.post-gallery ul.gallery-slides li img { display: block; }
					.post-gallery ul.gallery-slides li .caption {
						font-size: 12px;
						line-height: 18px;
						text-align: right;
						color: #FFF;
						position: absolute;
						bottom: 75px;
						right: 50px;
						z-index: 100;
						opacity: 0.6;
						max-width: 180px;
						text-transform: uppercase;
					}
				
			.post-gallery ul.gallery-nav {
				display: block;
				position: absolute;
				bottom: 50px;
				right: 50px;
				z-index: 100;
			}
				.post-gallery ul.gallery-nav li {
					float: left;
					display: block;
					margin: 0 0 0 10px;
					font-size: 14px;
					cursor: pointer;
					opacity: 0.2;
					color: #FFF;
					padding: 0px;
					filter: alpha(opacity=20);
				}
				.post-gallery ul.gallery-nav li.active {
					opacity: 1;
					filter: alpha(opacity=100);
				}
		
	
		/* Post Content */
	
		

		.entry-content {
			position: relative;
			padding: 50px 50px 30px 50px;
		}
		.sticky .entry-content { border-left: 10px solid #EEE; }
			.entry-content-has-side {
				padding-right: 280px;
			}
			.more-link { margin-top: 10px; }
			
		
			/* Post Side Meta */
			
			.post-side-meta-back {
				position: absolute;
				z-index: 0;
				width: 230px;
				background: #f9f9f9;
				border-left: 1px solid #e9e9e9;
				top: 0px;
				right: 0px;
				height: 100%;
			}
			.post-side-meta {
				margin: -50px -280px -30px 50px;
				padding: 50px 40px 15px 40px;
				width: 150px;
				position: relative;
				z-index: 1;
				float: right;
			}
				.post-side-meta h6 {
					font-size: 12px;
					color: #8c8b8b;
					margin: 0 0 10px 0;
					text-transform: uppercase;
				}
				.post-side-meta p {
					font-size: 13px;
					line-height: 18px;
					color: #545454;
					margin: 0 0 35px 0;
				}
				.post-side-meta ul { margin: 0 0 30px 0; }
				.post-side-meta ul li {
					display: block;
					padding: 0px;
					margin: 0 0 5px 0;
					font-size: 13px;
					background: none;
					line-height: 18px;
				}
				
		
		/* Post -> Quote */
		
		article.format-quote {
			background: #4f70b3;
		}
			article.format-quote a { color: #FFF; }
			article.format-quote .entry-content { padding-bottom: 60px; }
			article.format-quote .post-icon {
				position: static;
				margin: 0 0 20px 0;
			}
			article.format-quote blockquote {
				border: none;
			}
				article.format-quote blockquote, 
				article.format-quote blockquote p {
					color: #FFF;
					font-size: 60px;
					line-height: 65px;
					font-style: normal;
					font-weight: 300;
					padding: 0px;
					margin: 0px;
				}
				article.format-quote blockquote cite {
					font-size: 18px;
					display: block;
					padding: 20px 0 0 0;
					opacity: 0.6;
				}
				
		
		/* Post -> Status */
		
		article.format-status .post-icon {
			position: static;
			margin: 0 0 20px 0;
			color: #999;
		}
		article.format-status p {
			font-size: 40px;
			line-height: 48px;
			font-style: normal;
			font-weight: 300;
		}
				
		
		/* Post -> Link */
		
		article.format-link .post-icon {
			position: static;
			margin: 0 0 20px 0;
			color: #999;
		}
		article.format-link p {
			font-size: 40px;
			line-height: 48px;
			font-style: normal;
			font-weight: 300;
		}
				
		
		/* Post -> Chat */
		
		article.format-chat .entry-chat-script { padding: 0 0 10px 0; }
			article.format-chat .entry-chat-script p {
				padding: 12px 20px 18px 20px;
				background: #f8f8f8;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				margin: 0 0 10px 0;
			}
			article.format-chat .entry-chat-script p:nth-child(even) {
				background: #fbfbfb;
			}
				article.format-chat .entry-chat-script p strong {
					font-size: 12px;
					text-transform: uppercase;
					line-height: 16px;
				}
				
		
		/* Post -> Audio */
		
		article.format-audio .entry-content { padding-top: 120px; }
		.audio-player-wrapper {
			margin: -50px -50px 50px -50px;
			height: 80px;
		}
		article.format-audio .audio-player-wrapper {
			margin: 0px;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
		}
			.audio-player-wrapper .mejs-container {
				background: #4f70b3;
				width: 100%!important;
				height: 80px!important;
				display: block;
			}
				.audio-player-wrapper .mejs-container .mejs-controls {
					height: 100%;
					background: transparent none;
					padding: 0 40px 0 120px;
					width: auto;
					float: none;
					position: static;
					display: block;
					filter: none;
				}
				.audio-player-wrapper .mejs-container .mejs-playpause-button {
					height: 80px;
					width: 80px;
					background: url(./images/audio-transparent.png) repeat center center;
					border-right: 1px solid rgba(255, 255, 255, 0.15);
					position: absolute;
					top: 0px;
					left: 0px;
				}
				.audio-player-wrapper .mejs-container .mejs-playpause-button:hover { background-color: rgba(255, 255, 255, 0.05); }
					.audio-player-wrapper .mejs-container .mejs-playpause-button button {
						background: url(./images/audio-play.png) no-repeat center center!important;
						width: 80px;
						height: 80px;
						margin: 0px;
						display: block;
					}
					.audio-player-wrapper .mejs-container .mejs-pause button { 
						background: url(./images/audio-pause.png) no-repeat center center!important;
					}
				
				.audio-player-wrapper .mejs-controls .mejs-time-rail { width: auto!important; }
				.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 65%!important; }
				
				.audio-player-wrapper .mejs-container .mejs-controls .mejs-time {
					font-size: 12px;
					color: #FFF;
					position: absolute;
					bottom: 10px;
					left: 120px;
					padding: 0px;
					opacity: 0.5;
				}
				.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container {
					left: auto;
					right: 25%;
					text-align: right;
				}
					.audio-player-wrapper .mejs-container .mejs-controls .mejs-time span { margin: 0px; padding: 0px; }
				.audio-player-wrapper .mejs-controls .mejs-time-rail, 
				.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider {
					margin: 34px 0 0 0;
					padding: 0px;
				}
					.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total, 
					.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
						background: url(./images/audio-transparent.png) repeat transparent;
						height: 12px;
						margin: 0px;
					}
					.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded, 
					.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-current, 
					.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
						background: url(./images/audio-transparent.png) repeat transparent;
						height: 12px;
						border-radius: 0px;
						-moz-border-radius: 0px;
						-webkit-border-radius: 0px;
					}
					.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-current { background-color: rgba(255, 255, 255, 0.4); }
				
				.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider {
					float: right;
					position: relative;
					width: 15%;
					height: 12px;
				}
					.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider div { top: 0px!important; }
					.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 100%; }
				.audio-player-wrapper .mejs-controls .mejs-volume-button {
					position: absolute;
					right: 18%;
					top: 50%;
					margin: -14px 0 0 0;
				}
					.audio-player-wrapper .mejs-controls .mejs-volume-button button {
						width: 30px;
						height: 30px;
						padding: 0px;
						margin: 0px;
						background: url(./images/audio-mute.png) no-repeat left center!important;
					}
					.audio-player-wrapper .mejs-controls .mejs-unmute button {
						background: url(./images/audio-unmute.png) no-repeat left center!important;
					}
	
				
		/* Post Comments */
		
		.post-comments { }	
			.post-comments .comments-area {
				position: relative;
				border-top: 1px solid #e9e9e9;
				background: #f9f9f9;
				padding: 110px 150px 90px 150px;
			}
				.post-comments .leave-a-comment-button {
					position: absolute;
					top: 115px;
					right: 150px;
				}
				.post-comments h2#comments-title {
					font-size: 60px;
					line-height: 60px;
					margin: 0 0 20px 0;
				}
				
				.entry ol.comment-list { margin: 0px; }
				ol.comment-list li {
					position: relative;
					overflow: hidden;
					padding: 30px 0 0 0;
				}
				ol.comment-list li.bypostauthor { }
					ol.comment-list li ol { margin: 0 0 0 85px; padding: 15px 0 0 0; }
						ol.comment-list li li { padding: 0px; margin: 0px; }	
						ol.comment-list li ol li ol { margin: 0 0 0 30px; padding: 0px; }	
						
					ol.comment-list li .comment-body {
						padding: 0 0 0 85px;
						position: relative;
					}
					ol.comment-list li.pingback .comment-body { padding-left: 0px; }
						ol.comment-list li ol li .comment-body {
							padding: 30px 30px 10px 115px;
							background: #FFF;
							margin: 0 0 1px 0;
						}
					
					ol.comment-list li .comment-author {
						padding: 3px 0 0 0;
						font-size: 22px;
						color: #939292;
						position: relative;
						margin: 0px;
					}
						ol.comment-list li .comment-author cite { font-size: 22px; }
						ol.comment-list li .comment-author img {
							position: absolute;
							top: 0px;
							left: -85px;
							display: block;
						}
					ol.comment-list li .comment-meta {
						font-size: 14px;
						line-height: 22px;
						text-transform: uppercase;
						color: #6d6d6d;
						margin: 0 0 15px 0;
					}
						ol.comment-list li .comment-meta a { color: #6d6d6d; }
						ol.comment-list li .comment-meta .comment-by-author-label {
							display: inline-block;
							color: #FFF;
							line-height: 20px;
							padding: 0 6px;
							background: #4f70b3;
							font-size: 11px;
							text-transform: uppercase;
							margin: 0 0 0 20px;
						}
					ol.comment-list li .reply {
						margin: 0 0 20px 0;
						display: block;
						font-size: 12px;
						text-transform: uppercase;
					}
			
			
		/* Comment Form + Form Elements */
		
		#respond {
			border-top: 1px solid #e9e9e9;
			padding: 110px 150px 90px 150px;
			position: relative;
		}
		li #respond {
			padding: 50px 50px 30px 50px;
			background: #FFF; 
			border: 1px solid #e9e9e9;
		}
			#respond h3#reply-title {
				font-size: 40px;
				color: #4f70b3;
				margin: 0 0 30px 0;
				font-weight: 300;
				position: relative;
			}
				#respond h3#reply-title small {
					position: absolute;
					top: 0px;
					right: 0px;
					font-size: 12px;
					text-transform: uppercase;
					font-weight: bold;
				}
			
			#respond p { position: relative; }
			#respond .comment-notes, 
			#respond .logged-in-as {
				background: #f9f9f9;
				margin: 0 0 30px 0;
				padding: 6px 15px;
				font-size: 14px;
			}
			#respond p.comment-form-author, 
			#respond p.comment-form-email, 
			#respond p.comment-form-url {
				float: left;
				display: block;
				width: 32%;
				margin: 0 2% 20px 0;
			}
			#respond p.comment-form-url { margin-right: 0px; }
			#respond p.comment-form-comment { clear: both; }
				#respond p label {
					position: absolute;
					top: 0px;
					left: 0px;
					line-height: 44px;
					width: 100%;
					height: 100%;
					padding: 0 0 0 6%;
					color: #CCC;
					font-weight: 300;
				}
				#respond p.comment-form-comment label { padding-left: 2%; }
				#respond input[type="text"], 
				#respond input[type="email"], 
				#respond textarea, 
				.wpcf7 input[type="text"], 
				.wpcf7 input[type="email"], 
				.wpcf7 textarea, 
				#searchform input[type="text"] {
					border: 1px solid #CCC;
					padding: 10px 6%;
					font-size: 18px;
					color: #333;
					font-weight: 300;
					margin: 0px;
					position: relative;
					background: transparent;
					width: 88%;
					resize: none;
					-webkit-border-radius: 0px;
				}
				.wpcf7 textarea { height: 100px; }
				#respond textarea { width: 96%; padding-left: 2%; padding-right: 2%; height: 120px; }
				#respond input[type="text"]:focus, 
				#respond input[type="email"]:focus, 
				#respond textarea:focus,
				.wpcf7 input[type="text"]:focus, 
				.wpcf7 input[type="email"]:focus, 
				.wpcf7 textarea:focus, 
				#searchform input[type="text"]:focus { border-color: #999; }
				#respond input.has-text, 
				#respond textarea.has-text { background: #FFF; }
			#respond .form-allowed-tags { display: none; }
			#respond p.form-submit { text-align: center; clear: both; }
				#respond input[type="submit"] { margin: auto; }
			
			
		/* Search Form */
		
		#searchform { overflow: hidden; margin: 0 0 20px 0; }
		#searchform label { display: none; }
		#searchform input[type="text"] {
			float: left;
			display: block;
			width: 300px;
			padding: 10px 10px;
			margin: 0 10px 0 0;
			max-width: 60%;
		}
		#searchform input[type="submit"] { margin: 0px; float: left; display: block; }
		
		
		/* Contact Form 7 Styling */
		
		.wpcf7 input[type="text"], 
		.wpcf7 input[type="email"], 
		.wpcf7 textarea {
			width: 500px;
			padding: 10px 10px;
			max-width: 90%;
			margin: 10px 0 0 0;
		}
		.wpcf7 textarea { withd: 600px; }
		.wpcf7 .wpcf7-not-valid-tip {
			bottom: auto;
			right: 0px;
			top: -38px;
			left: auto;
			border: none;
			color: red;
			width: auto;
			text-align: right;
			margin: 0px;
			padding: 0px;
			background: transparent;
			line-height: normal;
		}
		.wpcf7 div.wpcf7-response-output {
			border: none;
			margin: 0px;
			background: #f9f9f9;
			padding: 14px;
		}
		.wpcf7 div.wpcf7-validation-errors {
			background: red;
			color: #FFF;
		}
	
		
		/* Portfolio */
		
		.portfolio-filter {
			display: block;
			overflow: hidden;
			margin: 0 0 40px 4px;
			padding: 10px 0 0 0;
		}
			.entry .portfolio-filter ul li {
				float: left;
				display: block;
				margin: 0 10px 10px 0;
				padding: 0px;
				background: none transparent;
			}
				.entry .portfolio-filter ul li a {
					float: left;
					display: block;
					color: #919191;
					border: 2px solid #EEE;
					padding: 0 20px 1px 20px;
					line-height: 38px;
					font-size: 13px;
					text-transform: uppercase;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}
				.entry .portfolio-filter ul li.active a, 
				.entry .portfolio-filter ul li a:hover {
					border: 2px solid #4f70b3;
					color: #4f70b3;
				}
		
		.entry .portfolio-items {
			margin: 0 -55px -30px -50px;
			overflow: hidden;
			position: relative;
		}
			.entry .portfolio-items li {
				float: left;
				margin: 0;
				width: 33.3%;
				background: none;
				padding: 0px;
			}
			.entry .portfolio-items-four-col li { width: 25%; }
			.entry .portfolio-items-three-col li { width: 33.3%; }
			.entry .portfolio-items li .inner {
				overflow: hidden;
				position: relative;
				margin: 1px 1px 0 0;
			}
			.entry .portfolio-items li a.item-permalink, 
			.entry .portfolio-items li span.item-zoom {
				width: 50px;
				height: 50px;
				line-height: 50px;
				background: #222;
				position: absolute;
				bottom: 20px;
				right: 71px;
				z-index: 1;
				text-align: center;
				color: #FFF;
				opacity: 0.8;
				filter: alpha(opacity=80);
				z-index: 10;
				margin: 0px;
				display: none;
			}
			.entry .portfolio-items-four-col li a.item-permalink, 
			.entry .portfolio-items-four-col li span.item-zoom { width: 40px; height: 40px; line-height: 40px; font-size: 14px; right: 62px; }
			.entry .portfolio-items li a.item-permalink:hover, 
			.entry .portfolio-items li span.item-zoom:hover {
				opacity: 1;
				filter: alpha(opacity=100);			
			}
			.entry .portfolio-items li a.item-preview {
				display: block;
				position: relative;
				color: #FFF;
			}
				.entry .portfolio-items li a.item-preview img {
					width: 100%;
					display: block;
				}
				.entry .portfolio-items li a.item-preview span.item-zoom { right: 20px; }
				.entry .portfolio-items li a.item-preview .item-content {
					position: absolute;
					bottom: 0px;
					left: 30px;
					margin: 0 150px 30px 0;
					z-index: 5;
					display: none;
				}
				.entry .portfolio-items-four-col li a.item-preview .item-content { left: 20px; margin-bottom: 20px; }
					.entry .portfolio-items li a.item-preview .item-content h3 {
						font-size: 30px;
						line-height: 30px;
						color: #FFF;
						margin: 0px;
						font-weight: 300;
						text-shadow: 0 0 20px rgba(0,0,0,0.4);
					}
					.entry .portfolio-items-four-col li a.item-preview .item-content h3 {
						font-size: 20px;
						line-height: 20px;
					}
					.entry .portfolio-items li a.item-preview .item-content p {
						font-size: 12px;
						line-height: 16px;
						text-transform: uppercase;
						margin: 0px;
						padding: 10px 0 0 1px;
						opacity: 0.6;
						filter: alpha(opacity=60);
					}
				.entry .portfolio-items li a.item-preview .item-overlay {
					background: url(./images/portfolio-overlay.png) no-repeat left bottom;
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					z-index: 1;
					display: none;
				}			
							
			
		/* Isotope */
		
		.isotope,
		.isotope .isotope-item {
		  /* change duration value to whatever you like */
		  -webkit-transition-duration: .6s;
		     -moz-transition-duration: .6s;
		      -ms-transition-duration: .6s;
		       -o-transition-duration: .6s;
		          transition-duration: .6s;
		}
		
		.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;
		}
		
		
		/* Lightbox */
		
		.pp_play { display: none!important; }
		.pp_nav p { font-size: 14px!important; line-height: 18px!important; margin: 0 10px!important; }
		.pp_description { padding-top: 3px!important; }	
		div.ppt { font-size: 20px!important; font-weight: 300!important; padding-bottom: 10px!important; }
			
		
		/* Portfolio Gallery */
		
		.portfolio-gallery ul.gallery-nav {
			right: auto;
			left: 50px;
		}	
			.portfolio-gallery ul.gallery-nav li { margin: 0 10px 0 0; }
		.portfolio-gallery ul.gallery-slides li .caption {
			right: auto;
			left: 46px;
			font-size: 30px;
			line-height: 36px;
			text-transform: none;
			bottom: 80px;
			opacity: 1;
			font-weight: 300;
			max-width: 80%;
			text-align: left;
		}
			
		
	/* Pagination */
	
	.pagination {
		clear: both;
		padding: 0 0 60px 0;
		position: relative;
		text-align: center;
	}
		.pagination .inner {
			margin: auto;
			width: 102px;
		}
		.pagination .nav-next, 
		.pagination .nav-prev {
			display: block;
			float: left;
			width: 50px;
			height: 50px;
			margin: 0 1px 0 0;
			background: rgba(255, 255, 255, 0.02);
		}
		.pagination a {
			display: block;
			float: left;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			color: #FFF;
			color: rgba(255, 255, 255, 0.2);
			font-size: 18px;
			background: url(./images/back-white-5.png) transparent;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		.pagination a:hover {
			color: #FFF;
			background: url(./images/back-white-10.png) transparent;
		}
			.pagination a span { display: none; }
		.pagination span.pages {
			display: block;
			text-align: center;
			clear: both;
			font-size: 14px;
			color: #FFF;
			padding: 10px 0 0 0;
			opacity: 0.2;
			filter: alpha(opacity=20);
			text-transform: uppercase;
		}
		.pagination .back-to-top {
			position: absolute;
			bottom: 1px;
			right: 0px;
			margin: 0px;
		}
			
		
	/* Bottom Widgets */
	
	#bottom-widgets {
		clear: both;
		position: relative;
		margin: 0 -1px 0 0;
		background: url(./images/back-white-5.png) transparent;
	}
		#bottom-widgets .widget {
			float: left;
			width: 33%;
			border-bottom: 1px solid #222;
		}
		#bottom-widgets .widget-last { border-right: none; width: 34%; }
		#bottom-widgets .widget h5 {
			border-bottom: 1px solid #222;
			border-right: 1px solid #222;
			padding: 24px 20px 24px 40px;
			line-height: normal;
			font-size: 30px;
			color: #FFF;
			font-weight: 300;
			display: block;
		}
		#bottom-widgets .widget .widget-inner {
			padding: 35px 40px 10px 40px;
			border-right: 1px solid #222;
			color: #FFF;
			color: rgba(255, 255, 255, 0.5);
		}
		#bottom-widgets .widget img { max-width: 100%; width: auto; height: auto; margin-top: 5px; }
		#bottom-widgets .widget p {
			line-height: 28px;
			margin: 0 0 25px 0;
		} 
		#bottom-widgets .widget ul li {
			margin: 0 0 15px 0;
			line-height: 28px;
		}
		#bottom-widgets .widget ul li ul { padding-top: 15px; padding-left: 20px; }
		#bottom-widgets .widget a {
			color: #FFF;
			color: rgba(255, 255, 255, 0.5);
		}
		#bottom-widgets .widget a:hover { color: #FFF; }
		#bottom-widgets .widget .button { border-color: rgba(255, 255, 255, 0.2); }
		#bottom-widgets .widget .button:hover { border-color: #FFF; }
		#bottom-widgets .widget #searchform {
			padding: 0 101px 0 0;
			position: relative;
			height: 50px;
		}
			#bottom-widgets .widget #searchform input[type="text"] {
				padding: 12px 7%;
				width: 86%;
				border: none;
				color: #FFF;
				font-size: 14px;
				line-height: 20px;
				max-width: 100%;
				background: url(./images/back-white-5.png) transparent;
			}
			#bottom-widgets .widget #searchform input[type="submit"] {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 100px;
				text-align: center;
				line-height: 44px;
				height: 44px;
				border: none;
				color: #FFF;
				background: url(./images/back-white-5.png) transparent;
			}
			#bottom-widgets .widget #searchform input[type="submit"]:hover {
				background: url(./images/back-white-10.png) transparent;
			}
		#bottom-widgets .widget select { margin: 0 0 20px 0; max-width: 100%; }
		#bottom-widgets .widget #wp-calendar { width: 100%; }
			#bottom-widgets .widget #wp-calendar caption {
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				line-height: 30px;
			}
			#bottom-widgets .widget #wp-calendar th, 
			#bottom-widgets .widget #wp-calendar td { padding: 8px; text-align: center; } 
			#bottom-widgets .widget #wp-calendar td a { color: #FFF; }
			
		
	/* Site Footer */
	
	#site-footer {
		clear: both;
		padding: 40px 0;
		text-align: center;
	}
		#site-footer p {
			font-size: 16px;
			color: #FFF;
			color: rgba(255, 255, 255, 0.5);
		}
			#site-footer p a {
				color: #FFF;
				color: rgba(255, 255, 255, 0.5);
			}
			#site-footer p a:hover { color: #FFF; }