@charset 'UTF-8';

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Copyright © 2011-now Joris Landman, Design & Websites. All rights reserved. http://jorislandman.com/

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */


/* ! Debugging *//*
================================================================================================================================ */

/* Debug
-------------------------------------------------------------------------------------------------------------------------------- */

/* Grid
-------------------------------------------------------------------------------------------------------------------------------- */

/* Dimensions
-------------------------------------------------------------------------------------------------------------------------------- */

/* Colors
-------------------------------------------------------------------------------------------------------------------------------- */
/* Screen */
/*
.background {				color: rgb( 210, 240, 255 ); }
.basic {					color: rgb( 23, 23, 23 ); }
.accent-1 {					color: rgb( 35, 160, 150 ); }
.accent-2 {					color: rgb( 85, 180, 220 ); }
*/

/* Print */
/*
.print-background {			color: rgb( 255, 255, 255 ); }
.print-basic {				color: rgb( 64, 64, 64 ); }
*/

/* Tags
-------------------------------------------------------------------------------------------------------------------------------- */

/* Form Elements
-------------------------------------------------------------------------------------------------------------------------------- */

/* Font families
-------------------------------------------------------------------------------------------------------------------------------- */
/* Font Regular */
/* .font-regular { */
	/* #basic -> Formatting, font, appearance */
/*
	font-family: 
		'JL Font Regular', 
		HelveticaNeue, 'Helvetica Neue', 
		Helvetica, 
		ArialMT, Arial, 
		sans-serif;
}
*/
.font-regular {
	/* #basic -> Formatting, font, appearance */
	font-family: 
		Georgia, 
		'Times New Roman', 
		Times, 
		serif;
}

/* Blocks
-------------------------------------------------------------------------------------------------------------------------------- */
/*
p {																				background-color: rgba( 255, 255, 255, 0.5 ); }
li {																			background-color: rgba( 255, 255, 255, 0.5 ); }
li li {																			background-color: none; }
address {																		background-color: rgba( 255, 255, 255, 0.5 ); }
h1, h2, h3, h4, h5, h6 {														background-color: rgba( 255, 255, 255, 0.5 ); }
form {																			background-color: rgba( 255, 255, 255, 0.5 ); }

.container-main {																background-color: rgba( 0, 0, 0, 0.1 ); }
	.header {																	background-color: rgba( 0, 0, 0, 0.1 ); }
		.branding {																background-color: rgba( 255, 128, 128, 0.25 ); }
			.site-title {														background-color: rgba( 128, 255, 128, 0.25 ); }
			.site-description {													background-color: rgba( 128, 128, 255, 0.25 ); }
		.access {																background-color: rgba( 255, 128, 128, 0.25 ); }
			.access .assistive-text {											background-color: rgba( 128, 255, 128, 0.25 ); }
			.access ul {														background-color: rgba( 128, 128, 255, 0.25 ); }
		.breadcrumbs {															background-color: rgba( 255, 128, 128, 0.25 ); }
			.breadcrumbs .assistive-text {										background-color: rgba( 128, 255, 128, 0.25 ); }
			.bread {															background-color: rgba( 128, 128, 255, 0.25 ); }
	.bodier {																	background-color: rgba( 0, 0, 0, 0.1 ); }
		.content {																background-color: rgba( 128, 255, 128, 0.25 ); }
			.entry {															background-color: rgba( 128, 128, 255, 0.25 ); }
				.entry-header {													background-color: rgba( 128, 255, 255, 0.25 ); }
				.entry-bodier {													background-color: rgba( 255, 128, 255, 0.25 ); }
				.entry-footer {													background-color: rgba( 255, 255, 128, 0.25 ); }
					.entry-image {												background-color: rgba( 128, 255, 255, 0.25 ); }
					.entry-footnote {											background-color: rgba( 128, 255, 255, 0.25 ); }
	.footer {																	background-color: rgba( 0, 0, 0, 0.1 ); }
		.colophon {																background-color: rgba( 255, 128, 128, 0.25 ); }
			.colophon .assistive-text {											background-color: rgba( 128, 255, 128, 0.25 ); }
			.colophon address {													background-color: rgba( 128, 128, 255, 0.25 ); }
*/


/* ! Display & visibility *//*
================================================================================================================================ */

