/* @override 
	http://non-fiction.bvh.me/wp-content/themes/Non-fiction2/stylesheets/non-fiction.css
	http://non-fiction.nl/wp-content/themes/Non-fiction2/stylesheets/non-fiction.css
	http://non-fiction.eu/wp-content/themes/Non-fiction2/stylesheets/non-fiction.css 
*/	

/* @group General Styles */

	html {
		background: #989898;
	}
	body {
		color: #333;
		font: 14.5px/22px Georgia;
		background: -moz-linear-gradient(93deg, rgb(221, 221, 221) 0%, rgba(239, 239, 239, 0.28) 3%, rgba(242, 242, 242, 0.36) 46.9%, rgba(246, 246, 246, 0.78) 84.6%, rgb(250, 250, 250) 100%), url(../images/fancy_deboss.png) #f8f8f8;
		background: -webkit-gradient(linear, left bottom, left top, from(rgb(221, 221, 221)), color-stop(0.03, rgba(239, 239, 239, 0.28)), color-stop(0.469, rgba(242, 242, 242, 0.36)), color-stop(0.846, rgba(246, 246, 246, 0.78)), to(rgb(250, 250, 250))), url(../images/fancy_deboss.png) #f8f8f8;
	}
	
	hr { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-width: 1px 0 1px 0;
	clear: both; margin: 12px 0 18px; height: 0; opacity: 0.3; }
	
	/* @group Container */
	
		.container {
			padding: 40px 20px 20px 20px;
		}
	
	/* @end */ 
	
	/* @group Links */
	
		a {
			background-color: rgba(254,254,0,0.1);
			color: black;
			-webkit-transition: background-color .15s ease-in-out;
			-moz-transition: background-color .15s ease-in-out;
			-o-transition: background-color .15s ease-in-out;
		}
		a:hover {
			background-color: rgba(254,254,0,0.9);
			color: black;
		}
	
	/* @end */
	
	/* @group Headings */
	
		h1, h2, h3, h4, h5, h6, .navigation {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		
		h1 a, .entry-title a, .homepage h2 a {
			background-color: yellow;
			color: black;
		}
		@media (max-width: 767px) {
			.homepage h1 {
				padding-top: 40px;
			}
			.container {
				padding: 20px 00px 20px 00px;
				background-color: rgba(255,255,255,0.8);
			}
		}
	
	/* @end */
	
	/* @group Styles */
	
		address {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-style: italic;
		}
		
		pre {
			font-family: "Lucida Console", "Courier New", Courier, mono;
			background-color: #e1e1e1;
			padding: 1em;
			font-size: 12px;
		}
		del {
			opacity: 0.5;
	}
	
	/* @end */
	
	.peopledescription, .catdescription {
		margin-bottom: 40px;
	}
	
/* @end */
	
/* @group Header  */
	
	.header {
		padding-bottom: 20px;
	}
	.logo {
		text-shadow: 0 0 20px white;
	}
	.logo h1 {
		font-size: 39px;
		font-weight: bold;
		margin: 0;
		line-height: 1.15;
	}
	.logo h2 {
		font-size: 29px;
		font-family: Georgia, serif;
		font-style: italic;
		font-weight: normal;
		margin: 0;
		line-height: 1.15;
		padding-bottom: 10px;
	}
	@media (min-width: 1200px) {
		.header .logo h1 {
			font-size: 50px;
		}
		.header .logo h2 {
			font-size: 37px;
		}
		.header {
			padding-bottom: 20px;
			padding-top: 0px;
		}
	}
	
	/* Navigation */
	
	/* @group Navigation */
	
		.header .search {
			max-width: 300px;
			margin: -85px 40px 0 0;
			float: right;
			text-align: right;
			position: relative;
			opacity: 0.3;
			-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out;
		}
		.header .search:hover {
			opacity: 0.99;
		}
		@media (max-width: 480px) {
			input#s {
				max-width: 80%;
			}
		}
		
		.navigation ul {
			margin: -33px 0 0 0;
			float: right;
			position: relative;
		}
		.navigation ul li {
			display: inline-block;
			font-size: 21px; font-size: 2.1rem; margin-bottom: 3px;
			font-weight: 400;
			margin-left: 5px;
		}
	
		@media (max-width: 550px) {
			.header .search {
				margin: 0 0 0 0;
				position: relative;
				float: none;
				opacity: 0.8;
			}
			.navigation ul {
				float: none;
				margin: 0px;
				padding: 0;
			}
			.navigation ul li {
				display: block;
				font-size: 21px; font-size: 2.1rem; margin-bottom: 3px;
				margin-left: 0px;
				width: 100%;
			}
		}
		@media (min-width: 550px) and (max-width: 800px) {
			.header .search {
				max-width: 300px;
				margin: -45px 40px 0 0;
				position: relative;
				clear: right;
				opacity: 0.9;
			}
			.navigation ul {
				margin: 0px 0 0 0;
				float: right;
				text-align: right;
				position: relative;
				clear: right;
			}
			.navigation ul li {
				display: inline-block;
				font-size: 21px; font-size: 2.1rem; margin-bottom: 3px;
				margin-left: 0px;
			}
		}
		
		/* @end */
	
	/* @end */
	
