/*
Theme Name:  21ready
Theme URI: https://blogs.sch.gr
Author: Nts on Cti
Author URI: http://nts.cti.gr/
Description: Ένα απλό θέμα ιστολογίου, με μία στήλη μικροεφαρμογών στα δεξιά. Υποστηρίζει εικόνα κεφαλίδας.
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: accessibility-ready, post-formats, sticky-post,  one-column, two-columns, right-sidebar, fixed-layout, responsive-layout
Text Domain: 21ready
Tested up to: 6.2.3
Requires PHP: 5.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Based on Caroline Moore Spirit Theme

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


/* =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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
	background-image: url('images/canvas_bg_pattern.jpg');
	background-repeat: repeat;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
	letter-spacing:0.02em;
	word-spacing: 0.06em;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


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

body {
	position: absolute;
	width: 100%;
}
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, Arial, serif;
	/*font-family: 'Open Sans', Baskerville, serif;*/
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #111;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, Arial, cursive;
	      
	/*font-family: 'Open Sans',  cursive;*/
	font-weight: bold;
	letter-spacing: -1px;
	margin: .9em 0;
	text-shadow: 1px 1px 0 #fff;
	/*	text-transform: uppercase;*/
}
h1 {
	/*border-bottom: 1px dotted #e8603c;*/
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0 0 .9em;
}
h2 {
	color: #756251;
	font-size: 2.4px;
	font-size: 2.4rem;
	margin: 0;
}
h3 {
	color: #04c;
	font-size: 2.0px;
	font-size: 2.0rem;
	margin: 0;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	color: #756251;
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	color: #04c;
	font-size: 14px;
	font-size: 1.4rem;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.8em;
}

/* Text elements */
p {
	margin-bottom: 1.8em;
}
ul, ol {
	margin: 0 0 1.8em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.8em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.8em 1.8em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	border-left: 5px solid #e8603c;
	font-style: italic;
	padding: 0 1.8em;
}
address {
	font-style: italic;
	margin: 0 0 1.8em;
}
pre {
	background: rgba(49,179,196,.1);
	border: 1px dotted #756251;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	background: rgba(49,179,196,.1);
	border: 1px dotted #756251;
	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.8em;
	width: 100%;
}
td {
	border-bottom: 1px dotted #999;
	padding: 5px;
}
tr.alternate {
	background: rgba(0,0,0,.01);
}
th {
	border-bottom: 1px dotted #999;
	  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
	/*font-family: 'Open Sans', Helvetica, sans-serif;*/
	font-weight: bold;
	padding: 7px 5px;
	/*	text-transform: uppercase;*/
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	background-color: #756251;
	/*    background-image: url('images/texture-blue-dark.png');*/
	background-size: 60px auto;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Open Sans, Helvetica, Arial, sans-serif;
/*	font-family: 'Open Sans', Helvetica, sans-serif;*/
	font-weight: bold;
	/*	text-transform: uppercase;*/
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .5em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: .9;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	opacity: .7;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fff
		/*        url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	color: #000000;
	border: 1px dotted #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email],
input[type=password] {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color:#10786b;
	text-decoration: none;
}
a:visited {
	color:#10786b;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	opacity: .9;
}
.site-info a {color: #111; }

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

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


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

#page {
	width: 100% ;

	/*          background-position: top center;*/
	/*background-position-y: -130px;*/

	/*     background-image: url('images/header0.jpg');*/
	/*background-image: url('images/header.png');*/
	/*     background-position-y: 50px;*/
	/*background-repeat: repeat-x;*/
	/*background-color: #fef5f5;*/
	/*background-size: 60px auto;*/
	/*    min-height: 768px;*/
}

/*#page:before {
	content: "";
	display: block;
	background: url('images/sun.png') no-repeat;
	position: absolute;
	top: 10px;
	left: 130px;
	z-index: 10;
	width: 133px;
	height: 150px;}*/


#main,
#masthead {
	margin: 0 auto;
	max-width: 70em;
	position: relative;
	z-index: 10;
}
.header-image {
	margin: .9em auto;
	text-align: center;
}
#primary {
	float: left;
	margin: 0 -25% 3.6em 0;
	width: 100%;
}
.active-sidebar #content {
	margin: 0 28% 0 0;
}
.page-template-nosidebar-page-php #content,
.single-attachment #content,
#content {
	margin: 0;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: visible;
	width: 25%;
}
#secondary:before,
#secondary:after {
	content: "";
	display: table;
}
#secondary:after {
	clear: both;
}
#tertiary { /* Sidebar 2 */
	clear: right;
}
.site-footer {
	clear: both;
	position: relative;
	width: 100%;
	z-index: 4;
}


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