/* display
-------------------------------------------------------------------------------------------------------------------------------- */
hr {
	/* #basic -> Hide elements */
	display: none;
}

.hidden {
	/* #basic -> Hide elements */
	display: none;
}
.branding-byline {
	/* #basic -> Hide elements */
/* 	display: none; */
}
.menu ul, 
.menu ul li {
	/* #basic -> Layout */
	display: inline;
}
.menu ul li ul {
	/* #basic -> Hide elements */
	display: none;
}
#jl-menu-item-10 {
	/* #basic -> Hide elements */
	/* #fix -> Hide colophon */
	display: none;
}
/* .html-body-handheld #jl-access { */
	/* #basic -> Hide elements */
	/* #fix -> Detect handheld devices */
/*
	display: none;
}
*/
.html-body-handheld #jl-access .next {
	/* #basic -> Hide elements */
	/* #fix -> Next */
	display: none;
}
.assistive-text {
	/* #basic -> Hide elements */
	display: none;
}
#jl-breadcrumbs {
	/* #basic -> Hide elements */
	display: none;
}
#jl-footer {
	/* #basic -> Hide elements */
	display: none;
}
.entry-header .next {
	/* #basic -> Hide elements */
	/* #fix -> Next */
	display: none;
}
.html-body-handheld .entry-header .next {
	/* #basic -> Hide elements */
	/* #fix -> Next */
	/* #fix -> Detect handheld devices */
	display: inline;
}
.entry-footer {
	/* #fix -> Hide footers until after load */
	display: none;
}

/* visibility
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Position *//*
================================================================================================================================ */

/* position
-------------------------------------------------------------------------------------------------------------------------------- */
.branding-x {
	/* #fix -> Branding */
	position: relative;
}

.header {
	/* #basic -> Layout */
	position: fixed;
}
.bodier, 
.footer {
	/* #basic -> Layout */
	position: relative;
}
.html-body-handheld .header, 
.html-body-handheld .bodier, 
.html-body-handheld .footer {
	/* #basic -> Layout */
	/* #fix -> Detect handheld devices */
	position: relative;
}
.responsive-footer .entry-image {
	/* #fix -> Responsive images */
	position: fixed;
}

/* top
-------------------------------------------------------------------------------------------------------------------------------- */
.branding-x {
	/* #fix -> Branding */
/* 	top: -0.3em; */
	/* #fix -> Serif */
	top: -0.2em;
}

.header {
	/* #basic -> Layout */
	top: 0;
}

/* right
-------------------------------------------------------------------------------------------------------------------------------- */

/* bottom
-------------------------------------------------------------------------------------------------------------------------------- */
.responsive-footer .entry-image {
	/* #fix -> Responsive images */
	bottom: 0;
}

/* left
-------------------------------------------------------------------------------------------------------------------------------- */
.header {
	/* #basic -> Layout */
	left: 0;
}
.responsive-footer .entry-image {
	/* #fix -> Responsive images */
	left: 0;
}

/* z-index
-------------------------------------------------------------------------------------------------------------------------------- */
#jl-header {
	/* #fix -> Responsive images */
	z-index: 1000;
}
.responsive-footer .entry-image {
	/* #fix -> Responsive images */
	z-index: 1;
}

/* clip
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Float & clear *//*
================================================================================================================================ */

/* float
-------------------------------------------------------------------------------------------------------------------------------- */
.header {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	float: left;
}
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	float: right;
}
.html-body-handheld .header, 
.html-body-handheld .bodier, 
.html-body-handheld .footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	/* #fix -> Detect handheld devices */
	float: none;
}

/* clear
-------------------------------------------------------------------------------------------------------------------------------- */
.header {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	clear: left;
}
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	clear: right;
}
.html-body-handheld .header, 
.html-body-handheld .bodier, 
.html-body-handheld .footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	/* #fix -> Detect handheld devices */
	clear: both;
}


/* ! Width & height *//*
================================================================================================================================ */

/* width
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Layout, center */
	width: 100%;
}

.container-main {
	/* #basic -> Layout, center */
	width: 100%;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	width: 50%;
}
.html-body-handheld .header, 
.html-body-handheld .bodier, 
.html-body-handheld .footer {
	/* #basic -> Layout */
	/* #fix -> Detect handheld devices */
	width: 100%;
}

