/*
Theme Name: CSPK Projects Theme
Theme URI: none
Author: Martin van Lib
Author URI: http://silencesys.com
Description: Theme based on original twentyfourteen wordpress theme.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: CSPK Theme

*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

	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, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #b2b2b2;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #b2b2b2;
	color: #fff;
	text-shadow: none;
}


	@font-face {
		font-family: MinionCS;
		src: url(fonts/MinionPro-Regular.otf);
	}
	@font-face {
		font-family: "CalibriCS";
		font-style: normal;
		src: url(fonts/calibril.ttf);
	}

	@font-face {
		font-family: "CalibriCS";
		font-weight: bold;
		src: url(fonts/calibrib.ttf);
	}
	@font-face {
		font-family: "CalibriCS";
		font-style: italic;
		src: url(fonts/calibrili.ttf);
	}
	@font-face {
		font-family: "CalibriCS";
		font-style: italic;
		font-weight: bold;
		src: url(fonts/calibriz.ttf);
	}
		

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	PAGE STYLES - MONITOR
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	html {height: 100%;}
	body {height: 100%; font-family: "CalibriCS", Calibri, sans-serif;}
	#container {
		min-height: 100%;
		position: relative;
	}

	.wrapper, #navigation ul {
		width: 1024px;
		height: auto;
		margin: 0 auto;
		position: relative;
	}
	body.custom-background {
		background: #f0f0f0 !important;
	}
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	HEADER
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	#header {
		padding-top: 55px;
		width: 100%;
		height: 130px;
		background: #fff;
		padding-bottom: 10px;
	}

	div.custom-background {
		height: 540px;
		width: 100%;
		margin-bottom: -170px;
	}
	.wrapper>h1>a.logo-cspk {
		background: url(layout/logo_cspk-b.png) no-repeat;
		text-indent: -9999px;
		width: 215px;
		height: 90px;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}
	h1.site-title {
		display: inline-block;
	}
	.project-head {
		display: inline-block;
		max-width: 360px;
	}
	h1.project-title {
		position: relative;
		font-family: MinionCS,sans-serif;
		font-size: 24pt;
		margin-bottom: 10px;
	}
	h1.project-title a {
		text-decoration: none;
		color: #000;
		-webkit-transition: color 0.4s;
		-o-transition: color 0.4s;
		transition: color 0.4s;
	}
	h1.project-title a:hover {
		color: #ef4036;
	}
	.site-description {
		position: relative;
	}
	.news-block {
		width: 320px;
		height: 100px;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #fcaf17;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		.date {
			width: 80px;
			height: auto;
			display: inline-block;
			vertical-align: top;
			padding: 5px;
		}
			.day {
				font-size: 20pt;
				display: block;
				width: 100%;
				text-align: center;
				border-bottom: 1px solid #fff;
			}
			.month {
				width: 100%;
				text-align: center;
				display: block;
				padding-top: 5px;
			}
		.post-content {
			width: 215px;
			height: auto;
			display: inline-block;
			vertical-align: top;
			padding: 5px;
		}
			.post-content h2 a{
				font-family: MinionCS,sans-serif;
				font-size: 18pt;
				color: #fff;
				font-weight: normal;
				text-decoration: none;
			}
			.post-content p {
				font-size: 93%;
				margin-top: 5px;
				padding-right: 5px;
			}
			.post-content p a.read-more {
				color: #fff;
			}
			.post-content p a.read-more:hover {
				color: #3f3f3f;
			}

	.languages {
		position: absolute;
		top: -20px;
		right: 0px;
		color: #b2b2b2;
		font-size: 10pt;
	}
		.languages ul {
			list-style: none;

		}
		.languages ul li {
			display: inline-block;
		}
		.languages ul li.lang-CS:after {
			content: "|";
			padding-left: 5px;
			padding-right: 5px;
			display: inline-block;
			color: #25aae1;
		}
		.languages a {
			color: #25aae1;
			text-decoration: none;
			margin-right: 5px;
		}
		.languages a:last-of-type {
			margin-right: 0px;
		}
		.languages a:hover {
			color: #3f3f3f;
			text-decoration: underline;
		}
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	NAVIGATION
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	#navigation {
		width: 100%;
		min-height: 40px;
		border-top: 1px solid #ededed;
		position: relative;
		display: block;
		z-index: 10;
		text-align: inherit;
		background: #fff;
	}	
	#navigation ul {
		display: block;
	}
	#navigation ul li {		
			position: relative;
			display: inline-block;
			font-size: 13pt;
			vertical-align: middle;
			border-left: 1px solid #ededed;
			margin-right: -4px;
		}
		#navigation ul li:hover {
			background: #fbfbfb;
			color: #000;
		}
		#navigation button  {display: none;}
		#navigation ul li ul {
			display: none;
			position: absolute;
			z-index: 9;
			width: 300px;
			background: #fbfbfb;
			border-left: 1px solid #ededed;
			border-right: 1px solid #ededed;
			border-bottom: 1px solid #ededed;
		}
		#navigation ul li ul li {
			border: none;
		}
		#navigation ul li ul li a {
			width: 260px;
			line-height: 20pt;
			padding: 5px 20px;
			background: #fbfbfb;
		}
		#navigation ul li ul li a:hover {
			width: 260px;	
			background: #fff;	
		}
		#navigation ul li:hover ul{
			display: block;
		}
		#navigation ul li:hover a {
			background: #fbfbfb;
		}
		#navigation ul li:first-child {
			border-left: none;
		}
		#navigation a {
			text-decoration: none;
			color: #7c7c7c;
			line-height: 49px;
			padding-left: 20px;
			padding-right: 20px;
			display: block;
			background: #fff;
			-webkit-transition: background 0.3s, color 0.3s;
			-o-transition: background 0.3s, color 0.3s;
			transition: background 0.3s, color 0.3s;
		}
		#navigation a:hover {
			background: #fbfbfb;
			color: #000;
		}
		#footer .menu {
			margin-top: 10px;
			height: 100px;
			position: relative;
		}
		#footer #navigation ul li {
			display: inline-block;
			width: 200px;
		}
		#footer #navigation ul li ul {
			display: block;
			position: relative;
			width: auto;
			background: inherit;
			padding: none;
		}
		#footer #navigation ul li ul li{
			position: relative;
			width: 150px;
			background: inherit;
			padding: none;
		}
		#footer #navigation ul li ul li a {
			line-height: 14pt;
			padding: 0px 0px;
			font-size: 11pt;
			width: inherit;
		}
		#footer #navigation ul li ul li a:hover {
			background: none;	
		}
		#footer #navigation a {
			text-decoration: none;
			color: #7c7c7c;
			line-height: 20px;
			padding-left: 0px;
			padding-right: 20px;
			display: block;
			background: none;
		}
		#footer #navigation ul li a:hover {
			background: none;
		}
		#footer #navigation .widget ul {padding: 0;}
		#footer #navigation .widget ul.menu {width: 1020px;}
		#footer #navigation ul li:hover {
			background: none;
			color: #000;
		}
			#footer #navigation {
			width: 320px;
			min-height: 40px;
			border-top: none;
			border-bottom: none;
			margin-top: 15px;
			position: relative;
			display: inherit;
			}
				#footer #navigation ul {
					width: auto;
				}
				#footer #navigation ul li {		
					position: relative;
					display: inherit;
					font-size: 12pt;
					vertical-align: middle;
					border-left: 1px solid #ededed;
					margin-right: inherit;
					margin-top: 5px;
				}
				#footer #navigation ul li:first-child {
					border-left: none;
				}
				#footer #navigation a {
					text-decoration: none;
					color: #7c7c7c;
					line-height: 20px;
					padding-left: 0px;
					padding-right: 0px;
					display: block;
					display: inherit;
				}
				#footer #navigation a:hover {
					background: #fbfbfb;
					color: #000;
				}
				#footer #navigation .widget li	{
					padding: 0;
				}

		.touch #navigation ul li ul {
		 	display: none;
		 }
		.touch #navigation  button {
				display: block;
				width: 100%;
				height: 60px;
				background: #fff url(layout/menu.png) center no-repeat;
				text-indent: -9999px;
				border: none;
		}	
		.touch #navigation {
				width: 100%;
				min-height: 40px;
				height: auto;
				border-top: 1px solid #ededed;
				border-bottom: 1px solid #ededed;
				margin-top: 25px;
				position: relative;
				display: block;
				z-index: 499;
				text-align: center;
			}
		.touch #primary-navigation ul {
				display: none;
			}
		.touch #navigation ul li {		
					position: relative;
					display: block;
					font-size: 13pt;
					vertical-align: middle;
					border: none;
					margin-right: -4px;
					border-top: 1px solid #d7d7d7;
				}
		.touch #navigation ul li ul {
					display: block;
					position: relative;
					z-index: 498;
					width: 100%;
					background: #fff;
					border: none;
					list-style: circle;
					background: #f8f8f8;
				}
		.touch #navigation ul li ul li a {
					width: 100%;
					line-height: 40pt;
					padding: 5px 0px;
				}
		.touch #navigation ul li:hover {
					background: #fff;
					color: #000;
				}
		.touch #navigation ul li ul li {
					border: none;
					border-top: 1px solid #d7d7d7;
				}
		.touch #navigation ul li ul li a:hover {
					width: 100%;	
					background: #fff;	
				}
		.touch #navigation ul li:hover ul{
					display: block;
				}
		.touch #navigation ul li:first-child {
					border-left: none;
				}
		.touch #navigation a {
					text-decoration: none;
					color: #7c7c7c;
					line-height: 49px;
					padding-left: 0px;
					padding-right: 0px;
					display: block;
				}
		.touch #navigation a:hover {
					background: #fff;
					color: #000;
				}
		.touch #navigation .toggled-on ul {
					display: block;
				}
		.touch #footer {
			background: #ededed;
			width: 100%;
			border-top: 1px solid #d9d9d9;
			padding-top: 0px;
			margin-top: 40px;
			position: relative;
			bottom: 0;
			height: auto;
			}
		.touch #footer .wrapper #navigation {
			display: none;
			}
		.touch #footer .widget-area-two {
			margin: 0px;
			}
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	CONTENT
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	
	#content, #contento {
		width: 684px;
		display: inline-block;
		vertical-align: top;
		margin-top: 4px;
		margin-right: 16px;
	}
	#primary {
		padding-bottom: 30px;
	}
	.home #content, .home #contento {
		margin-top: 14px;
	}
	.archive #content, .archive #content, .search #content, .search-wrapp #content {
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			padding-bottom: 25px;
			width: 644px;	

	}
	.category #content{
		background: #fff;
	}
	#contento header.archive-header {
		height: auto;
		margin-bottom: 10px;
		margin-top: 20px;
		margin-left: 20px;
		position: relative;
	}
		.lists .post {
			width: 280px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			padding-bottom: 25px;
			height: auto;
			background: #fff;
		}
		.archive-header {
			margin-bottom: 22px;
		}
		.archive .taxonomy-description {
			margin-bottom: 60px;
		}
		.archive .post, .category .post, .search .post, .search-wrapp .post {
			margin-top: 10px;
			margin-bottom: 30px;
			border-bottom: 1px solid #ededed;
			padding-bottom: 20px;
			max-width: 646px;
		}
		#contento .archive .post {
			border-bottom: none;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
			.archive .post:last-of-type, .category .post:last-of-type {
				border-bottom: none;
			}
			.page .post, .single .post, #comments {
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			padding-bottom: 25px;	
			width: 644px;			
			background: #fff;
			}
			.lists .post-thumbnail {
				display: block;
				margin-top: 20px;
			}
			.lists a.post-thumbnail img {
				width: 280px;
				height: auto;
				display: block;
			}
				.page .post .post-thumbnail img, .single .post .post-thumbnail img {
					max-width: 640px;
					height: auto;
					border: 2px solid #ededed;
				}
				.page .post .post-thumbnail, .single .post .post-thumbnail {
					margin-bottom: 20px;
					text-align: center;
				}
				.single .post .post-thumbnail {
					margin-top: 30px;
				}
			.post h2, .archive-header h2{
				margin-bottom: 20px;
				font-size: 22pt;
				line-height: 24pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				font-size: 18pt;
			}
			.archive-header h2, .search h2.page-title, .search-wrapp h2.page-title, .archive h2.page-title {
				margin-bottom: 20px;
				font-size: 22pt;
				line-height: 35pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				font-size: 30pt;
				color: #EF4036;
			}
			.archive .post h2 {
				margin-bottom: 0px;
			}
			.post h2 a{
				text-decoration: none;
				color: #000;
				-webkit-transition: color 0.3s;
				-o-transition: color 0.3s;
				transition: color 0.3s;
			}
			.post h2.entry-title a:hover {
				color: #b2b2b2;
			}
				.page .post h2, .single .post h2 {
					font-size: 30pt;
					line-height: 35pt;
					margin-bottom: 30px;
				}
			.meta {
				font-size: 9pt;
				color: #626262;
				margin-bottom: 5px;
			}
			.post p, .post ul, .post ol, .taxonomy-description p {
				font-size: 13pt;
				margin-top: 10px;
				line-height: 16pt;
				letter-spacing: 0.2pt;
			}
				.page .post ul, .single .post ul, .archive .post ul, .category .post ul, .search .post ul {
					list-style: inherit;
					margin-left: 30px;
					margin-top: 10px;
				}
				.page .post ol, .single .post ol, .archive .post ol, .category .post ol, .search .post ol {
					list-style: decimal;
					margin-left: 30px;
					margin-top: 10px;
				}
				.page .post ol li, .single .post ol li, .page .post ul li, .single .post ul li {
					margin-top: 5px;
				}
			.post strong {
				font-weight: bold;
				font-style: normal;
			}
			.post em {
				font-style: italic;
			}
			.post .entry-content a {
				color: #000;
				text-decoration: none;
				border-bottom: 1px dotted #000;
				-webkit-transition: color 0.3s;
				-o-transition: color 0.3s;
				transition: color 0.3s;
			}
			.post .entry-content a:hover {
				color: #b2b2b2;
				border-bottom: 1px solid #b2b2b2;
			}
			.post .entry-content a.post-thumbnail {
				border: none;
				text-decoration: none;
				display: inherit;
				margin-top: 20px;
			}
			p.names {
				font-family: MinionCS,sans-serif;
				font-size: 14pt;
				line-height: 16pt;
				letter-spacing: 0.3pt;
				color: #626262;
				margin-bottom: 10px;
			}

			.post .entry-content h1 {
				font-size: 27pt;
				line-height: 27pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 15px;
			}
			.post .entry-content h2 {
				font-size: 24pt;
				line-height: 24pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 13px;
			}
			.post .entry-content h3 {
				font-size: 21pt;
				line-height: 21pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 10px;
			}
			.post .entry-content h4, .post .entry-content .entry-caption p {
				font-size: 19pt;
				line-height: 19pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 10px;
			}
			.post .entry-content h5 {
				font-size: 17pt;
				line-height: 17pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 10px;
			}
			.post .entry-content h6 {
				font-size: 15pt;
				line-height: 15pt;
				letter-spacing: 0.4pt;
				font-family: MinionCS,sans-serif;
				margin-bottom:  -10px;
				margin-top: 10px;
			}
			.post blockquote {
				font-style: italic;
				margin-left: 30px;
				display: block;
				position: relative;
				margin-top: 15px;
			}
			.post .entry-content blockquote:before {
				content: ' " ';
				font-size: 30pt;
				margin-left: -25px;
				margin-bottom: -45px;
				display: block;
				position: relative;
				color: #717171;
			}
			.post .entry-content blockquote:after {
				content: ' " ';
				font-size: 30pt;
				margin-right: 0px;
				float: right;
				margin-top: -15px;
				display: block;
				position: relative;
				color: #717171;
			}
			.post  .entry-content hr {
				border: none;
				background: #cacaca;
				height: 1px;
				margin-top: 15px;
				margin-bottom: 15px;
			}
			.post .entry-content img {
				max-width: 644px;
				max-height: auto;
				height: auto;
			}
			.post .entry-content .entry-caption{
				margin-top: 30px;
			}

			.search .post .post-thumbnail {
				display: none;
			}
			.inv-attachment {
				background: #f9f9f9 url(layout/ico_save.png) 15px no-repeat;
				display: block;
				padding: 15px 15px 15px 45px;
				margin-bottom: -20px;
				margin-top: 20px;
				border-bottom: 1px solid #b6b6b6;
				color: #000;
				text-decoration: none;
				font-size: 12pt;
				-webkit-transition: color 0.2s, border-bottom-color 0.2s;
				-o-transition: color 0.2s, border-bottom-color 0.2s;
				transition: color 0.2s, border-bottom-color 0.2s;
			}
			.inv-attachment:hover {
				border-bottom: 1px solid #b2b2b2;
				color: #b2b2b2;				
				background: #f9f9f9 url(layout/ico_save-hover.png) 15px no-repeat;
			}
			b {
				font-weight: bold;
			}
			em {
				font-style: italic;
			}
			i {
				font-style: italic;
			}
			strong {
				font-weight: bold;
			}

			/* 
			BIBLIO specific - originaly template content-quote.php!
			*/
			.biblio .entry-title{
				margin-bottom: 20px;
				font-size: 18pt;
				line-height: 20pt;
				letter-spacing: 0.4pt;
				text-decoration: none;
				color: #000;
				margin-bottom: 0px;
			}
			.biblio h2 a {
				display: inline-block;
			}
			.biblio .author {
				font-size: 14pt;
				margin-bottom: 5px;
				display: block;
				font-weight: bold;
			}
			.biblio p.citation {
				display: inline-block;
				margin-top: 0px;
			}
			
			/* 
			RECOMENDATION AND INRERESTING - template file: content-link.php
			*/
			.recommended .entry-title{
				font-size: 18pt;
			}
			.cleaner {
				border: none;
				height: 1px;
				background: none;
				clear: both;
			}
			
			.page .post table ul, .single .post table ul, .archive .post table ul, .category .post table ul, .search .post table ul {
				list-style: none;
				margin-left: 0;
			}

			/**
			 * 6.14 Comments
			 * -----------------------------------------------------------------------------
			 */


			.comments-area {
				margin: 48px auto;
				max-width: 694px;
				padding: 0 10px;
				font-family:  CalibriCS,sans-serif;
			}

			.comment-reply-title,
			.comments-title {
				font-size: 16pt;
				margin: 0;
				text-transform: uppercase;
			}

			.comment-list {
				list-style: none;
				margin: 0 0 48px 0;
			}

			.comment-author {
				font-size: 13pt;
				font-family: MinionCS,sans-serif;
				line-height: 1.7142857142;
				text-decoration: none;
			}

			.comment-list .reply,
			.comment-metadata {
				font-size: 12px;
				line-height: 2;
			}
			.comment-metadata {	
				border-bottom: 1px solid #f2f2f2;
				margin-bottom: 15px;
			}
			.comment-list .reply {
				margin-top: 24px;
			}

			.comment-author .fn {
				font-weight: 900;
			}

			.comment-author a {
				color: #2b2b2b;
				text-decoration: none;
			}

			.comment-list .trackback a,
			.comment-list .pingback a,
			.comment-metadata a {
				color: #767676;
				text-decoration: none;
			}

			.comment-author a:hover,
			.comment-list .pingback a:hover,
			.comment-list .trackback a:hover,
			.comment-metadata a:hover {
				color: #b2b2b2;
			}

			.comment-list article,
			.comment-list .pingback,
			.comment-list .trackback {
				border-top: 1px solid rgba(0, 0, 0, 0.1);
				padding-top: 24px;
			}
			.comment-list li ol article  {
				padding-left: 20px;
			}
			.comment-list > li:first-child > article,
			.comment-list > .pingback:first-child,
			.comment-list > .trackback:first-child {
				border-top: 0;
			}

			.comment-author {
				position: relative;
			}

			.comment-author .avatar {
				border: 1px solid rgba(0, 0, 0, 0.1);
				height: 18px;
				padding: 2px;
				position: absolute;
				top: 0;
				left: 0;
				width: 18px;
			}

			.says {
				display: none;
			}

			.comment-author,
			.comment-awaiting-moderation,
			.comment-content,
			.comment-list .reply,
			.comment-metadata {
				padding-left: 30px;
			}

			.comment-edit-link {
				margin-left: 10px;
			}


			.comment-content {
				-webkit-hyphens: auto;
				-moz-hyphens:    auto;
				-ms-hyphens:     auto;
				hyphens:         auto;
				word-wrap: break-word;
			}

			.comment-content ul,
			.comment-content ol {
				margin: 0 0 24px 22px;
			}

			.comment-content li > ul,
			.comment-content li > ol {
				margin-bottom: 0;
			}

			.comment-content > :last-child {
				margin-bottom: 0;
			}

			.comment-list .children {
				list-style: none;
				margin-left: 15px;
			}

			.comment-respond {
				margin-bottom: 24px;
				padding: 0;
			}
			ol li ol .comment-respond {
				width: 85%;
				margin: 0 auto;
			}

			.comment .comment-respond {
				margin-top: 24px;
			}

			.comment-respond h3 {
				margin-top: 0;
				margin-bottom: 24px;
			}

			.comment-notes,
			.comment-awaiting-moderation,
			.logged-in-as,
			.no-comments,
			.form-allowed-tags,
			.form-allowed-tags code {
				color: #767676;
			}

			.comment-notes,
			.comment-awaiting-moderation,
			.logged-in-as {
				font-size: 14px;
				line-height: 1.7142857142;
			}

			.no-comments {
				font-size: 16px;
				font-weight: 900;
				line-height: 1.5;
				margin-top: 24px;
				text-transform: uppercase;
			}

			.comment-form label {
				display: block;
				margin-top: 10px;
			}

			.comment-form input[type="text"],
			.comment-form input[type="email"],
			.comment-form input[type="url"],
			.comment-form textarea#comment {
				width: 100%;
				border: 1px solid #d9d9d9;
				margin-top: 5px;
				margin-bottom: 5px;
			}

			.form-allowed-tags,
			.form-allowed-tags code {
				font-size: 12px;
				line-height: 1.5;
			}

			.required {
				color: #c0392b;
			}

			.comment-reply-title small a {
				color: #2b2b2b;
				float: right;
				height: 24px;
				overflow: hidden;
				width: 11px;
				text-indent: 
			}

			.comment-reply-title small a:hover {
				color: #b2b2b2;
			}

			.comment-reply-title small a:before {
				content: "⁺";
				font-size: 32px;
			}

			.comment-navigation {
				font-size: 12px;
				line-height: 2;
				margin-bottom: 48px;
				text-transform: uppercase;
			}

			.comment-navigation .nav-next,
			.comment-navigation .nav-previous {
				display: inline-block;
			}

			.comment-navigation .nav-previous a {
				margin-right: 10px;
			}

			#comment-nav-above {
				margin-top: 36px;
				margin-bottom: 0;
			}
			.comment-reply-link, input#submit {
				background: #dddddd;
				text-decoration: none;
				color: #fff;
				font-size: 11pt;
				padding: 5px;
				border: 1px solid #dddddd;
				-webkit-transition: color 0.3s, background-color 0.3s;
				-o-transition: color 0.3s, background-color 0.3s;
				transition: color 0.3s, background-color 0.3s;
				cursor: pointer;
			}
				input#submit {
					margin-top: 10px;
					margin-bottom: -1px;
				}
			.comment-reply-link:hover, input#submit:hover {
				background: #fff;
				text-decoration: none;
				color: #000;
				font-size: 11pt;
				padding: 5px;
				border: 1px solid #dddddd;
			}
			ol li ol {
				background: #fbfbfb;
			}
			.comment-content a, .logged-in-as a {
				color: #b2b2b2;
				text-decoration: underline;
				margin-right: 5px;
			}
			.comment-content a:hover, .logged-in-as a:hover {
				color: #3f3f3f;
				text-decoration: none;
			}

						/**
			 * 6.5 Gallery
			 * -----------------------------------------------------------------------------
			 */

			.gallery  {
				margin-bottom: -25px;
				background: #f0f0f0;
				width: 684px;
				margin-top: 15px;
				margin-left: -20px;
				padding: 15px 0px 3px 0px;
				position: relative;
				height: auto;
				overflow: hidden;
			}
			.gallery .gallery-item {				
				margin: 0 12px 10px 0;
				border: 6px solid #fff;
				float: left;
				overflow: hidden;
				position: relative;
				}
			.gallery:first-child {
				margin-bottom: 20px;
				margin-top: 15px;
				position: relative;
				height: auto;
				overflow: hidden;
				background: none;
				width: auto;
				margin-left: 0;
				padding: 0;
				position: relative;
				height: auto;
				overflow: hidden;
			}

			.gallery:first-child .gallery-item {
				float: left;
				margin: 0 4px 4px 0;
				overflow: hidden;
				position: relative;
				border: none;
			}
			.gallery-columns-1 .gallery-item {
				max-width: 100%;
			}

			.gallery-columns-2 .gallery-item {
				max-width: 48%;
				max-width: -webkit-calc(50% - 4px);
				max-width:         calc(50% - 4px);
			}

			.gallery-columns-3 .gallery-item {
				max-width: 32%;
				max-width: -webkit-calc(33.3% - 4px);
				max-width:         calc(33.3% - 4px);
			}

			.gallery-columns-4 .gallery-item {
				max-width: 23%;
				max-width: -webkit-calc(25% - 4px);
				max-width:         calc(25% - 4px);
			}

			.gallery-columns-5 .gallery-item {
				max-width: 19%;
				max-width: -webkit-calc(20% - 4px);
				max-width:         calc(20% - 4px);
			}

			.gallery-columns-6 .gallery-item {
				max-width: 15%;
				max-width: -webkit-calc(16.7% - 4px);
				max-width:         calc(16.7% - 4px);
			}

			.gallery-columns-7 .gallery-item {
				max-width: 13%;
				max-width: -webkit-calc(14.28% - 4px);
				max-width:         calc(14.28% - 4px);
			}

			.gallery-columns-8 .gallery-item {
				max-width: 11%;
				max-width: -webkit-calc(12.5% - 4px);
				max-width:         calc(12.5% - 4px);
			}

			.gallery-columns-9 .gallery-item {
				max-width: 9%;
				max-width: -webkit-calc(11.1% - 4px);
				max-width:         calc(11.1% - 4px);
			}

			.gallery-columns-1 .gallery-item:nth-of-type(1n),
			.gallery-columns-2 .gallery-item:nth-of-type(2n),
			.gallery-columns-3 .gallery-item:nth-of-type(3n),
			.gallery-columns-4 .gallery-item:nth-of-type(4n),
			.gallery-columns-5 .gallery-item:nth-of-type(5n),
			.gallery-columns-6 .gallery-item:nth-of-type(6n),
			.gallery-columns-7 .gallery-item:nth-of-type(7n),
			.gallery-columns-8 .gallery-item:nth-of-type(8n),
			.gallery-columns-9 .gallery-item:nth-of-type(9n) {
				margin-right: 0;
			}

			.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
			.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
			.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
			.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
				clear: left;
			}

			.gallery-caption {
				background-color: rgba(0, 0, 0, 0.7);
				-webkit-box-sizing: border-box;
				-moz-box-sizing:    border-box;
				box-sizing:         border-box;
				color: #fff;
				font-size: 12px;
				line-height: 1.5;
				margin: 0;
				max-height: 50%;
				opacity: 0;
				padding: 6px 8px;
				position: absolute;
				bottom: 0;
				left: 0;
				text-align: left;
				width: 100%;
			}

			.gallery-caption:before {
				content: "";
				height: 100%;
				min-height: 49px;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
			}

			.gallery-item:hover .gallery-caption {
				opacity: 1;
			}

			.gallery-columns-7 .gallery-caption,
			.gallery-columns-8 .gallery-caption,
			.gallery-columns-9 .gallery-caption {
				display: none;
			}

			.fancybox-title a {
				color: #fff;
				text-decoration: none;
				font-size: 14pt;
				font-family: CalibriCS;
				padding: 3px;
				border: 1px solid #fff;
				margin-top: 10px;
			}
			.fancybox-title a:hover {
				color: #ef4036;
				border-color: #ef4036;
			}

	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	SEARCH
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	#biblio-sidebar .wrapper{
		width: auto;
	}
	#biblio-sidebar ul li {
		padding: 0;
	}
	#biblio-sidebar h4{
		font-size: 20pt;
		/* color: #b2b2b2; */
		display: inline-block;
		line-height: 14pt;
		vertical-align: bottom;
		padding-left: 24px;
		padding-right: 24px;
		margin-bottom: 0px;
	}
	#biblio-sidebar .postform {
		width: 272px;
		margin-left: 24px;
		margin-right: 24px;
	}
	#biblio-sidebar li {		
		margin-top: 15px;
	}
	#biblio-sidebar li:first-child {		
		margin-top: 0px;
	}
	#biblio-sidebar ul li ul{
		width: 272px;
		margin-left: 24px;
		margin-right: 24px;
	}
	#biblio-sidebar ul li ul li {
		margin-top: 5px;
	}
	#biblio-sidebar .sf-field-submit input {
		background: #ffffff;
		border: none;
		width: 320px;
		height: 55px;
		color: #000;
		text-align: center;
		border: 1px solid #ededed;
		margin-top: 30px;

	}
	#biblio-sidebar .sf-field-search input {
		margin-bottom: 20px;
	}
	#biblio-sidebar .meta-range {
		padding-left: 24px;
		padding-right: 24px;
		margin-top: 5px;
		position: relative;
	}
	#biblio-sidebar .meta-range input {
		max-width: 125px;
	}
	.searchandfilter .meta-slider {
		width: 274px;
		max-width: 274px;
	}
	.searchandfilter .noUi-connect {
		background: #b2b2b2;
	}
	.noUi-connect {
		box-shadow: none;
	}
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	SIDEBAR
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
	#sidebar {
		display: inline-block;
		width: 320px;
		height: 100%;
		vertical-align: top;
	}

	#searchform input, .sf-field-search input {
		background: #b2b2b2 url(layout/ico_zoom.png) 272px 17px  no-repeat;
		width: 293px;
		height: 53px;
		color: #fff;
		padding-left: 24px;
		border: 1px solid #b2b2b2;
		-webkit-transition: background-position 0.6s, background-color 0.4s, border-color 0.4s;
		-o-transition: background-position 0.6s, background-color 0.4s, border-color 0.4s;
		transition: background-position 0.6s, background-color 0.4s, border-color 0.4s;		
	}
	#searchform input::-webkit-input-placeholder, .sf-field-search input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bde2f2;
	}
	#searchform input:-moz-placeholder, .sf-field-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #bde2f2;
	    opacity:  1;
	}
	#searchform input::-moz-placeholder, .sf-field-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #bde2f2;
	    opacity:  1;
	}
	#searchform input:-ms-input-placeholder, .sf-field-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #bde2f2;
	}
	#searchform input:hover, #searchform input:focus, .sf-field-search input:hover, .sf-field-search input:focus {
		background-color: #57c4f1 ;
		border: 1px solid #b2b2b2;
		background-position: 999px 0;
	}
	.banner {
		width: 297px;
		height: 80px;
		background: #f7f7f7;
		padding-left: 24px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
		.banner .name {
			font-family: MinionCS,sans-serif;
			color: #000;
			display: block;
			font-size: 17pt;
			line-height: 22pt;
		}
		.banner .grant {
			font-size: 9pt;
		}
	.widget {		
		padding-top: 40px;
		padding-bottom: 15px;
		position: relative;
	}
	.widget:first-child {
		padding-top: 0px;
		padding-bottom: 0px;
	}
		h1.widget-title {
			font-size: 20pt;
			/* color: #b2b2b2; */
			display: inline-block;
			line-height: 20pt;
			vertical-align: bottom;
			padding-left: 24px;
			padding-right: 24px;
		}
		h1.widget-title a {
			text-decoration: none;
			color: #000;
		}
		.archive-text {
			position: absolute;
			right: 24px;
			line-height: 20pt;
			vertical-align: bottom;
			font-size: 10pt;
			color: #9a9a9a;
			padding-left: 13px;
			background: url(layout/ico_archive.png) 0px no-repeat;
			text-decoration: none;
			-webkit-transition: margin-left 0.3s, padding-left 0.2s, color 0.3s;
			-o-transition: margin-left 0.3s, padding-left 0.2s, color 0.3s;
			transition: margin-left 0.3s, padding-left 0.2s, color 0.3s;
		}
		.archive-text:hover {
			background: url(layout/ico_archive.png) 0px no-repeat;
			margin-left: -3px;
			padding-left: 16px;
			color: #000;
		}
		.widget ul {
			margin-top: 10px;
			border-top: 1px solid #ededed;
		}	
		.cat-post-widget ul li, .widget li {
			margin-top: 10px;
			padding-left: 24px;
			padding-right: 24px;
			font-weight: normal;
			font-size: inherit;
		}
		.widget li a {
			color: #4d4d4d;
			text-decoration: none;
			font-size: 13pt;
			line-height: 14pt;
			letter-spacing: 0.2pt;
			font-weight: normal;
			-webkit-transition: color 0.3s, padding-left 0.3s;
			-o-transition: color 0.3s, padding-left 0.3s;
			transition: color 0.3s, padding-left 0.3s;
		}
		.widget li a:hover {
			color: #b2b2b2;
			text-decoration: none;
			padding-left: 5px;
		}
		.widget li p {
			color: #4d4d4d;
			text-decoration: none;
			font-size: 13pt;
			line-height: 14pt;
			letter-spacing: 0.2pt;
			font-weight: normal;
		}
		.sidebar-information {
			font-style: italic;
			font-size: 11pt;
		}
		.CategoryandPostsTypes-widget li a {
			color: #1e4657;
		}
		.widget li p a {
			display: inherit;
		}

		.cat-post-widget .post-title {
			font-weight: normal;
			font-size: 13pt;
		}
		.widget_text:first-child,
		.widget_text {
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			padding-bottom: 25px;
			background: #fff;
			height: auto;
			font-size: 13pt;
			margin-top: 10px;
			line-height: 16pt;
			letter-spacing: 0.2pt;
			display: block;
			position: relative;
		}
		.widget_text h1.widget-title {
			color: #ef4036;
			margin-bottom: 20px;
			padding-left: 0;
		}
		.widget_text:last-of-type {
			background: none;
			color: #888787;
			text-align: center;
			font-size: 11pt;
			line-height: 12pt;
		}
		.widget_text:last-of-type a {
			color: #8d9ca6;
			text-decoration: none;
		}

	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	FOOTER
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
		#footer {
			background: #ededed;
			width: 100%;
			border-top: 1px solid #d9d9d9;
			padding-top: 30px;
			margin-top: 40px;
			position: absolute;
			bottom: 0;
			height: 316px;
		}
			#footer p {
				font-size: 10pt;
				color: #b2b0b0;
				text-align: center;
				margin-top: 10px;
				padding-bottom: 20px;
				display: block;
			}
			#footer p a {
				color: #b2b2b2;
				text-decoration: none;
			}
			#footer h4 {
				font-size: 20pt;
				text-transform: uppercase;
				color: #b3b3b3;
			}
			.widget-area-two {
				background: #b2b2b2;
				margin-top: 30px;
				padding-top: 15px;
				padding-bottom: 20px;
			}
				#footer .widget-area-two h4 {
				font-size: 20pt;
				text-transform: uppercase;
				color: #fff;
				margin-bottom: 10px;
				}
				#footer .widget-area-two p, #footer .widget-area-two a {
					color: #cfe1e8;
					display: inline-block;
					text-decoration: none;
					padding: 0px 5px 0 0;
					font-size: 12pt !important;
				}
				#footer .widget-area-two p:hover, #footer .widget-area-two a:hover {
					color: #fff;
				}



				button, #primary-navigation a.skip-link {display: none;}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 1024px) {
	botton {
		display: block;
	}

	html {
		margin-top: 0px !important;
	}
	#container {
		min-width: 400px;
		width: 100%;
		margin: 0px auto;
	}
	.comments-area {
		margin: 48px auto;
		max-width: 95%;
		padding: 0 5%;
		font-family:  CalibriCS,sans-serif;
	}
	.comment-form input[type="text"],
			.comment-form input[type="email"],
			.comment-form input[type="url"],
			.comment-form textarea#comment {
				width: 100%;
				border: 1px solid #d9d9d9;
				margin-top: 5px;
				margin-bottom: 5px;
			}

	.wrapper, #navigation ul {
		width: 80%;
		height: auto;
		margin: 0 auto;
		position: relative;
	}

	#content, #contento {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-top: 4px;
		margin-right: -4px;
	}
	.fb-like-box {
		display: none;
	}
	.news-block {
		width: 100%;
		min-height: 100px;
		height: auto;
		position: relative;
		background-color: #fcaf17;
		color: #fff;
		padding-top: 1px;
		padding-bottom: 1px;
		margin-top: 30px;
		margin-bottom: 20px;
		top: inherit;
		right: inherit;
	}
		.date {
			width: 29%;
			height: auto;
			display: inline-block;
			vertical-align: top;
			padding: 1%;
		}
		.post-content {
			width: 59%;
			height: auto;
			display: inline-block;
			vertical-align: top;
			padding: 1%;
		}





		#footer #navigation .widget ul.menu {
			width: 100%;
		}		
		#primary {
			padding-bottom: 0;
		}
		#footer {
			background: #ededed;
			width: 100%;
			border-top: 1px solid #d9d9d9;
			padding-top: 0px;
			margin-top: 40px;
			position: relative;
			bottom: 0;
			height: auto;
		}
		#footer .wrapper #navigation {
			display: none;
		}

		#sidebar {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: top;
		}
		#searchform input, .sf-field-search input {
			background: #b2b2b2;
			width: 93%;
			height: 55px;
			color: #fff;
			padding-left: 7%;

		}
		#footer .widget-area-two {
			margin: 0px;
		}
		.lists .post {
			width: 100%;
			padding-left: 0;
		}

		.archive .post, .category .post, .search .post, .search-wrapp .post {
			width: 100%;
			padding-left: O;
		}
		.archive #content, .archive #contento, .archive #content, .archive #contento, .search #content, .search #contento, .search-wrapp #content, .search-wrapp #contento, .page .post, .single .post {
			width: 100%;
			padding-left: 0;
		}
		#biblio-sidebar .postform {
		width: 80%;
		margin-left: 24px;
		margin-right: 24px;
	}
	#biblio-sidebar ul li ul{
		width: 80%;
		margin-left: 24px;
		margin-right: 24px;
	}
	#biblio-sidebar .sf-field-submit input {
		background: #ffffff;
		border: none;
		width: 100%;
		height: 55px;
		color: #000;
		text-align: center;
		border: 1px solid #ededed;
		margin-top: 30px;

	}
	.searchandfilter .meta-slider {
		width: 80%;
		max-width: 90%;
	}
	#navigation ul li ul {
		 	display: none;
		 }
		#navigation  button {
				display: block;
				width: 100%;
				height: 60px;
				background: #fff url(layout/menu.png) center no-repeat;
				text-indent: -9999px;
				border: none;
		}	
		#navigation {
				width: 100%;
				min-height: 40px;
				height: auto;
				border-top: 1px solid #ededed;
				border-bottom: 1px solid #ededed;
				margin-top: 25px;
				position: relative;
				display: block;
				z-index: 499;
				text-align: center;
			}
		#primary-navigation ul {
				display: none;
			}
		#navigation ul li {		
					position: relative;
					display: block;
					font-size: 13pt;
					vertical-align: middle;
					border: none;
					margin-right: -4px;
					border-top: 1px solid #d7d7d7;
				}
		#navigation ul li ul {
					display: block;
					position: relative;
					z-index: 498;
					width: 100%;
					background: #fff;
					border: none;
					list-style: circle;
					background: #f8f8f8;
				}
		#navigation ul li ul li a {
					width: 100%;
					line-height: 40pt;
					padding: 5px 0px;
				}
		#navigation ul li:hover {
					background: #fff;
					color: #000;
				}
		#navigation ul li ul li {
					border: none;
					border-top: 1px solid #d7d7d7;
				}
		#navigation ul li ul li a:hover {
					width: 100%;	
					background: #fff;	
				}
		#navigation ul li:hover ul{
					display: block;
				}
		#navigation ul li:first-child {
					border-left: none;
				}
		#navigation a {
					text-decoration: none;
					color: #7c7c7c;
					line-height: 49px;
					padding-left: 0px;
					padding-right: 0px;
					display: block;
				}
		#navigation a:hover {
					background: #fff;
					color: #000;
				}
		#navigation .toggled-on ul {
					display: block;
				}

@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
	button {
		display: block;
		width: 100%;
		height: 60px;
		background: #fff url(layout/menu.png) center no-repeat;
		text-indent: -9999px;
		border: none;
	}
}