#masthead {
	padding: 3em 0 1.8em;
	position: relative;
	text-align: center;
	z-index: 15;
}
#masthead:before,
#masthead:after {
	content: "";
	display: table;
}
#masthead:after {
	clear: both;
}
.site-title {
	/*background-image: url('images/texture-blue-dark.png');
	background-color:#eb7754;*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	border-bottom: 0;
	/*color: #eb7754;*/
	color: #e34081;
	display: block;
	font-family: Georgia, serif;
	font-size: 55px;
	font-size: 5.5rem;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0 auto;
	opacity: 1;
	position:relative;
	text-align: center;
	text-shadow: none;
	/*text-transform: capitalize;*/
	width: 100%;
}
@-moz-document url-prefix() {
	.site-title {
		background-image: none;
	}
}
.site-title:before {
	background: none;
	color: transparent;
	content: attr(data-text);
	display: block;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 3px #fff;
	width: 100%;
	z-index: -1;
}
.site-title a:hover {
	opacity: 1;
}
.site-description {
	color: #000000;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, Arial, serif;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.1em;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;

	padding: 0 10px;
	position: relative;
	/*top: 15px;*/
	text-shadow:none;
}
.line-through {
	/*border-bottom: 1px dotted #e8603c;*/
	/*    border-bottom: 1px dotted grey;
		margin: -0px 0 15px;
		text-align: center;*/
}

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

.main-navigation {
	clear: both;
	display: block;
	float: left;
	margin: .9em 0;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.main-navigation li {
	display: inline-block;
	padding-right:10px;
	position: relative;
}
.main-navigation a {
	display: block;
	margin: 5px 5px;
	text-decoration: none;
	font-family:Georgia, sans serif;
	font-style:italic;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #04c;
}
.main-navigation ul ul {
	/*    background: #f0537b
						url('images/texture-transparent.png')
			;
		background-size: 60px auto;*/
	/*	border-top: 1px dotted #31b3c4;*/
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	float: left;
	opacity: 0;
	position: absolute;
	top: 2.5em;
	left: 0;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: hidden;
	text-align: left;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 160px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: visible;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

ul.sub-menu, ul.children {
	background: #FFF;
}
/* Small menu */
.menu-toggle {
	border-bottom: 0;
	clear: both;
	color: #756251;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	outline: none;
	padding-left: .75em;
	position: relative;
	width: 2.8em;
}
.menu-toggle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: .75em;
	height: 0.15em;
	background: #756251;
	box-shadow:
		0 0.25em 0 0 #756251,
		0 0.5em 0 0 #756251;
}
.main-small-navigation .menu {
	background: rgba(255,255,255,.9);
	/*	border-top: 1px dotted #31b3c4;*/
	display: none;
	margin: 0;
}
.main-small-navigation .menu > ul {
	margin: 0;
	padding: .9em 3.6em;
	text-align: left;
}


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

.sticky:before {
	content: "";
	display: block;
	/*	background: url('images/bird-right.png') no-repeat !important;*/
	background-size: 45px auto;
	position: absolute;
	top: 0;
	left: -30px;
	z-index: 10;
	width: 63px;
	height: 73px;
}
.hentry {
	background: rgba(255,255,255,.7);
	border: 1px dotted #dcf9d5;
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
}
.hentry:before{
	content: "";
	display: block;
	/*	background: url('images/bird.png') no-repeat;*/
	background-size: 45px auto;
	position: absolute;
	top: 0;
	left: -30px;
	z-index: 10;
	width: 63px;
	height: 73px;
}

.hentry:after {
	content: "";
	display: table;
}
.hentry:after {
	clear: both;

}
.entry-meta {
	clear: both;
	/*	font-variant: small-caps;*/
	margin: 1.8em 0 0;
	opacity: .8;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
}
.entry-meta:hover {
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-title,
.entry-title a {
	color: #111;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, Arial, serif;
	/*font-family: 'Open Sans', cursive;*/
	font-size: 20px;
	font-size: 2.0rem;

	font-weight: normal;
	letter-spacing: 0px;
	line-height: 26px;
	line-height: 1.5em;
	margin: 0;
	/*	text-transform: uppercase;*/
	text-shadow: 1px 1px 0px #fff;
}
.entry-title {
	border-bottom: 0;
}
.page-header {
	background: rgba(255,255,255,.5);
	/*border-top: 1px dotted #31b3c4;*/
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
}
.page-title {
	border-bottom: 0;
	color: #756251;
	margin: 0;
}
.entry-content,
.entry-summary {
	margin: .9em 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.8em;
}


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

.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.blog .format-link .entry-title,
.archive .format-link .entry-title,
.blog .format-quote .entry-title,
.archive .format-quote .entry-title,
.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}
.blog .format-aside.hentry,
.archive .format-aside.hentry {
	background: transparent;
	border-bottom: 1px dotted #756251;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.blog .format-aside .entry-meta,
.archive .format-aside .entry-meta {
	text-align: center;
}
.format-aside .entry-content,
.format-quote .entry-content {
	font-size: 20px;
	font-size: 2.0rem;
}


.widget ul li {
	list-style-type: none;
	padding-top:5px;
	/*margin-bottom:10px;*/
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;


}
.widget ul {
	margin:0px;
	line-height:19px;
}

.widget a {
	color:#111;
	font-size:110%;
}
/* =Media
----------------------------------------------- */

.site-header img,
.entry-summary img,
.entry-content img,
.header-image img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.entry-summary img,
.header-image img,
.comment-content img,
img[class*="align"],
img[class*="wp-image-"],
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
.entry-summary img,
img.size-full {
	max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background: #fff
		/*            url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-top: .9em;
	margin-bottom: .9em;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	padding: 2.5% 2.5% 0;
	max-width: 95%;
}
.wp-caption-text {
	font-style: italic;
	font-size: 85%;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: .9em 0;
}
.site-content .gallery {
	margin-bottom: 1.8em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

.site-info a {
 /*color:#ffffff !important;*/
}

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

#nav-above {
	display: none;
}
.site-content .site-navigation {
	clear: both;
	margin: 0;
	/*padding: 0 1.8em 1.8em;*/
	overflow: hidden;
}

.site-content .nav-previous,
.prev-image {
	float: left;
	width: 50%;
}
.site-content .nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.sep {
	margin: 0 3px;
}

.nav-previous a, .nav-next a {
	color:black;
	/*font-weight: bold;*/
}




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

.bypostauthor {
}
#comments {
	background: rgba(255,255,255,.6);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	padding: .9em 1.8em;
}
.form-allowed-tags {
	display: none;
}
.commentlist,
.commentlist ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist ul.children {
	margin: 0 0 0 1.8em;
}
.commentlist ul.children li:before {
	content: "";
}
li.comment,
.pingback,
.trackback {
	border-top: 1px dotted #756251;
	clear: both;
	margin: 1.8em 0 0;
	padding: 1.8em 0 0;
}
.commentlist > li.comment:first-child,
.commentlist > .pingback:first-child,
.commentlist > .trackback:first-child {
	border-top: 0 none;
}
.pingback p,
.trackback p {
	margin: 0;
}
.comment-author cite {
}
.comment-author .avatar {
	float: left;
	margin: 0 1.8em 0 0;
}
.comment-content {
	margin: 1.8em 0 0 76px;
}
.comment-meta {
	/*	font-variant: small-caps;*/
}
a.comment-reply-link {
	display: inline-block;
	float: right;
	margin: 0;
}
a#cancel-comment-reply-link {
	display: block;
	float: right;
	font-style: normal;
}
.required {
	color: #e8603c;
}
#respond {
	padding: 1.8em 0 0;
}
#reply-title {
	margin: 0;
}
.says {
	display: none;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	background: #fff
		/*            url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	border: 1px solid #eee;
	border-radius: 2px;
	margin: 0 0 .5em;
	padding: 5px 10px;
	position: relative;
	/*	font-variant: small-caps;*/
	max-width: 92%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	float: right;
	width: 84%;
}
.comment-form-comment textarea {
	clear: both;
	width: 100%;
}
.nocomments {
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	/*	font-variant: small-caps;*/
	text-align: center;
}


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