.entry-bodier .logo {
	width: 25%;
}
.entry-image img {
	/* #fix -> Responsive images */
/* 	width: 100%; */
	/* #fix -> On slow connections images overlap text until they are all loaded. To solve this, the initial image width is made smaller. This value is later overwritten by javascript. */
	width: 75%;
}
.responsive-footer .entry-image {
	/* #fix -> Responsive images */
	width: 50%;
}

/* min-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* max-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* height
-------------------------------------------------------------------------------------------------------------------------------- */
.entry-image img {
	/* #fix -> Responsive images */
	height: auto;
}

/* min-height
-------------------------------------------------------------------------------------------------------------------------------- */

/* max-height
-------------------------------------------------------------------------------------------------------------------------------- */

/* overflow
-------------------------------------------------------------------------------------------------------------------------------- */
.container-main {
	/* #fix -> Float and clear */
	overflow: hidden;
}
.header, 
.bodier, 
.footer {
	/* #fix -> Float and clear */
	overflow: hidden;
}


/* ! Margin *//*
================================================================================================================================ */

/* margin
-------------------------------------------------------------------------------------------------------------------------------- */

/* margin-top
-------------------------------------------------------------------------------------------------------------------------------- */

/* margin-right
-------------------------------------------------------------------------------------------------------------------------------- */
.container-main {
	/* #basic -> Layout, center */
	margin-right: auto;
}
/* .responsive-footer .entry-image img { */
	/* #fix -> Responsive images */
/* 	margin-right: auto; */
/* } */

/* margin-bottom
-------------------------------------------------------------------------------------------------------------------------------- */
.entry-footer {
	/* #fix -> Extra vertical space at bottom of footnote */
	margin-bottom: 4em;
}
.entry-footer-last {
	/* #fix -> Extra vertical space at bottom of footnote */
	margin-bottom: 0;
}

/* margin-left
-------------------------------------------------------------------------------------------------------------------------------- */
.container-main {
	/* #basic -> Layout, center */
	margin-left: auto;
}
.responsive-footer .entry-image img {
	/* #fix -> Responsive images */
/* 	margin-left: auto; */
	margin-left: 4.5em;
}


/* ! Padding *//*
================================================================================================================================ */

/* padding
-------------------------------------------------------------------------------------------------------------------------------- */

/* padding-top
-------------------------------------------------------------------------------------------------------------------------------- */
/* #jl-access,  */
/* #jl-breadcrumbs { */
	/* #basic -> Layout */
/* 	padding-top: 1em; */
/* } */
#jl-header, 
#jl-footer {
	/* #basic -> Layout */
	padding-top: 2em;
}
.entry {
	/* #basic -> Layout */
	padding-top: 2em;
}
.entry-bodier h1, 
.entry-bodier h2, 
.entry-bodier h3, 
.entry-bodier h4, 
.entry-bodier h5, 
.entry-bodier h6 {
	/* #basic -> Layout */
	padding-top: 1em;
}
.entry-bodier h1:first-child, 
.entry-bodier h2:first-child, 
.entry-bodier h3:first-child, 
.entry-bodier h4:first-child, 
.entry-bodier h5:first-child, 
.entry-bodier h6:first-child {
	/* #basic -> Layout */
	padding-top: 0;
}
.entry-footer {
	/* #basic -> Layout */
	padding-top: 2em;
}

/* padding-right
-------------------------------------------------------------------------------------------------------------------------------- */
#jl-branding, 
#jl-access, 
#jl-breadcrumbs, 
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	padding-right: 3em;
}
#jl-branding, 
#jl-access, 
#jl-breadcrumbs {
	/* #basic -> Layout */
	padding-right: 3em;
}
.menu ul li {
	/* #basic -> Layout */
	padding-right: 0.66em;
}
.menu ul li:last-child {
	/* #basic -> Layout */
	padding-right: 0;
}
#jl-menu-item-9 {
	/* #basic -> Layout */
	/* #fix -> Hide colophon */
	padding-right: 0;
}
.menu ul {
	/* #basic -> Layout */
	/* #fix -> Next */
	padding-right: 0.66em;
}
.menu ul:last-child {
	/* #basic -> Layout */
	/* #fix -> Next */
	padding-right: 0;
}
.menu ul li ul li {
	padding-right: 1em;
}

