/*
Theme Name: Esporre p5js
Theme URI: http://esporre.net
Author: Esporre
Author URI: http://esporre.net
Description: Theme for shide p5js
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

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

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%;
	vertical-align: baseline;
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a,
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin:24px 0px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	margin:0;
	padding:0;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clearfix {
	display: inline-block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

a {
	text-decoration:none;
}

ul {
	list-style:none;
}

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

html, body {
	width: 100%;
}
body {
	padding: 0;
}
#page {
	margin: 0px auto;
	text-align:center;
}
#header-container {
	border-bottom:0px solid #999;
	text-align:center;
	padding-bottom:40px;
	font-size:0;
}
#header-content {
	width:100%;
}
#main-wrapper {
	line-height: 0;
}
.single-in-examples #page {
/*	background:rgb(220, 220, 220);	*/
}
.single-in-examples .hentry {
	display:block;
}
.single-in-examples #header-container {
	display:none;
}
.single-in-examples .entry-title {
	width:100%;
}
.single-in-examples .entry-header {
	width:100%;
}
.single-in-examples #header-content{
	display:none;
}
.single-in-examples #main {
	padding-top:24px;
}
.single-in-examples #primary,
.single-in-examples #content {
	width:100%;
}
.single-in-examples .entry-content {
	border-top: 0px;
	width:100%;
}
.single-in-examples #colophon{
	webkit-flex-direction: column;
	flex-direction: column;
}
.single-in-examples .footer-header,
.single-in-examples .footer-title,
.single-in-examples .footer-content{
	width:100%;
}
#header-content {
	/*	width: 728px;
	display:inline-block;
	*/
	/*	max-width:1220px;	*/
	margin:0px auto;
	text-align:left;
}
#branding hgroup {
	margin: 0px 0px;
	float:left;
	display:inline-block;
	width:500px;
	display:block;
	clear:both;
}
#access div {
	margin: 0;
}
#primary {
	/*	float: left;	*/
	margin: 0 0px 0 0;
	/*	width: 728px;	*/
	position:relative;
}
.category-works #primary,
.page-template-page-dessins #primary {
	width: 100%;
}
#content {
	margin: 0;
	/*	width: 728px;	*/
	min-height:480px;
}
.page-template-page-dessins #content,
.category-works #content {
	width:100%;
}
#secondary {
	float: left;
	margin-right: 60px;
	width: 216px;
	text-align:left;
}

/* Singular */
/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}



/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


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

body, input, textarea {
	color: #373737;
	font: 14px 'Verdana', 'Arial', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;	*/
	font-weight: 500;
	line-height: 1.7;
}
body {
	background: #fff;
}
#page {
/*	background: #fff;	*/
	padding-left:calc(50vw - 610px);
	padding-right:calc(50vw - 610px);
	padding-top:48px;
	padding-bottom:48px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 12px;
	margin-top:0px;
	display:block;
	clear:both;
}
.entry-content hr {
	width: 728px;
}

/* Text elements */
p {
	margin-bottom: 1.8em;
}
ul, ol {
	margin: 12px 0px;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px "SF Mono", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 26px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	line-height:20px;
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


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

#branding {
	/*	padding-bottom: 48px;	*/
	/*    padding-top:24px;	*/
	position: relative;
	z-index: 9999;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#site-title {
	margin-right: 0px;
	padding: 0 0 0 0;
	/*  height:49px;	*/
	text-align:left;
}
#site-title a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	display:block;
}
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; margin:0;}
a.menu:after, .dropdown-toggle:after { content: none; }

#menu-global-menu {
	position:relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
#access #menu-global-menu li {
	margin-left:auto;
}
#access #menu-global-menu li:last-child {
	margin-right:0px;
}
#access #menu-global-menu a {
	padding-right:0px;
}
#access #menu-global-menu ul.sub-menu  a {
	text-indent:0;
	background:rgb(255,255,255)!important;
	white-space:normal;
	overflow:hidden;
	/*
	width:216px!important;
	*/
}
.footer-content .menu {
	position:relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-top:0;
	line-height: 24px;
}
.footer-content .menu li {
	margin-right:auto;
}
.footer-content .menu li a {
	margin-bottom: 6px;
	color:#999;
	text-decoration: none;
}
.footer-content .menu li a:hover {
	text-decoration: underline;
}
.footer-content .footer-credit {
	color:#999;
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 0px 0 0;
	display:inline;
}
#branding img {
	height: auto;
	display: block;
	width: 100%;
}

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