/* @group Post */

	.entry {
	}
	
	.alignleft {
		float: left;
	}
	.alignright {
		float: right;
	}
	
	/* The former panel */
	
	@media only screen and (min-width: 767px) {
		.post, .single-post, .single-project, .single-page, .comment-body {
			padding: 20px 20px 2px 20px;
			background: -moz-linear-gradient(93deg, #FFFFFF 0%, #ffffff 72.5%, #F4F4F4 93%, #fdfdfd 100%) #fff;
			background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), color-stop(0.725, #ffffff), color-stop(0.93, #F4F4F4), to(#fdfdfd)) #fff;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#fdfdfd',GradientType=0 );
			box-shadow: 0px 2px 8px rgba(0,0,0,0.45);
			-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.45);
			-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.45);
		}
		.post, .single-post, .single-project, .single-page {
			margin: 0 0 20px 0;
		}
		.homepage .homecontent {
			text-align: left;
			margin-bottom: 30px;
			margin-top: 0px;
		}
			.homepage .homecontent p.intro {
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-size: 1.45em;
				font-weight: bold;
			}
		.homepage .homecontent hr {
			opacity: 0;
		}
		.homefoot {
			opacity: 0.85;
			overflow: hidden;
			-webkit-transition: opacity 1.5s ease-in-out;
			-moz-transition: opacity 1.5s ease-in-out;
			-o-transition: opacity 1.5s ease-in-out;
		}
		.homefoot:hover {
			opacity: 1;
		}
	}
		
	/* @group List */
	
		.entry ol, .entry ul {
			list-style: inside;
		}
		.entry ol {
			list-style: decimal;
		}
		.entry ul {
			list-style: disc outside;
			margin-left: 2em;
		}
		.entry li {
			padding-left: 1em;
		}
	
	/* @end */
	
	p.wp-caption-text {
		text-align: center;
		font-style: italic;
		opacity: 0.75;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
		padding-bottom: 5px;
	}
	.wp-caption { 
		background-color: rgba(255, 255, 255, .75);
		margin: 0px;
		padding: 0px;
		max-width: 100%;
		font-size: 75%;
	}
	
	/* @group Meta */
	
		.related-posts a {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		.meta {
			margin-bottom: 25px;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		p.meta.archive {
			text-align: right;
			margin-bottom: 15px;
			margin-top: -25px;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 75%;
			opacity: 0.5;
			-webkit-transition: opacity .15s ease-in-out;
			-moz-transition: opacity .15s ease-in-out;
			-o-transition: opacity .15s ease-in-out;
			padding: 20px;
		}
		p.meta.archive:hover {
			opacity: 1;
		}
		
		
	/* @end */
	
	p.readmore {
		clear: both;
		text-align: left;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	.postnavigation {
		text-align: center;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

/* @end */

/* @group Widgets */

	.sidebar{
		opacity: 0.75;
		overflow: hidden;
		-webkit-transition: opacity .15s ease-in-out;
		-moz-transition: opacity .15s ease-in-out;
		-o-transition: opacity .15s ease-in-out;
	}
	.sidebar:hover{
		opacity: 0.85;
	}
		
	input#searchsubmit {
			display: none;
		}
	#searchform label {
			display: none;
		}
		
/* Widgets */
	.widget {
		margin-bottom: 20px;
	}
	
	.widget ul {
		padding: 5px 0;
	}
	
	.widget li a, .latestposts ul li a {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	

	/* Search Form */
	
	.widget_search, .search {
		margin: 0px 40px 0px 0px;
	}
	
	input#s {
		background: white url(../images/search.png) no-repeat 5px 6px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 14px;
		height: 22px;
		line-height: 1.2em;
		padding: 4px 10px 4px 28px;
		width: 100%;
		border: 1px solid #d1d1d1;
		-moz-box-shadow: inset -1px -2px 3px #f2f2f2;
		-webkit-box-shadow: inset -1px -2px 3px #f2f2f2;
		box-shadow: inset -1px -2px 3px #f2f2f2;
	}
	
/* @end */
		
/* @group Tags */

	.meta .tags a, .tagcloud a {
		font-family: Georgia, serif;
		white-space: nowrap;
		vertical-align: middle;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		
		padding: 0.15em;
	}
	
	.meta .tags a {
		line-height: 2.2;
		
		padding: 0.4em;
		
		box-shadow:  0 1px 2px rgba(130, 130, 130, 0.52);
		-moz-box-shadow:  0 1px 2px rgba(130, 130, 130, 0.52);
		-webkit-box-shadow:  0 1px 2px rgba(130, 130, 130, 0.52);
	}
	
	.tagcloud {
		text-align: center;
	}

/* @end */
		
/* @group Projects */

	div.project-slide {
		/*margin-top: -10px;*/
		overflow: hidden;
		min-height: 250px;
		padding-bottom: 0px;
		margin-bottom: 20px;
		-moz-box-shadow: 0 0 5px #d0d0d0; -webkit-box-shadow: 0 0 5px #d0d0d0; box-shadow: 0 0 5px #d0d0d0;
		max-width: 678px;
	}
	a .slide-title h3, a .slide-title h1, a .slide-title h2 {
		color: white;
		padding: 10px;
	}
	.archive-project .entry {
		margin-bottom: 30px;
	}
	.archive-project h1 {
		/* margin-bottom: 40px; */
	}
	div.project-slide img {
		max-height: 360px;
	}
	div.slider-holder {
		min-height: 360px;
	}
	
	@media (max-width: 600px) {
		.slide-title {
			margin: 0px;
			min-height: 3em;
		}
		a .slide-title h3, a .slide-title h1, a .slide-title h2 {
			font-size: 32px;
		}
		div.project-slide {
			background-color: #222;
		}
		.homepage div.project-slide img {
			max-height: 360px;
			margin-bottom: 0px;
		}
	}
	@media (min-width: 600px) {
		.slide-title {
			margin-top: -185px;
			margin-left: 0px;
			position: relative;
			float: left;
			vertical-align: bottom;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.slide-title h1 {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		a .slide-title h3, a .slide-title h1, a .slide-title h2 {
			background-color: rgba(0, 0, 0, 0.50);
		}
		div.project-slide {
			background-color: #111;
		}
		div.project-slide img {
			margin-bottom: -6px;
			width: 100%;
		}
		.homepage div.project-slide {
			max-height: 360px;
			margin-bottom: 0px;
		}
		.homepage div.projects h3 {
			position: absolute;
			z-index: 100;
			margin-top: 2px;
			padding: 0px;
			font-size: 15px;
		}
		.homepage div.projects h3 a:link {
			background: rgba(255,255,230,0.75);
			margin: 0px;
			padding: 2px 5px 5px 5px;
			color: rgba(0, 0, 0, .95);
			-webkit-transition: background-color .15s ease-in-out;
			-moz-transition: background-color .15s ease-in-out;
			-o-transition: background-color .15s ease-in-out;
		}
		.homepage div.projects h3 a:hover {
			background-color: rgba(254,254,0,0.95);
		}
	}
	
	
/* @group Comments */
	
	ol.commentlist {
		margin: 0px;
		list-style: none;
	}
	ol.children {
		list-style: none;
		border-left: 20px solid #fafafa;
		padding-left: 10px;
		margin: 0;
	}
	.comment-author, .comment-meta, .reply {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.comment-author img {
		width: 16px;
		height: 16px;
		margin-top: 3;
		margin-bottom: -3px;
	}
	.comment-author cite {
		font-weight: bold;
	}
	.comment-meta a {
		font-size: 60%;
		opacity: 0.5;
		float: right;
	}
		
	.comment-body {
		border-bottom: 1px solid silver;
		margin-bottom: 60px;
	}
	
	.comment-body p {
		clear: both;
	}
	
	a.comment-reply-link, input#submit, .buttonlink {
		padding: 3px 10px;
		color: #2e2e2e;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
		background: url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%) #feffe5;
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		text-shadow: 0 -1px 5px rgba(251, 254, 20, 0.5);
		background: url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(transparent)) #feffe5;
		border: 1px solid silver;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
		font-size: 14px;
		float: right;
		margin-bottom: 20px;
		margin-top: 15px;
		font-weight: bold;
	}
	
	a.comment-reply-link:hover, input#submit:hover, .buttonlink:hover {
		background-color: yellow;
	}
	
	p.logged-in-as, .form-allowed-tags {
		/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 13px;
		opacity: 0.5;*/
		display: none;
	}
	
	.commentform {
		padding-right: 22px;
	}
	
	#commentform label {
		display: inline-block;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin-right: 20px;
		font-weight: bold;
	}
	
	#respond .required{
		color: black;
		background-color: yellow;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-decoration: line-through;
	}
	
	#respond input {
		border: solid 1px #bbb; 
		border-radius: 2px; 
		-webkit-border-radius: 2px; 
		-moz-border-radius: 2px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 5px;
		font-size: 13px;
	}
	
	textarea#comment {
		border: solid 1px #bbb; 
		border-radius: 2px; 
		-webkit-border-radius: 2px; 
		-moz-border-radius: 2px; 
		width: 100%;
		height: 200px;
		padding: 10px;
		margin-right: 10px;
		font-size: 13px;
	}
	
	.nocomments {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		opacity: 0.1;
		text-align: center;
	}

/* @end */
	
/* @group Footer */
	.footer {
		opacity: 0.33;
		-webkit-transition: opacity 1.5s ease-in-out;
		-moz-transition: opacity 1.5s ease-in-out;
		-o-transition: opacity 1.5s ease-in-out;
	}
	.footer:hover {
		opacity: 0.66;
	}

/* @end */

/* @group Admin */

	#wpadminbar {
		opacity: 0.8;
		 opacity
		-webkit- 
		v transition: opacity .15s ease-in-out;
		-moz-transition: opacity .15s ease-in-out;
		-o-transition: opacity .15s ease-in-out;
	}
	#wpadminbar:hover {
		opacity: 0.95;
	}

/* @end */