/* padding-bottom
-------------------------------------------------------------------------------------------------------------------------------- */
#jl-branding {
	/* #basic -> Layout */
	padding-bottom: 2em;
}
#jl-access, 
#jl-breadcrumbs {
	/* #basic -> Layout */
	padding-bottom: 1em;
}
#jl-colophon address {
	/* #basic -> Layout */
	padding-bottom: 1em;
}
#jl-header, 
#jl-footer {
	/* #basic -> Layout */
	padding-bottom: 1em;
}
.entry-header {
	/* #basic -> Layout */
	padding-bottom: 2em;
}
.entry-bodier {
	/* #basic -> Layout */
	padding-bottom: 1em;
}
.entry-bodier h1, 
.entry-bodier h2, 
.entry-bodier h3, 
.entry-bodier h4, 
.entry-bodier h5, 
.entry-bodier h6, 
.entry-bodier p {
	/* #basic -> Layout */
	padding-bottom: 1em;
}
.entry-footer {
	/* #basic -> Layout */
	padding-bottom: 2em;
}
.entry-footer h1, 
.entry-footer h2, 
.entry-footer h3, 
.entry-footer h4, 
.entry-footer h5, 
.entry-footer h6, 
.entry-footer p {
	padding-bottom: 0;
}
.entry-footer .entry-image {
	/* #basic -> Layout */
	padding-bottom: 1.5em;
}
.entry .responsive-footer .entry-image {
	/* #fix -> Responsive images */
	padding-bottom: 3em;
}

/* padding-left
-------------------------------------------------------------------------------------------------------------------------------- */
/* .indent { */
	/* #basic -> Font, decoration */
	/* #fix -> Indent */
/* 	padding-left: 1em; */
/* } */
#jl-branding, 
#jl-access, 
#jl-breadcrumbs, 
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	padding-left: 3em;
}
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	/* #fix -> Align content to page center */
	padding-left: 0;
}
.html-body-handheld #jl-content, 
.html-body-handheld #jl-colophon {
	/* #basic -> Layout */
	/* #fix -> Align content to page center */
	/* #fix -> Detect handheld devices */
	padding-left: 3em;
}
.menu ul li ul {
	padding-left: 1em;
}


/* ! Border *//*
================================================================================================================================ */

/* border
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-top
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-right
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-bottom
-------------------------------------------------------------------------------------------------------------------------------- */
.entry-bodier a, 
.entry-bodier a:link, 
.entry-bodier a:visited  {
	/* #basic -> Font, decoration, link */
/* 	border-bottom: 0.15em solid rgb( 35, 160, 150 ); */
	/* #fix -> Serif */
	border-bottom: none;
}
.entry-bodier a:hover, 
.entry-bodier a:active, 
.entry-bodier a:focus {
	/* #basic -> Font, decoration, link */
	border-bottom: none;
}
a.next, 
a.next:link, 
a.next:visited  {
	/* #basic -> Font, decoration, link */
/* 	border-bottom: 0.15em solid rgb( 35, 160, 150 ); */
	/* #fix -> Serif */
	border-bottom: none;
}
a.next:hover, 
a.next:active, 
a.next:focus {
	/* #basic -> Font, decoration, link */
	border-bottom: none;
}
.entry-footer a, 
.entry-footer a:link, 
.entry-footer a:visited  {
	/* #basic -> Font, decoration, link */
/* 	border-bottom: 0.15em solid rgb( 35, 160, 150 ); */
	/* #fix -> Serif */
	border-bottom: none;
}
.entry-footer a:hover, 
.entry-footer a:active, 
.entry-footer a:focus {
	/* #basic -> Font, decoration, link */
	border-bottom: none;
}
.entry-image img {
	/* #fix -> Responsive images */
	/* #fix -> Image border */
	border-bottom: none;
}
.responsive-footer .entry-image img {
	/* #fix -> Responsive images */
	/* #fix -> Image border */
/* 	border-bottom: 0.15em solid rgb( 35, 160, 150 ); */
	/* #fix -> Compensate for smaller font size in image elements */
/* 	border-bottom: 0.23em solid rgb( 85, 180, 220 ); */
	/* #fix -> Serif */
	border-bottom: 1px solid rgb( 85, 180, 220 );
}

/* border-left
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-top-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-right-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-bottom-width
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-left-width
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Table *//*
================================================================================================================================ */

/* table-layout
-------------------------------------------------------------------------------------------------------------------------------- */