#access {
	background: transparent;
	clear: both;
	display: block;
	/*
	float: right;
	*/
	margin-left:auto;
	width: 500px;
	/*    padding-top:10px;	*/
}
#access ul {
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	/*	float: left;	*/
	position: relative;
}
#access a {
	color: #999;
	display: block;
	line-height: 40px;
	height:40px;
	/*	padding-right: 24px;	*/
	/*	padding-bottom:8px;	*/
	text-decoration: none;
	cursor:pointer;
}
#access ul ul {
	display: none;
	/*	float: right;	*/
	margin: 0;
	position: absolute;
	top: 40px;
	right: 0;
	padding:12px 18px;
	border:1px solid #ccc;
	background:#fff;
	width: 216px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	/*	border-bottom: 1px dotted #ccc;	*/
	color: #999;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 18px;
	padding: 6px 0px !important;
	width: auto;
}
#access #menu-global-menu ul.sub-menu a:hover {
	/*    background:#efefef!important;	*/
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	/*	background: #efefef;	*/
	color:#222;
}
#access li:hover > a,
#access a:focus {
	/*	background: #f9f9f9;	*/
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

/* side menu */
h1.side-menu-title {
	font-size:16px;
	margin-bottom:26px;
	line-height:1;
	font-weight:normal;
}
#secondary h2 {
	font-size:14px;
	margin-bottom:9px;
}
ul.side-menu {
	margin-top:0px;
	margin-bottom:24px;
}
ul.side-menu li {
	line-height:1;
	font-size:14px;
	font-style:normal;
	margin-bottom:12px;
	display:block;
}
.single-in-works ul.side-menu li {
	padding-left:14px;
}
ul.side-menu li.current-menu-item {
	font-weight:bold!important;
}
.single-in-works ul.side-menu li.current-menu-item {
	background:url(images/pencil.png) no-repeat;
	background-position-x:0px;
}
ul.side-menu li.current-post-parent {
	font-weight:bold;
}
ul.side-menu li a {
	color:#333;
	text-decoration:none;
}
.single-in-works ul.side-menu li a {
	padding-left:2px;
}
.single-in-works ul.side-menu li.current-menu-item a {
	border-bottom:1px dotted #666;
}
ul.side-menu li a {
	/*
	text-indent:101%;
	white-space:nowrap;
	overflow:hidden;
	*/
	/*    width:216px;
	height:18px;
	*/
}
ul.side-menu ul.sub-menu li a {
	/*    width:216px;	*/
	height:auto;
	background:transparent!important;
	background-image:none!important;
}




ul.side-menu .menu-item a:hover {
	border-bottom:1px solid #555;
}
ul.side-menu ul.sub-menu {
}
ul.side-menu ul.sub-menu li {
	font-size:12px;
	line-height:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
}
ul.side-menu ul.sub-menu li a {
	color:#ccc;
}
ul.side-menu ul.sub-menu {
}
ul#menu-side-menu ul.sub-menu li {
	font-style:normal;
}
ul.side-menu ul.sub-menu li a:hover,
ul.side-menu ul.sub-menu li.current-menu-item a {
	color:#666;
}
ul.side-menu ul.sub-menu li a:hover {
	text-decoration:underline;
}

ul.side-menu ul.sub-menu li.current-menu-item {
	/*    font-weight:bold; */
}
ul.side-menu ul.sub-menu {
	display:none;
}
li.current-menu-parent ul.sub-menu {
	display:block;
}
.accordion-current {
	font-weight:bold;
}



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

#main {
	clear: both;
	display:inline-block;
	text-align:left;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	line-height: 0;
	/*	max-width: 728px;	*/
}
.single-in-examples #main {
	max-width:1024px;
}
.page-title {
	color: #666;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.0em;
	margin: 0 0;
	text-transform: uppercase;
}
.page-title a {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 0 0;
	position: relative;
	display:flex;
}
.category-news .hentry {
	border-top: 1px solid #ddd;
	border-bottom:none;
	padding: 18px 0 0 0;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.page .entry-content p,
.single .entry-content p {
	max-width: 728px;
	font-size:14px;
	line-height:26px;
	clear:both;
	display:block;
	text-align: justify;
	text-justify: inter-ideograph;
}

.page .entry-content p + div,
.single .entry-content p + div {
/*	margin-top:-2em;	*/
}
.page .entry-content p:last-child {
	margin-bottom: 0;
}

.entry-header {
	/*	border-top:1px solid #ccc;	*/
/*	float:left;	*/
}
.entry-header,
.footer-header {
	display:inline-block;
	width:calc((100% - 728px) / 2);
	margin-right:0;
}
.entry-title,
.footer-title {
	border-top:1px solid #ccc;
	padding-top:18px;
	width:220px;
	clear: both;
	margin-right:auto;
	display: inline-block;
}
.entry-title {
	color: #333!important;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom:36px;
	/*	width:728px;*/
}
.footer-title {
	color:#999;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	font-size:14px;
	line-height:26px;
/*	margin:0px auto;	*/
	.padding-bottom: 18px;
}
.entry-content,
.entry-summary,
.footer-content {
	border-top:1px solid #ccc;
/*	flex-basis:728px;	*/
	padding-top: 18px;
	padding-left:0px;
	padding-right:0px;
	width:calc(100% - (100% - 728px) / 2);
	margin-right:auto;
}
.entry-content h1 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}
.entry-content h1 span.plain {
	font-weight:normal;
}
.entry-content h2 {
	font-weight:bold;
	font-size: 14px;
	line-height:26px;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 728px;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

.page li a {
	color:rgb(50, 50, 200);
	text-decoration:underline;
}
div.download_file_link_wrapper {
	display:block;
	clear:both;
	width:100%;
	margin-top:26px!important;
}
span.download_file_link {
	border:1px solid #999;
	padding:24px;
	display:inline-block;
	background: white;
}
span.download_file_link a {
	/*    color:#777;	*/
	text-decoration:underline;
	background:url(./images/download.png);
	background-repeat:no-repeat;
	padding-left:24px;
}
span.oeuvre-attachment {
	margin-right:20px;
}
span.exposition-link a {
	color:#777;
	text-decoration:underline;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	outline:1px solid #ccc;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
iframe {
	margin-bottom:26px;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}



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

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
	margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


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

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}




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

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


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

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
#nav-single .nav-previous {
	padding-right: .5em;
}


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