.widget {
	background: rgba(255,255,255,.9);
	/*	border-top: 1px dotted #31b3c4;*/
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	font-size: 90%;
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
}
.widget > ul,
.widget > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	color:#6c6eea ;
	letter-spacing:0;
	font-weight: normal;
	text-shadow: 1px 1px 0px #fff;
}

/* Search widget */
.search-icon {
	border: 0;
	color: #00c000;
	display: block;
	margin: -26px 0 0;
	opacity: .7;
	position: relative;
	left: 135px;
	width: 30px;
	height: 20px;
}
.search-icon:before {
	background: transparent;
	border: 3px solid #00c000;
	border-radius: 12px;
	content: "";
	display: block;
	margin: -8px 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
}
.search-icon:after {
	background: #00c000;
	content: "";
	display: block;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 55%;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 4px;
	height: 9px;
}
.search-icon:hover,
.search-icon:before:hover,
.search-icon:after:hover {
	opacity: .5;
}
.search-icon #searchsubmit {
	background: none;
	box-shadow: none;
	padding: 0;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* Calendar widget */
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	font-size: 16px;
	font-size: 1.6rem;
	/*font-variant: small-caps;*/
	font-weight: bold;
	margin: .9em 0;
	text-align: center;
}
#wp-calendar #next {
	text-align: right;
}
#wp-calendar #prev {
	text-align: left;
}


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