/* empty-cells
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-spacing
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-collapse
-------------------------------------------------------------------------------------------------------------------------------- */

/* caption-side
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Text layout *//*
================================================================================================================================ */

/* text-align
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Layout, center */
	/* #fix -> Divs containing nested, centered divs need to have text-align: center, IE5 */
	text-align: center;
}
address {
	/* #basic -> Formatting default */
	text-align: left;
}

.header, 
.bodier, 
.footer {
	/* #basic -> Layout, center */
	/* #fix -> Divs containing nested, centered divs need to have text-align: center, IE5 */
	text-align: left;
}

/* vertical-align
-------------------------------------------------------------------------------------------------------------------------------- */

/* white-space
-------------------------------------------------------------------------------------------------------------------------------- */
#jl-branding span.branding-title, 
#jl-branding span.branding-description, 
#jl-branding span.branding-byline {
	white-space: nowrap;
}
#jl-access ul li a {
	white-space: nowrap;
}

/* direction
-------------------------------------------------------------------------------------------------------------------------------- */

/* unicode-bidi
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! User interface *//*
================================================================================================================================ */

/* outline
-------------------------------------------------------------------------------------------------------------------------------- */

/* outline-width
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Border appearance *//*
================================================================================================================================ */

/* border-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-top-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-right-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-bottom-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-left-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-color
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-top-color
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-right-color
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-bottom-color
-------------------------------------------------------------------------------------------------------------------------------- */

/* border-left-color
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Background *//*
================================================================================================================================ */

/* background
-------------------------------------------------------------------------------------------------------------------------------- */

/* background-position
-------------------------------------------------------------------------------------------------------------------------------- */

/* background-repeat
-------------------------------------------------------------------------------------------------------------------------------- */

/* background-attachment
-------------------------------------------------------------------------------------------------------------------------------- */

/* background-color
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Background */
	/* #basic -> Colors */
	background-color: rgb( 210, 240, 255 );
}

.entry-image img {
	/* #fix -> Responsive images */
	background-color: rgb( 85, 180, 220 );
}
.responsive-footer .entry-image img {
	/* #fix -> Responsive images */
	background-color: rgb( 210, 240, 255 );
}

/* background-image
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Font *//*
================================================================================================================================ */

/* font-face
-------------------------------------------------------------------------------------------------------------------------------- */
/*
@font-face {
	font-family: 'JL Font Regular';
	src: url( /fonts/font.eot ) format( 'embedded-opentype' );
	src: 
		local('☺'), 
		url( /fonts/font.woff ) format( 'woff' ), 
		url( /fonts/font.ttf ) format( 'truetype' ), 
		url( /fonts/font.svg ) format( 'svg' ), 
		url( /fonts/font.otf ) format( 'opentype' );
	font-weight: normal;
	font-style: normal;
}
*/

/* font
-------------------------------------------------------------------------------------------------------------------------------- */

/* font-family
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Formatting, font, appearance */
	font-family: 
		Georgia, 
		'Times New Roman', 
		Times, 
		serif;
}

/* font-variant
-------------------------------------------------------------------------------------------------------------------------------- */

/* text-transform
-------------------------------------------------------------------------------------------------------------------------------- */

/* font-size
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Formatting, font, size */
	font-size: 21px;
}

#jl-branding h1, 
#jl-branding h2 {
	/* #basic -> Formatting, font, size */
	font-size: 1.50em;
}
#jl-branding h2 span.branding-byline {
	/* #basic -> Formatting, font, size */
	font-size: 0.66em;
}
.menu ul li ul {
	/* #basic -> Hide elements */
	font-size: 0.66em;
}
.entry h1 {
	/* #basic -> Formatting, font, size */
	font-size: 1.50em;
}
.entry-footer h1, 
.entry-footer h2, 
.entry-footer h3, 
.entry-footer h4, 
.entry-footer h5, 
.entry-footer h6, 
.entry-footer p {
	/* #basic -> Formatting, font, size */
	font-size: 0.66em;
}
.entry-footnote {
	/* #basic -> Formatting, font, size */
	font-size: 0.66em;
}
.footnote {
	/* #basic -> Formatting, font, size */
	font-size: 0.66em;
}
.next {
	/* #basic -> Formatting, font, size */
	/* #fix -> Next */
	font-size: 0.66em;
}
.entry-bodier .next {
	/* #basic -> Formatting, font, size */
	/* #fix -> Next */
	font-size: 1em;
}