.widget-area {
	font-size: 12px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}


/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


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

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 26px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


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

#colophon {
	display:block;
	width:100%;
	clear: both;
	font-size:11px;
	color: #111;
	font-weight: normal;
	line-height: 18px;
/*	padding-top:12px;	*/
	margin-top:48px;
/*	border-top:1px solid #ccc;	*/
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
/* Site Generator Line */
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}


/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width:1220px) {
	#page {
		padding-left:24px;
		padding-right:24px;
	}
	#site-title a {
		font-size:16px;
		line-height: 20px;
	}
	#access a {
		line-height: 20px;
	}
	.entry-header {

	}
	.entry-title,
	.footer-title {
		margin-right:24px;
		width:calc(100% - 24px);
	}
	.single-in-examples .entry-header {
		width:100%;
	}
	.entry-content {
/*		max-width:728px;	*/
	}
}
@media screen and (max-width:1024px){
	.entry-header,
	.footer-header {
		width:150px;
	}
	.entry-content,
	.footer-content {
		width:calc(100% - 150px);
	}
}
@media screen and (max-width:720px){
	#header-container {
		padding-bottom: 24px;
	}
	#branding {
		flex-direction: column;
	}
	#branding hgroup {
		width:100%;
		margin-bottom:12px;
	}
	#access {
		width:100%;
	}
	#access #menu-global-menu li {
		margin-left:0;
		margin-right: 24px;
	}
	.hentry,
	#colophon {
		flex-direction: column;
	}
	.entry-header {
		width:100%;
	}
	.footer-header {
		width:100%;
	}
	.entry-title,
	.footer-title {
		width:100%;
	}
	.entry-content,
	.footer-content {
		width:100%;
		border-top:0px;
		padding-top: 0px;
	}
	.footer-content .menu {
		flex-direction: column;
	}
}


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

@media print {
	body {
		background: none !important;
		font-size: 10pt;
		-webkit-print-color-adjust: exact;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		padding-top:36px;
	}
	#branding hgroup {
	}

	.site-header {
		padding-top:0px;
		margin-bottom:24px;
	}
	#site-title {
		width:100%;
	}
	#access {
	}
	#secondary {
		display:none;
	}
	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


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

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

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

#ie8 section.feature-image.large img {
	width: 100%;
}
.aislideshow img {
}
#slider {
	display:block;
	width:100%;
	margin-bottom:15px;
	position:relative;
}
#slider li {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;

}
#slider li div {
	border:1px solid #eee;
	overflow:hidden;
	display:inline-block;
	*display: inline;
	*zoom:1;

}
#slider li img {
	margin: -1px!important;
	padding:0px;
	font-size:0;
	line-height:0;
}
.slider-right,
.slider-left {
	width:72px;
	height:100%;
	top:0px;
	/*	background:rgb(100, 100, 100);	*/
	cursor:pointer;
	position:absolute;
	background-repeat:no-repeat, repeat;
	background-position:center center;
	z-index:1000;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.slider-right {
	right:0px;
	background-image:url(images/slider_right.png);
}
.slider-left {
	left:0px;
	background-image:url(images/slider_left.png);
}
.slider-right:hover,
.slider-left:hover {
	opacity:0.5;
}
.currentImage {
	cursor:pointer;
	z-index:999;
}
#slider.slider-hidden {
	display:none;
}