#colophon {
	clear: both;
	width: 100%;
}
.site-info {
	text-align: center;
	position: absolute;
	bottom: 20px;
	text-align: center;
	/*	font-variant: small-caps;*/
	width: 100%;
	z-index: 3;

}
.site-info:before {
	background: url('images/shoes_F.jpeg') no-repeat left bottom;
	/*opacity: 0.9;*/
	background-size: contain;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 754px;
	height: 634px;
	z-index: -1;
}

.site-info:after {
	background: url('images/watercolour_splash1.jpeg') no-repeat right bottom;
	/*opacity: 0.7;*/
	background-size: contain;
	content: "";
	display: block;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 700px;
	height: 263px;
	z-index: 2;
}
/*
#colophon:before {
	background: url('images/grass.png') repeat;
	background-position: 60px;
	background-size: 600px auto;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	bottom: 35px;
	width: 100%;
	height: 105px;
	z-index: 2;
			opacity:.9;
}
#colophon:after {
	background: url('images/triangle.png') repeat;
	background-size: 590px auto;
	content: "";

	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 105px;
	z-index: 2;
}*/



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

#grapes-1,
#grapes-2 {
	/*background-image: url('images/triangle.png');*/
	position: absolute;
	top: 100px;
	right: 0;
	width: 300px;
	height: 400px;
	zoom: 1;
}
#grapes-1 {
	background: url('images/triangle.png') ;
	background-repeat:no-repeat;
	background-position: right top;
	/*background-size: contain;*/
	content: "";
	/*opacity: .4;*/
	z-index: 4;
}
#grapes-2 {
	/*background-image: url('images/triangle.png');*/

	/*opacity: .6;*/
	z-index: 1;
}


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

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #nav-below {
	display: none;
}
#infinite-footer .container {
	background: rgba(255,255,255,.3);
	border: none;
}
#infinite-footer .blog-credits,
#infinite-footer .blog-credits a,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a,
#infinite-footer .blog-info a:hover {
	color: #756251;
}
#infinite-handle {
	min-height: 35px;
	padding: 15px 0 0;
	text-align: center;
}
#infinite-handle span {
	background: #756251;
}
.infinite-loader {
	margin: 10px auto;
	width: 34px
}
.sharedaddy:before,
.sharedaddy:after {
	content: "";
	display: table;
}
.sharedaddy:after {
	clear: both;
}


/* =Responsive Media Queries
----------------------------------------------- */

@media screen and ( max-width: 95em ) {
	#grapes-1,
	#grapes-2 {background:none;}
	.hentry:before {
		/*		background: url('images/bird-right.png') no-repeat;*/
		background-size: 45px auto;
		left: auto;
		top: 10px;
		right: 0;
	}
	body{
		background-image: url('images/canvas_bg_pattern70.jpg');
	}

	.site-info:before {
		background: url('images/shoes_F70.jpeg') no-repeat left bottom;
		background-size: contain;
		content: "";
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 528px;
		height: 444px;
		z-index: -1;
	}
	.site-info:after {
		background: url('images/watercolour_splash70.jpeg') no-repeat right bottom;
		/*opacity: 0.7;*/
		background-size: contain;
		content: "";
		display: block;
		position: fixed;
		right: 0px;
		bottom: 0px;
		width: 490px;

		z-index: 0;
	}


}

@media screen and ( max-width: 62em ) {
	.hentry:before {
		/*		background: url('images/bird-right.png') no-repeat;*/
		background-size: 45px auto;
		left: auto;
		top: 10px;
		right: 0;
	}
	#page:before {
		background:none;
	}
	.site-info:before {
		background-size:contain;
		/*background-position: 10px;*/
		width: 70%;
		left: 0;
		bottom: 0;
	}
	.site-info:after {
		background:none;
		width: 20%;
		left: 0;
	}



}

@media screen and ( max-width: 56em ) {
	.hentry:before {
		/*		background: url('images/bird-right.png') no-repeat;*/
		background-size: 45px auto;
		left: auto;
		top: 10px;
		right: 0;
	}
	#page:before {
		background:none;
	}

}

@media screen and ( max-width: 44em ) {

	#content,
	#secondary {
		clear: both;
		float: none;
		margin: 0;
		width: 100%;
	}
	#primary {
		margin-bottom: 0;
	}
	#secondary {
		margin-bottom: 3.6em;
	}
	.hentry,
	.widget,
	#comments {
		background: rgba(255,255,255,.8);
		margin: 0;
	}
	/*    .site-info:before {
			background-size:contain;
			background-position: 10px;
			width: 50%;
			left: 0;
		}*/

	.site-title,
	.site-title:before {
		font-size: 34px;
		font-size: 3.4rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 1.8em;
	}
	.line-through {
		border: 0;
	}
	.site-content .site-navigation {
		clear: both;
		margin: 0;
		padding: 1.8em;
	}



}