/* font-size-adjust
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Font appearance *//*
================================================================================================================================ */

/* color
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	/* #basic -> Font, decoration, link */
	color: rgb( 23, 23, 23 );
}
a {
	/* #basic -> Font, decoration, link */
	color: rgb( 35, 160, 150 );
}

.entry-bodier a {
	/* #basic -> Font, decoration, link */
	color: rgb( 23, 23, 23 );
}
#jl-branding span {
	/* #basic -> Font, decoration, link */
	color: rgb( 35, 160, 150 );
}
#jl-branding span.branding-byline {
	/* #basic -> Font, decoration, link */
	color: rgb( 23, 23, 23 );
}
#jl-access a, 
#jl-access a:link, 
#jl-access a:visited  {
	/* #basic -> Font, decoration, link */
	color: rgb( 23, 23, 23 );
}
#jl-access a:hover, 
#jl-access a:active, 
#jl-access a:focus {
	/* #basic -> Font, decoration, link */
	color: rgb( 35, 160, 150 );
}
#jl-access a.current, 
#jl-access a.current-parent {
	/* #basic -> Font, decoration, link */
	color: rgb( 35, 160, 150 );
}
.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6 {
	/* #basic -> Font, decoration, link */
	color: rgb( 35, 160, 150 );
}
.entry-footer a {
	/* #basic -> Font, decoration, link */
	color: rgb( 85, 180, 220 );
}
.entry-footnote {
	/* #basic -> Font, decoration, link */
	color: rgb( 85, 180, 220 );
}
.footnote {
	/* #basic -> Font, decoration, link */
	color: rgb( 85, 180, 220 );
}
.next {
	/* #basic -> Font, decoration, link */
	/* #fix -> Next */
	color: rgb( 23, 23, 23 );
}
#jl-access a.next {
	/* #basic -> Font, decoration, link */
	/* #fix -> Next */
	color: rgb( 23, 23, 23 );
}

/* font-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* font-weight
-------------------------------------------------------------------------------------------------------------------------------- */

/* text-decoration
-------------------------------------------------------------------------------------------------------------------------------- */
a {
	/* #basic -> Font, decoration, link */
	text-decoration: none;
}

.entry-bodier a, 
.entry-bodier a:link, 
.entry-bodier a:visited  {
	/* #fix -> Serif */
	text-decoration: underline;
}
.entry-bodier a:hover, 
.entry-bodier a:active, 
.entry-bodier a:focus {
	/* #fix -> Serif */
	text-decoration: none;
}
a.next, 
a.next:link, 
a.next:visited  {
	/* #fix -> Serif */
	text-decoration: underline;
}
a.next:hover, 
a.next:active, 
a.next:focus {
	/* #fix -> Serif */
	text-decoration: none;
}
.entry-footer a, 
.entry-footer a:link, 
.entry-footer a:visited  {
	/* #fix -> Serif */
	text-decoration: underline;
}
.entry-footer a:hover, 
.entry-footer a:active, 
.entry-footer a:focus {
	/* #fix -> Serif */
	text-decoration: none;
}

/* text-shadow
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Text appearance *//*
================================================================================================================================ */

/* line-height
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	line-height: 1.2;
}

.menu ul li ul {
	line-height: 1.5em;
}
.next {
	/* #fix -> Next */
	line-height: 1.5em;
}
.entry-bodier .next {
	/* #basic -> Formatting, font, size */
	/* #fix -> Next */
	line-height: 1em;
}

/* font-stretch
-------------------------------------------------------------------------------------------------------------------------------- */

/* letter-spacing
-------------------------------------------------------------------------------------------------------------------------------- */

/* word-spacing
-------------------------------------------------------------------------------------------------------------------------------- */

/* text-indent
-------------------------------------------------------------------------------------------------------------------------------- */

/* text-overflow
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! List *//*
================================================================================================================================ */

/* list-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* list-style-position
-------------------------------------------------------------------------------------------------------------------------------- */

/* list-style-type
-------------------------------------------------------------------------------------------------------------------------------- */

/* list-style-image
-------------------------------------------------------------------------------------------------------------------------------- */

/* marker-offset
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Generated content *//*
================================================================================================================================ */

/* content
-------------------------------------------------------------------------------------------------------------------------------- */