.slider-right,
.slider-left {
	width:72px;
	height:100%;
	top:0px;
	/*	background:rgb(100, 100, 100);	*/
	cursor:pointer;
	position:absolute;
	background-repeat:no-repeat, repeat;
	background-position:center center;
	z-index:1000;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.slider-right {
	right:0px;
	background-image:url(images/slider_right.png);
}
.slider-left {
	left:0px;
	background-image:url(images/slider_left.png);
}
.slider-right:hover,
.slider-left:hover {
	opacity:0.5;
}
.currentImage {
	cursor:pointer;
	z-index:999;
}


ul.slides {
	margin-top:0px;
}
#carousel {
	width:100%;
	max-width:100%;
}
#carousel img {
	display:inline-block;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor:pointer;
}
.carousel-hidden {
	display:none;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#slider li p.oeuvre-caption {
	font-size:11px;
	font-style:italic;
	color:#999;
	width:100%;
	clear:both;
}

/* top slide show */
.topslideshow-container {
	position:relative;
	height:500px;
	margin-bottom:60px;
}
ul.topslideshow {
	margin:0px;
}
.topslideshow img {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
}
.header-lang-list {
	margin-top:24px;
}

.header-lang-list li {
	display:inline;
	margin-left:6px;
	font-size:12px;
}
.header-lang-list li a {
	color:#ccc;
	text-decoration:none;
}
.header-lang-list li a:hover {
	color:#333;
	text-decoration:underline;
}
.header-lang-list li a.current-lang {
	color:#333;
	text-decoration:none;
}
italic {
	font-style:italic;
}
.wpforms-field-label {
	font-size:14px!important;
	font-weight:normal!important;
}
.wpforms-container {
	width:728px!important
	;
}
canvas {
	display:block;
	outline:0px;
	margin-bottom:24px;
}
.entry-content table,
.entry-content ul {
	max-width:728px;
}
.entry-content ul.examples-section {
	margin-top:0px;
}
ul.examples-section li {
	margin-bottom:24px;
	line-height:1.8em;
}
ul.examples-section li ul li {
	margin-bottom:0px;
	width:100%;
	clear:both;
	display:block;
}
ul.examples-section li p {
	margin-bottom:0px;
}
ul.examples-section li .examples-publish-date {
	padding-left:96px;
	color:#ccc;
	float:right;
}

body .syntaxhighlighter a,
body .syntaxhighlighter div,
body .syntaxhighlighter code,
body .syntaxhighlighter table,
body .syntaxhighlighter table td,
body .syntaxhighlighter table tr,
body .syntaxhighlighter table tbody,
body .syntaxhighlighter table thead,
body .syntaxhighlighter table caption,
body .syntaxhighlighter textarea {
	line-height:1.5em!important;
	font-family:"SF Mono", "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
body .syntaxhighlighter {
	margin-bottom:2em!important;
}

/* prism.js	*/
h2.source-title {
	margin-bottom:18px;
}
div.code-container {
	margin-bottom:26px;
}

body code[class*=language-],
body pre[class*=language-] {
	background:white;
	font-family:'SF Mono', Menlo, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-shadow:none;
}
body pre[class*=language-] {
	margin-top:0px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
body div.code-toolbar > .toolbar a,
body div.code-toolbar > .toolbar button,
body div.code-toolbar > .toolbar span {
	background:white;

}
body div.code-toolbar {
	margin-bottom:25px;
}
.prism-title {
	background: white;
	font-size: 90%;
	display: inline-block;
	color: #333;
	letter-spacing: 0em;
	margin: 0px 0px;
	padding: 0px 15px 2px 15px;
	border: 1px solid #ccc;
	border-radius: 0px 5px 0px 0px;
}
.single-in-examples .prism-title {
/*		border:0px;	*/
}
.prism-title + div {
	margin-top:-1px;
}
.single-in-examples pre[class*=language-] {
/*		border:0px;	*/
}

body .token.atrule,
body .token.attr-value,
body .token.keyword {
	color:#5F249F;
}
body .token.operator,
body .token.entity,
body .token.url,
body .language-css
body .token.string,
body .style .token.string  {
	color:#006EB3;
	background:transparent;
}

body .token.function,
body .token.class-name {
	color:#307FE2;
}

body .token.property,
body .token.tag,
body .token.boolean,
body .token.number,
body .token.constant,
body .token.symbol,
body .token.deleted {
	color:#AD6433;
}

body .token.comment,
body .token.prolog,
body .token.doctype,
body .token.cdata {
	color:#aaa;
	font-style: italic;
}
body code[class*=language-],
body pre[class*=language-] {
	color:#111;
}
body .token.punctuation {
	color:#111;
}
body .line-numbers .line-numbers-rows {
	border:none;
}
body .line-numbers-rows > span:before {
	color:#ccc;
}