/* quotes
-------------------------------------------------------------------------------------------------------------------------------- */

/* counter-reset
-------------------------------------------------------------------------------------------------------------------------------- */

/* counter-increment
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Animations *//*
================================================================================================================================ */

/* transition
-------------------------------------------------------------------------------------------------------------------------------- */
/* #note -> Turn on delay when CSS-transitions are used on font resizing. */
/* body { */
	/* #fix -> Animated links */
/*
	-ms-transition: font-size 0.125s linear;
	-o-transition: font-size 0.125s linear;
	-moz-transition: font-size 0.125s linear;
	-webkit-transition: font-size 0.125s linear;
	transition: font-size 0.125s linear;
}
*/
#jl-access a {
	/* #fix -> Animated links */
	-ms-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-webkit-transition: color 0.25s linear;
	transition: color 0.25s linear;
}


/* ! User interface *//*
================================================================================================================================ */

/* cursor
-------------------------------------------------------------------------------------------------------------------------------- */
#jl-branding a {
	cursor: default;
}
.entry-image img {
	cursor: pointer;
}

/* outline-style
-------------------------------------------------------------------------------------------------------------------------------- */

/* outline-color
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Pseudo-classes *//*
================================================================================================================================ */

/* before, after
-------------------------------------------------------------------------------------------------------------------------------- */

/* first-letter, first-line, first-child
-------------------------------------------------------------------------------------------------------------------------------- */

/* link, visited, hover, focus, active
-------------------------------------------------------------------------------------------------------------------------------- */

/* lang
-------------------------------------------------------------------------------------------------------------------------------- */


/* ! Invalid *//*
================================================================================================================================ */


/* ! Invalid, layout *//*
================================================================================================================================ */


/* ! Invalid, design *//*
================================================================================================================================ */


/* ! Invalid, user interface *//*
================================================================================================================================ */


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( min-width: 1801px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 33px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 1800px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 30px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 1600px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 27px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 1400px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 24px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 1200px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 21px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 1000px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 18px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 800px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	position: relative;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	float: none;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	clear: both;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	width: 100%;
}
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	/* #fix -> Align content to page center */
	padding-left: 3em;
}
.entry-footer .entry-image {
	/* #fix -> Prevent images above the top of the page from staying invisible after resize */
	visibility: visible !important;
}

/* #jl-access { */
	/* #basic -> Hide elements */
/*
	display: none;
}
*/
#jl-access .next {
	/* #basic -> Hide elements */
	/* #fix -> Next */
	display: none;
}

.entry-header .next {
	/* #basic -> Hide elements */
	/* #fix -> Next */
	display: inline;
}


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 27px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 700px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 24px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 600px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 21px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 550px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 18px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Responsive, start *//*
================================================================================================================================ */
@media screen and ( max-width: 500px ) {


/* ! Responsive, layout *//*
================================================================================================================================ */


/* ! Responsive, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 15px;
}


/* ! Responsive, user interface *//*
================================================================================================================================ */

/* Responsive, end
-------------------------------------------------------------------------------------------------------------------------------- */
}


/* ! Print, start *//*
================================================================================================================================ */
@media print {


/* ! Print, layout *//*
================================================================================================================================ */
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	position: relative !important;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	float: none !important;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	/* #fix -> Float and clear */
	clear: both !important;
}
.header, 
.bodier, 
.footer {
	/* #basic -> Layout */
	width: 100% !important;
}
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	/* #fix -> Align content to page center */
	padding-left: 3em !important;
}

#jl-branding, 
#jl-access, 
#jl-breadcrumbs, 
#jl-content, 
#jl-colophon {
	/* #basic -> Layout */
	padding-left: 6em !important;
	padding-right: 6em !important;
}

#jl-access {
	/* #basic -> Hide elements */
	display: none !important;
}
.entry-footer {
	/* #basic -> Hide elements */
	display: none !important;
}


/* ! Print, design *//*
================================================================================================================================ */
body {
	/* #basic -> Formatting, font, size */
	font-size: 15px !important;
}
body {
	/* #basic -> Background */
	/* #basic -> Colors */
	background-color: rgb( 255, 255, 255 ) !important;
}


/* ! Print, user interface *//*
================================================================================================================================ */

/* Print, end
-------------------------------------------------------------------------------------------------------------------------------- */
}