/*
 Theme Name:   Twenty Thirteen Child2
 Theme URI:    http://example.com/twenty-thirteen-child/
 Description:  Twenty Thirteen Stoory Theme2
 Author:       Stooryduster
 Author URI:   http://stooryduster.co.uk
 Template:     twentythirteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-thirteen-stoory
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin-ext');
@import url('../../../aa-mobile-stoory-01/aa-footer.css');
/*(still work to do)start My 2017 style for the yearly atchives to allow 3 columns. Will collapse to one column on mobile devices.*/
/*test*/
/*.ceo_comic_archive_dropdown_widget select, */.ceo_comic_archive_dropdown_widget form
/*, .ceo_comic_list_dropdown_widget select, .ceo_comic_list_dropdown_widget form*/
{
	margin: 0!important;/*over-rule comiceasel margin auto and width 180px style*/
	width: 150px!important;
}


.chapter-select select {
	padding: 2px 2px 2px 6px;
	background: white;
	color: #444;
	border: 1px solid #aaa;
	border-radius: 0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	margin-right: 0;
	margin-left: 0;
	border-top-color: #9b9b9b;
	border-bottom-color: #e8e8e8;
	border-left-color: #d5d5d5;
	border-right-color: #d5d5d5;
}
.postform select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #444;
}
.postform select::-ms-expand {
	display: none;
}
form.chapter-select:before {
	content: '';
	right: 0;
	top: 0;
	width: 22px;
/*	height: 12px;*/
	background: transparent;
	position: absolute;
	pointer-events: none;
	display: block;
	color: white;
	font-weight: bold;
}
.chapter-select { position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}
form.chapter-select:after {
	content: '▼';
	color: gray;
/*	-webkit-transform: rotate(90deg);*/
/*	-moz-transform: rotate(90deg);*/
/*	-ms-transform: rotate(90deg);*/
/*	transform: rotate(90deg);*/
	right: 0;
	border-left: 1px solid #aaa;
	position: absolute;
	pointer-events: none;
	width: 22px;
	padding: 2px 6px 2px 0;
	text-indent: 5px;
	top: 0;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: white;
}
@media screen\0 {
	label.dropdown:after {
		width: 38px;
		text-indent: 15px;
		right: 0;
	}
}
@media screen and (min--moz-device-pixel-ratio:0) {
	label.dropdown select { padding-right: 40px; }
	label.dropdown:before { right: 6px; }
	label.dropdown:after {
		text-indent: 14px;
		right: 6px;
		top: -5px;
		width: 36px;
	}
}


.comic-template-default .entry-content  p:first-of-type, .ceo_comic_blog_post_widget  p:first-of-type {
font-size: initial;	
color: black;
/*	line-height: 1.5em;*/
}
/*t*/est
#columncontainer {
	width: 100%;
}

#columncontainer table {
	border-collapse: initial;
}

.month-table {
	/*	min-width: 100%;*/
}

.month-table caption {
	font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	/*	height: 3em;*/
	margin-left: 2px;
	margin-top: 1em;
	white-space: nowrap;
	margin-top: 1px;
	margin-bottom: 0.5em;
}

table {
	min-width: 16em;
	font-size: 85%;/*ch to allow tables to change in line with body*/
}
/*remove padding-left when reduced to single column*/

.column01 {
	float: left;
	max-width: 33%;
	padding-right: 2em;
}

.column02 {
	float: left;
	padding-right: 2em;
	max-width: 33%;
}

.column03 {
	float: left;
	padding-right: 2em;
	max-width: 33%;
}

.month-table thead, .month-table tfoot {
	visibility: collapse;
}

.month-table .archive-date {
	/*		font-size: 0.8em;*/
	color: gray;
}

.month-table .archive-title {
	/*	font-size: 1em;*/
}

.month-table .archive-date, .month-table .archive-title a {
	white-space: nowrap
}
/*End my 2017 style re yearly archives*/


/*search page styling copied from tso 2017 stoory*/
/*****Seach*/
/*.search-results .content-area, .archive .content-area {
	width: 60%;
}*/

.page-title, .archive-title {
	font: 1.3em Georgia, "Times New Roman", Times, serif;/*ch font-size 18px to 1.2em*/
	font-weight: 300;
	font-style: italic;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 0 0 0!important;/*ch to padding 0 left and right overuling general style further down. Assess impact*/
	width: 100%;
	background-color: white;
}
/********sets size and font for page title - match to rest of site*/

.page-header, .archive-header {
	padding: 0!important;/*ch add to media 1032 query and mebbe remove important*/
}

.hentry {
	padding: 0.3em 0 0;
	margin-top: 0.2em
}
/*******reduces padding*/
/*mebbe not first two we'll see*/

.search .tag .entry-thumbnail img, .archive .entry-thumbnail img, .search-results .entry-thumbnail img {
	display: none;
	/*    margin: 0 auto 10px;*/
	/*    width: 100%;*/
	opacity: 1;
}/*hides the unnecessaries*/

.attachment-thumbnail {
	border: 1px dotted white;
}

.archive .entry-title, .search .entry-title {
	font-weight: normal;
	margin: 0 0 0 1em;
	font-size: 1.3em;
	/*    line-height: 0.5em;*/
}

.archive .entry-title .scotword, .search .entry-title .scotword {
	font-size: 0.8em;
	color: #948cc1;
}

.archive .comic:before, .search .comic:before {
    background: url(images/dotted-line.png) repeat left top;
        background-size: auto auto;
    background-size: 4px 4px;
    content: "";
    display: inline-block;
    height: 1px;
    width: 95%;
/*	border-bottom: 1px dashed silver;*/
	margin-left: 22px;
}
/********title of word (h1) <!--stoory added '||is_tag()||is_archive()' to get excerpts in archive and tag searches-->*/

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
	/*    max-width: 980px;*/
	padding: 0 370px 0 60px;
}

.entry-summary p {
	/*ch for search, tags and category small to keep tags-links up close */
	margin: 0;
	padding: 0;
}

/******remove padding and possibly tweak and set max-width to 100% then adjust if needed via parents*/
/******<!--	stoory moved entry-meta to here down from under entry-title.-->*/

p.comic-thumbnail-in-archive {
	display: block;
	float: left;
	margin: 6px;
}
/******didn’t need clear both or display block needed other two though,*/

.archive .entry-meta, .search .entry-meta {
	/*    border-bottom: 1px solid #dcdcdc;*/
	padding-bottom: 14px;
	text-indent: -0.5em;
	margin-left: 1em;
	padding-right: 2em;
}

.archive .entry-meta .tags-links a, .search .entry-meta .tags-links a {
	padding-bottom: 3px;
	padding-top: 3px;/*ch to make tags small for mouse*/
	padding-left: 6px;
}

.comic-template-default  .entry-meta1 .tags-links a {
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 95%;/*ch to make tags small for mouse*/
/*	line-height: 1.5em;*/
}

.archive .entry-meta1, .search .entry-meta1 {
	display: none; /*entry-meta1 was added to content.php to get tags in comic blog post.*/
}

.entry-meta {
	clear: both;
	font-size: 14px;
}

.archive footer.entry-meta, .search footer.entry-meta {
	display: none;
}

.comic-template-default .entry-meta {
	/*	top: 12px;*/
	/*	position: absolute;*/
	padding-right: 0.3em;
}

.entry-meta > span:last-child {
	margin-right: 0;
}
/******Archives
*****Tags
*****Check rollover transparent and focus for thumbnails
*****Check entering style for images 
*****Check how to shorten excerpt
*****Title has strong around Word in PHP file check*/




/*end search page styling*/
/*styling for mobile select form list, some works but watch width overide from comiceasel*/
/*select {
  margin: 50px 50px 50px 12px;
  border: 1px solid #111;
  background: transparent;
  width: 150px;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;
}


/* CAUTION: IE hackery ahead *!/


select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 *!/
}
/*end styling for mobile selectfrom list*!/

/* target Internet Explorer 9 to undo the custom arrow *!/
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}*/
/*additions to try setting word blog pages.*/
/*long sidebar solution from https://premium.wpmudev.org/forums/topic/twentythirteen-overlaps-footer		*/

.comic-template-default #primary.content-area {
	/*		width: 68%;*/
	/*		float: left;*/
	padding-right: 1em;
}

.site-main .sidebar-inner {
	margin: 0;
	max-width: 1040px;
/*		border: 1px dotted blue;*/
	/*	this is what makes sidebar stuff jump when compressed - copied from master to solve that one problem*/
}

.site-main .sidebar-container, .comic-template-default .site-main .sidebar-container {
	position: static;/*ch this to get footer to see it and go below it*/
	float: right;
	/*		width: 30%;*/
	/*		height: 100%;*/
	/*		border: 1px solid red;/*ch tempfoot test*!/*/
	margin: 0;
	padding: 0;
}

/*.comic-template-default .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
	/*		padding: 0;*!/
}*/
/*end long sidebar solution*/

.comic-template-default #primary {
	max-width: 50%;/*search fixes - ch from w to max-w*/
	float: left;
	/*	border: 1px dotted #f71c1c;*/
}

.archive #primary, .search #primary {
	max-width: 70%;/*archive and search fixes not comic - ch from w to max-w*/
	float: left;
	/*	border: 1px dotted #f71c1c;*/
}

.comic-template-default #tertiary {
	max-width: 50%;
	height: auto;
	/*	border: 1px dashed #3c1010;*/
	/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
	padding-right: 12px;
/*	border: 1px solid red;*/
}

.archive #tertiary, .search #tertiary {
	max-width: 30%;/*archive and search fixes not comic - ch from w to max-w*/
	height: auto;
	top: 0;
	right: 0;
	padding-right: 12px;
}

.archive #main, .search #main/*, .comic-template-default #main */ {
	/*	border: 1px solid green;ch tempfoot test*/
	overflow: hidden;/*ch from premium.wpmudev site css solution - needed to stretch parent container since children are floated*/
	/*ch tempfoot test*/
	padding-top: 12px;
}

.search .site-main .sidebar-container {
	/*    height: auto;*/
	margin: 0 auto;/*ch overuling parent css for search*/
	/*    max-width: 604px;*/
	/*    position: relative;*/
	/*    top: 20px;*/
}
/*.comic-template-default .site-footer:before, .comic-template-default .site-footer:after {
	content: "";
	display: table;
	
}
.comic-template-default .site-footer:before {
clear: both;	
}*/
/*attempt to get rid of padding due to static position and floats to get footer to move down the page.*/

/*.comic-template-default .site-main {
	/*	max-width: 100%;*!/
	/*position: relative;*!//*ch from relative to absolute (remember it stops the thumbnails 'latest' being inline on narrower sizes)*!/
}*/

/*.comic-template-default .sidebar-container {
	/*	height: calc(100vh +1px);*!/
	/*border: 1px solid red;*!//*ch tempfoot test*!/
}*/

/*.comic-template-default .site-main .sidebar-container {
	/*	max-width: 100%;*!/
	/*	margin: 0!important;*!/
	/*	padding: 0!important;*!/
	/*	float: right;*!/
	/*	max-width: 100%;/*ch from 604px to 100%*!/*!/
	/*	position: relative;/*ch from relative to absolute (remember it stops the thumbnails 'latest' being inline on narrower sizes)*!/*!/
}*/

.archive .paging-navigation, .search .paging-navigation {
	display: none;
}
/* pagination navigation for categories etc.*/
/*wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme (added to search, tags and categories plus styles/ - replaces the twentythirteen post navigation.*/

.ppnavigation li a, .ppnavigation li a:hover, .ppnavigation li.active a, .ppnavigation li.disabled {
	color: #fff;
	text-decoration: none;
	background-color: #948cc1;
}

.ppnavigation li {
	display: inline;
}

.ppnavigation li a, .ppnavigation li a:hover, .ppnavigation li.active a, .ppnavigation li.disabled {
	background-color: #6FB7E9;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.ppnavigation li a:hover, .ppnavigation li.active a {
	background-color: #3C8DC5;
}
/*end pp navigation*/

.archive .sidebar-container, .search .sidebar-container, .comic-template-default .sidebar-container {
	top: 12px/*!important*/;
}

.comic-template-default .site-content {
	/*	max-width: 50%!important;*/
	/*	padding-right: 1em;*/
}

.comic-template-default .entry-header {
	/*	margin: 0!important;*/
	padding: 0; /*!important*/
	/*	float: left!important;*/
	/*	width: 100%!important;*/
}

/*.comic-template-default .entry-title, .comic-template-default .entry-meta {
/*	margin-left: 12px;*!/
}*/

.comic-template-default .entry-thumbnail img {
	/*margin: 0;*//*!important*/
/*	removed margins 0 to center smaller images, tidy up comments here*/
	/*padding: 0;*//*!important*/
	/*	float: left!important;*/
	max-width: 100%;/*!important*/
/*			border: 1px dashed orange;*/
		
	
}

.comic-template-default .entry-content {
	/*	width: 25%;
	margin: 0;
	padding: 0;
	float: left;*/
	display: none;
}

.comic-template-default .site-footer {
	width: 100% /*!important*/;
	/*	float: left!important;*/
	clear: both;
	/*	display: block;*/
	padding-top: 12px/*!important*/;
	margin-top: 12px;
}

.archive .widget, .search .widget, .comic-template-default .widget {
	margin: 0 0 1.5rem !important;
	padding: 0/*!important*/;
}

.sidebar .comment-list {
	padding: 0;
}

/*.comic-template-default .widget-area {
	/*	width: 100% !important;*!/
	/*	float: right;*!/
	/*	margin-right: 60px;/*ch made it change for smaller than media query 1068px*!/
}*/

.archive .post-navigation, .search .post-navigation, .comic-template-default .post-navigation {
	/*	float: left!important;
	width: 100%;*/
	padding-top:0;
	font-size: 1em;/*ch from master sheet*/
	line-height: 1.5em;/*ch set to standard*/
}

.sidebar .post-navigation .nav-links {
	/*	adjust padding for before and after pages*/
	padding-right: 0.2em;
	padding-left: 0.2em;
			/*ch for comments in comic blog*/
	/*ch for comments in comic blog*/
	padding-top: 0.5em;
}

.comic-template-default .sidebar .post-navigation .nav-links, .comic-template-default .comic-post-widget-header {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	color: #948cc1;
	margin-bottom: 0em; /*at -0.3em to get header The Scottish Word: closer to the 'word' below. - no longer required*/
}
/*for previous next random etc.*/
.nav-links{
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
.post-navigation a[rel="next"] {
    float: right;
    text-align: right;
/*    max-width: 32%;*/
}
.post-navigation a[rel="prev"] {
    float: left;
    text-align: left;
/*    max-width: 32%;*/
}
/*.post-nav22{
/*	max-width: 32%;*!/
}*/
.nav-links .meta-nav {
	border: 1px solid silver;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 2rem;
}
.nav-links a{
/*	border: 1px solid silver;*/
}
.normal {/*what does it affect so far: post-nav*/
	font-family: inherit;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

/*for previous next random etc.*/

.comic-post-widget-title {
	font-size: 1.5em;
	margin-top: 0;/*margin and padding zero to remove space after scottish word:*/
	padding-top: 0;
}

.comic-template-default .comment-reply-title, .comic-template-default .comments-title, .comic-template-default .must-log-in, .comic-template-default .comment-navigation {
	padding: 0 12px;
}
/*form screws up navbar menu - find another solution*/

/*.comic-template-default .comment-form form {
	/*	width: 100%!important;*!/
	/*might not need form will not be so thin - problem is this 'width: calc(100% - 120px);'.*!/
}*/

/*.comic-template-default #comments {
	/*	float: left!important;
		width: 100%!important;*!/
	/*	padding: 0 1em 0 0 !important;*!/
	/*	margin: 0 1em 0 0 !important;*!/
}*/

.comic-template-default .comments-area {
	border-top: 4px double silver;
			
	/*		might move to around line 772 'comments-area' to be in general use throughout site*/
}

.comment-form, .comic-template-default .comment-form {
	max-width: 100%/*!important*/;
	/*	margin: 1em !important;*/
	padding: 1em /*!important*/;
	/*	width: 75%!important;*/
}

.comment-respond, .comic-template-default .comment-respond {
	max-width: 100%/*!important*/;
	margin: 1em 1em 0 0 /*ol has a 16px top margin - needs to match on comment-respond to avoid blue strip showing at top of comments */
	/*padding-top: 0.5em*/ /*!important*/;
	padding-bottom: 0.5em /*!important*/;
	padding-left: 0 /*!important*/;
	background-color: #f4fafe;
}
.widget{
	overflow: hidden;/*might have other consequences rather than just hiding edge of thumbnail overflow*/
}
.comic-template-default .site-main .widget-area {
	width: 100%;
	/*	float: left;*/
	margin-top: 12px;
/*	border: 1px dotted silver;*/
}

.archive .site-main .widget-area, .search .site-main .widget-area {
	width: 100%;
	/*	the same*/
	padding-top: 2.5rem;/*to drop down caategories and language on search pages*/
}
.comic-post-widget-date{
	color: gray;
	font-style: italic;
	font-weight: lighter;
}

.comic-template-default #google-translate {
/*	display: none;*/
	/*to get it to come right after comic text entry - keep an eye on it*/
	width: 35%;
	float: left;
/*	border: 1px solid silver;*/
}
#google_translate_element{
	float: left;
}


.comic-template-default .ceo_thumbnail_widget {
	/*	display: block !important;*/
	float: left;/*!important*/
	max-width: 35%;/*!important*/
	/*	margin-right: 12px;*/
/*	border: 1px dashed orange;*/
	display: block;
}

/*.archive .ceo_thumbnail_widget, .search-results .ceo_thumbnail_widget {
	max-width: 35%;/*ch for these but not for comic*!/
}*/

.ceo_comic_blog_post_widget, .comic-template-default .ceo_comic_blog_post_widget {
	max-width: 65%;/*!important*/
	float: left;
	padding-right: 1.5rem;
/*	border: 1px dotted maroon;*/
	display: block;
}

/*.search .ceo_comic_archive_dropdown_widget, .archive .ceo_comic_archive_dropdown_widget {
	/*	max-width: 100%;/*ch for these but not for comic*!/*!/
}*/

.comic-template-default .ceo_comic_archive_dropdown_widget/*, .comic-template-default .ceo_comic_archive_dropdown_widget select, .comic-template-default .ceo_comic_archive_dropdown_widget form, .comic-template-default .ceo_comic_list_dropdown_widget form */{
	/*	display: none!important;*/
/*		max-width: 35%;*/
	float: left;
	width: 35%!important;/*very important - parent is in comic-easel css - to help it fit in column on desktops otherwise too wide margins from 180px to 130px to 120*/
	/*	margin-right: 12px;*/
/*	border: 1px dotted green;*/
	display: block;
}
.comic-template-default .ceo_comic_list_dropdown_widget select{
	
}
.ceo_comic_archive_dropdown_widget select, .ceo_comic_archive_dropdown_widget form, .ceo_comic_list_dropdown_widget select, .ceo_comic_list_dropdown_widget form {
/*		width: 130px!important;*/
/*	margin: 0 1px !important;*/
	/*parent is in comic-easel css - to help it fit in column on desktops otherwise too wide margins from auto to 0 left and right - adjust font and padding in select style*/
}
.select{
	border-radius: 0px!important;
}
.comic-template-default footer.entry-meta {
	margin-top: 0;/*ch empty footer in comic blog*/
}

.widget a, .navigation a, .entry-meta a {
	color: #1e73be;
}

.widget a:hover, .navigation a:hover, .entry-meta a:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(34,102,153,.58);
	color: hsl(199, 80%, 60%);
	outline: 0;
	text-decoration-color: rgba(34,102,153,.58);
}


.ceo_thumbnail_widget .widget-title{
/*	display: inline;*/
	padding-bottom: 1.5em;
}
/*.comic-template-default .widget-title{
	display: none!important;
}*/
.attachment-thumbnail/*, img.wp-post-image*/.widget img{
		width: 150px;/*ch added to control width of thumbnails from max-width to width to keep relative title in contact*/
		max-width: inherit;
}
.rand-comic-wrap img.wp-post-image{
	max-width: 150px;
}
.attachment-thumbnail:hover {
	-moz-opacity: 0.6;
	opacity: 0.60;
	-khtml-opacity: 0.6;
	border: thin dotted black;
}

.comic-template-default .wp-post-image {
	max-width: 150px;/*!important*/
	height: 100%;/*!important*/
}
/*.comic-thumb-wrap{
	max-width: 100%;
	height: auto;
}*/

/*end additions to try setting word blog pages.*/

html {
	font-family: 'Titillium Web', Arial, Helvetica, Geneva, sans-serif;
	/*height: 100vh;*//*ch tempfoot test set height*/
	font-size: 90%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 90%;
	-ms-text-size-adjust: 90%;
	margin-left: 6px;
	
}

body {
	/*	font-family: 'Titillium Web', Helvetica, Arial, Geneva, sans-serif;*/
	/*ch commented out because set in html*/
	color: #3f3f46;
	line-height: 1.5;
	margin: 0 0 0 6px;
	/*background-color: #fcd5d5;*//*ch tempfoot test*/
/*	font-size: 85%;*/
}

/*My alterations to tweak site layout. Down to 'Basics transfered'*/

h2.site-description {
	/* sits on top of the banner ill - moved out of being set as display none - in with site-title and given styles - changed 16px to 1em*/
	display: inline;
	background: rgba(255, 255, 255, 0.7);
	/*	padding-right: 12px;*/
	/*	padding-left: 24px;*/
	top: 128px;
	position: relative;
	color: rgba(0, 153, 204, 0.8);
	font-size: 1.3em;/*ch font size purge - left it alone - no 14px changed to 1em*/
	line-height: 14px;
}

#page {
	/*check out how I can get this to work another way*/
	background: url("/../../aa-mobile-stoory-01/img/wordill.jpg") 0 6px no-repeat scroll;
	background-size: auto 650px;/*ch tempfoot test bck col from ffff to none*/
	/*    font-size: 1em;/*changed from 12 to 13 & now to 1em*!/*/
	padding-left: 38px;
	/*    width: 100%;*/
	max-width: 980px;
	margin: auto;
}
/*.hentry {
	padding: 12px 0 0;/*ch padding bottom 40 to 12*!/
}*/

.entry-header {
	margin-bottom: 1px;/*ch no bottom padding 30 to 1*/
}

/*Basics transfered from parent listed here with 'ch' down to beginning of media queries.*/
/* taken from page source code*/

.site-header {
	background: url("/images/strip3.jpg") no-repeat scroll top!important;
	/* 			background-position: top right;*/
	background-size: 100%;  /*auto*/ /*!important*/;/*ch*/
	/* 				position: right: 1px;*/
}
/* 		@media (max-width: 767px) {
 			.site-header {
 				background-size: 8px auto;
 			}
 		}
 		@media (max-width: 359px) {
 			.site-header {
 				background-size: 360px auto;
 			}
 		}
 			.site-title,
 		.site-description {
 			position: absolute;
 			clip: rect(1px 1px 1px 1px); /* IE7 *!/
 			clip: rect(1px, 1px, 1px, 1px);
 		}*/
/*.site-header {
	position: relative;
}*/

.site-header .home-link {
	color: #141412;
	display: block;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 155px;/*ch 230 to 35px now to 155px bigger in media queries*/
	padding: 0 20px;
	text-decoration: none;
	width: 100%;
}

/*.site-header .site-title:hover {
	text-decoration: underline;
}*/
/*end page source code*/

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}/*this is clipped at 1px in html pages*/

/*.site-description {
	font: 300 italic 24px Titillium, Helvetica, Arial, sans-serif;
	margin: 0;
}*/

/* Navbar */

.navbar {
	background-color: #f4fafe;/*ch*/
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 1px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}
/*navbar end*/
/*navigation - #db572f changed to white*/

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
	background-color: #ffffff;/*ch*/
}
/*colour h tags move bitter down one*/
/*change these to stoory colours*/
a {
	-webkit-text-decoration-color: hsla(199, 100%, 24%, 0.2 );
	background-color: transparent;
	color: #1e73be;
	text-decoration: underline;
	text-decoration-color: hsla(199, 100%, 24%, 0.2 );
	transition: all .2s ease;
}

a:visited {
	color: #ac0404;
}

a:focus {
	outline: thin dotted;
	border-width: 1px;
	border-color: maroon;
}
a.swop{
	transition: all .0s ease;
}
.glossphon a:hover{
	color: purple;
}


a:hover {
	-webkit-text-decoration-color: rgba(34,102,153,.58);
	color: hsl(199, 80%, 60%);
	outline: 0;
	text-decoration-color: rgba(34,102,153,.58);
	/*	text-decoration: underline;*/
}
/*a {
	color: #1e73be;/*ch*!/
	text-decoration: none;
	background-color: transparent;/*ch*!/
}

a:visited {
	color: #ac0404;/*ch*!/
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	color: purple;/*ch*!/
	outline: 0;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: purple;
	text-decoration: underline;
}*/

p {
	margin: 0 0 1.5em;
}

.entry-content a, .comment-content a, .entry-title a {
	color: #1e73be;
}
.entry-content a:visited, .comment-content a:visited, .entry-title a:visited {
	color: #ac0404;/*ch*/
	text-decoration: none;
}
.entry-content a:hover, .comment-content a:hover, .entry-title a:hover {
/*	color: purple;*/
-webkit-text-decoration-color: rgba(34,102,153,.58);
color: hsl(199, 80%, 60%);
outline: 0;
text-decoration-color: rgba(34,102,153,.58);
}



.comment-content p:last-child {
	margin-bottom: 0.5em;
}

.comment-metadata {
	margin-bottom: 0em;
}
/*.comment-content p:first-child{
	margin-top: 0em;
}*/

.comment-body {
	padding-top: 0;
}
/*Constantly check this to see if it has unintended consequences - for headings at top of content - makes space between title and tags - removed*/
h1.entry-title{
	margin-bottom: 1.5rem;
}
.comic-template-default h1.entry-title{
	margin-bottom: 0rem;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child {
	padding-top:0;
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	/*edited*/
	clear: both;
	font-family: Georgia, "Times New Roman", Bitter, serif;/*ch*/
	line-height: 1.5rem;/*must have to counter parent style sheet*/
	color: red;
	font-weight: normal;
	font-style: normal;
	
}
#sidebar1z, #sidebar2z{/*remove on narrower single col. media*/
	margin-top: 3rem;
}
#mainContentz > h2:first-child, #mainContentz > h3:first-child, #mainContentz > h4:first-child/*, #sidebar1z h2:first-child, #sidebar1z h3:first-child, #sidebar1z h4:first-child , #sidebar2z h2:first-child, #sidebar2z h3:first-child, #sidebar2 h4:first-child*//*, #mainContent h2:first-child, #mainContent h3:first-child, #mainContent h4:first-child, #sidebar1 h2:first-child, #sidebar1 h3:first-child, #sidebar1 h4:first-child , #sidebar2 h2:first-child, #sidebar2 h3:first-child, #sidebar2 h4:first-child*/{
	padding-bottom: 1.5rem;
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	/*edited*/
	clear: both;
	font-family: Georgia, "Times New Roman", Bitter, serif;/*ch*/
/*	line-height: 1.5rem;*/
	color: red;
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 1.5rem;
/*	margin-top: -0.1rem;*/
	color: red;/*ch*/
/*	margin-bottom: -0.4rem;*/
/*	line-height: 1.em;*/
}

h2 {
	font-size: 1.4rem;
	/*	margin:0 0;*/
	color: red;
	text-indent: 1px;
	/*	line-height: 1.5em;*/
	margin-top: 0rem;
	line-height: 1.5rem;
	margin-bottom: 0rem;
}

h3 {
	font-size: 1.2rem;/*ch*/
	/*	line-height: 1.5em;*/
	margin-top: 1rem;
/*	margin-bottom: -0.25rem;*/
	padding: 0;
	/*	line-height: 1.5em;*/
	line-height: 1.5rem;
	margin-bottom: 0rem;
}

h4 {
	font-size: 1.1rem;
	margin: 1.5rem 0 0;
		
		
		/*	line-height: 1.5em;*/
	line-height: 1.5rem;
}

h5 {
	font-size: 0.8rem;
	margin:0 0;/*ch reduced from 30 0 to 0 0*/
}

h6 {
	font-size: 0.8rem;
	margin:0 0;/*ch reduced from 36 0 to 0 0*/
}


/*h1 {
	font-size: 1.5em;
	margin-top: -0.1em;
	color: red;/*ch*!/
	margin-bottom: -0.4em;
}

h2 {
	font-size: 1.3em;
	/*	margin:0 0;*!/
	color: red;
	text-indent: 1px;
	/*	line-height: 1.5em;*!/
	margin-bottom: -0.32em;
}

h3 {
	font-size: 1.2em;/*ch*!/
	/*	line-height: 1.5em;*!/
	margin-top: 0em;
	margin-bottom: -0.25em;
	padding: 0;
	/*	line-height: 1.5em;*!/
}

h4 {
	font-size: 1em;
	margin:0 0;/*ch reduced from 28 0 to 0 0*!/
	/*	line-height: 1.5em;*!/
	margin-bottom: 0em;
	margin-top: 1.5em;
}

h5 {
	font-size: 0.8em;
	margin:0 0;/*ch reduced from 30 0 to 0 0*!/
}

h6 {
	font-size: 0.8em;
	margin:0 0;/*ch reduced from 36 0 to 0 0*!/
}*/

.entry-title {
	font-weight: normal;
	margin: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*to get all headings to be to the left, watch for unintended consequences.*/

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
	max-width: 1040px;
	padding: 0 12px 0 12px; /*ch 0 376 0 60 to 0 12 12*/
}

/*phonetic text style*/

.phono {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5em;
	border: 1px solid silver;
	padding: 0 3rem 0 0.75rem;
	margin-top: 0;
/*	margin-bottom: 1em;*/
	display: inline-block;
	line-height: 1.5em;
}

/* Buttons */

button, /*remodelled to remove red box*/
input[type="submit"], input[type="button"], input[type="reset"] {
	background: #bebad4;
				/* Old browsers */
	 /* Chrome 10+, Safari 5.1+ */
	 /* W3C */
	border: none;
	border-bottom: 1px solid silver;
	border-radius: 2px;
	color: #141412;;
	display: inline-block;
	/*	padding: 11px 110px 10px 66px;*/
	text-decoration: none;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	background: -webkit-linear-gradient(top, #948cc1 0%, #1e73be 33.5%, #4d7cbf 70.6%, #948cc1 100%) #d6e6fb;
	background: linear-gradient(to bottom, #948cc1 0%, #1e73be 33.5%, #4d7cbf 70.6%, #948cc1 100%) #d6e6fb;
	/* Chrome 10+, Safari 5.1+ */
	 /* W3C */
	outline: none;
	outline: none;
	color: white;
}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	background: -webkit-linear-gradient(top, #e55627 0%, #ac0404 32%, #ac0404 69.5%, #e55627 100%) #ed6a31;
	background: linear-gradient(to bottom, #e55627 0%, #ac0404 32%, #ac0404 69.5%, #e55627 100%) #ed6a31;	

																		/* Old browsers */
	 /* Chrome 10+, Safari 5.1+ */
	 /* W3C */
	outline: none;
	color: white;
		/*	removedpadding: 10px 24px 11px;*/
	/*padding commented out to stop button expanding on submit in the nav bar when I made it so that the text field input expanded*/
	border-top: 2px solid white;
}

/** 4.2 Navigation
 * ----------------------------------------------------------------------------
 *!/*/

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
	color: #1e73be;/*ch*/
}

ul.nav-menu, div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
	color: #1e73be;/*ch*/
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #1e73be;/*ch*/
	display: block;
	/*	font-size: 15px;*/
	/*	line-height: 1;*/
	padding: 15px 20px;/*should ch from 15 20 to 8 12*/
	text-decoration: none;
	letter-spacing: 1px;
	min-height: 44px;
	background-color: #f4fafe;/*ch*/
}

.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
	background-color: white;/*ch*/
	color: purple;/*ch*/
	text-decoration: underline;
}

.nav-menu .sub-menu, .nav-menu .children {
	background-color: #f4fafe;/*ch from fffff to #f4fafe;*/
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul, .nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a, .nav-menu ul ul a {
	color: #1e73be;/*ch*/
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
	background-color: #ffffff;/*ch*/
}

ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color: #bc360a;
	font-style: italic;
}

.menu-toggle {
	display: none;
}/*was temp commented out until media queries added at end*/

/* Navbar */

.navbar {
	background-color: #f4fafe;/*ch*/
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 1px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
	color: #1e73be;
}
/**
/* Comment form */

.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 1em;
	    /*padding-right: 25%;*//*ch to keep form not too wide but change after 999 media*/
	/*	all this copied from parent master css but only need comment-form keep an eye on others*/
}

.sidebar .comment-respond .comment-form {
	padding-right: 25%;
	/*	added after above style to apply padding left to only the comment form*/
}

.comments-area {
	max-width: 500px;
}

/*ch to get headers in Georgie*/

.sidebar .comments-title/*, .sidebar .comment-list*/, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation/*, .sidebar .comment-respond .comment-form*/ {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.sidebar .comment-list {
	padding-left: 1px;
}

.comment-respond {
	background-color: white;/*ch*/
	/*	padding: 30px 0;*/
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 0 20px 20px;
}

.comment-reply-title {
	/*edited*/
	font: italic 300 18px Georgia, "Times New Roman", Times, serif;
}

.comments-area .comments-title {
	padding-left: 0;
	border-bottom: 1px dotted gray;
	font-size: 1.4em;/*ch from 1.8 to 1.4em*/
	color: #ac0404;
	line-height: 1.5em;
}

/*.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}*/

/*.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}*/

/*.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}*/

/*.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}*/

/*.comment-form .comment-notes {
	margin-bottom: 15px;
}*/

/*.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}*/

.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
	/*	float: left;*/
	/*	padding: 5px 0;*/
	width: 100%; /*ch 120px down to 4em now up to 100% all sizes (remove small media versions*/
}

.comment-form-comment {
	padding: 0;
	margin: 0;
}

.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
	margin-bottom: 8px;
}
/*edited [for="author"] stuff out as must be in master sheet*/
/*.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
	float: left;
	padding: 0;
	width: 100%;
}*/
/*.comment-form .required {
	color: #ed331c;
}*/

/*.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}*/

/*.comment-form textarea {
	width: 100%;
}*/

/*.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}*/

/*.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}*/

/*.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}*/

/*.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}*/

.no-comments {
	background-color: #ffffff;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 15px 0;/*reduced padding top and bottom from 40 to 15*/
	text-align: center;
}

/*.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}*/

/*end comment*/

/*Twitter*/
/*.twitter-timeline {
	width: 100px;
	max-width: 100px!important;
}*/


/*End Twitter*/
/*for my stoory general links page*/

.mylinks33 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-width: 12em; /* Chrome, Safari, Opera */
	-moz-column-width: 12em; /* Firefox */
	column-width: 12em;
	column-gap: 3em;
}
.mylinks33 li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin-top: 0;
	border-top: 1pt dashed gray;
/*	padding-top: 1.5em;*/
	padding-bottom: 1.5em;
}
.mylinks33  {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


/*end general stoory links page*/

/*sitemap and 404 page*/
/*site map styles plus see table at line 497*/

#sitemap ul, #quiz ul {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-width: 15em; /* Chrome, Safari, Opera */
	-moz-column-width: 15em; /* Firefox */
	column-width: 15em;
	column-gap: 2.5em;
}
/*table font size entered because twentythirteen sets it to 14pt but it won't le columns work if above 14pt for some reason*/
/*table{
	font-size: 1em;
}*/

/*#sitemap, #quiz{
	padding-left: 6px;
}*/
/*#sitemap table, #quiz table {
	max-width: 650px;

}*/

#sitemap li a, #sitemap li a:visited, #sitemap li a:hover {
	letter-spacing: normal;
	margin:0;
	padding:0;
	color: #1e73be;
}

#sitemap li a:hover {
	color: purple;
}

#sitemap li a:visited {
	color: #ac0404;
}

#sitemap li a:visited:hover {
	color: red;
}

#sitemap ul, #quiz ul {
	list-style-type: none;
	margin-top:0;
	margin-right:0;
	margin-bottom: 1.5em;
	margin-left:0;
	padding:0 0 0 6px;
	max-width: 650px;
}

#sitemap li, #quiz li {
	/*changed from font size 11px and line height 14px text-indent from -6px*/
	padding-bottom: 1.5em;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: -1em;
	padding-left: 1em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

#sitemap h3 {
	padding-bottom: 1.5em;
}

.error404 .page-wrapper {
	background-color: white;
}

/*#sitemap ul, #quiz ul {
	list-style-type: none;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding:0;
}
#sitemap li, #quiz li {
/*changed from font size 11px and line height 14px text-indent from -6px*!/
	padding-bottom: 0.7em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 1em;
	line-height: 1.2em;
	text-indent: -1em;
	padding-left: 1em;
}*/

/*#sitemap tr{
	width: 240px;
}*/
/*end sitemap*/




/*search stuff for sitemap and 404*/

#site-navigation .searchform {
	position: absolute;
	right: 35px;
	top: 4px;
}

.widget {
	font-size: inherit;
	/*	ch from 14pt to inherit to counter parent css sheet - OK this worked*/
}

.widget .widget-title, .comic-thumb-title, .comic-thumb-title a {
	color: #948cc1;
	display: block;
	font: 1em Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	
}
.comic-thumb-title{
	bottom: 165px;
	position: relative;
}
.widget .widget-title{
		    padding: 0 0 0;/*ch 6px bott to 0*/
	margin-bottom: 0;/*added to counter parent sheet*/
}
.ceo_thumbnail_widget .widget-title{
/*	display: inline;*/
	padding-bottom: 1.1em;/*to allow moving up of thumbnail titles, try mergin with above?*/
}

/*.ceo_comic_archive_dropdown_widget .widget-title{
	margin-bottom: 0;
	padding-bottom: 3px;
}*/
/*displaypost.php has <i>The Scottish Word:</i> added*/

.searchform button {
	background: url(/blog/wp-content/themes/twentythirteen-stoory/images/nav/default/searchw.png)0 0px no-repeat white;
	border-radius: 0;
	color: #e3d3e7;
	text-shadow: 0 0;
	height: 26px;
	width: 27px;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	border: 1px solid silver;
	padding: 0;
}

.searchform button:hover {
	float: left;
	background: url(/blog/wp-content/themes/twentythirteen-stoory/images/nav/default/searchw.png) 0 -28px no-repeat white;
}

.textwidget .searchform button:hover {
	margin-bottom: 18px;/*margin added to stop meta div under the button coming up when button is hovered over*/
}

.searchform .widget-title {
	/*for sitemap and 404 page*/
	padding: 3px 0 0;
}
h2.widget-title, h2.widget-title a, .widget-title {
    color: #948cc1 ;
    display: block;
    font: italic 14px Georgia, "Times New Roman", Times, serif;
    padding: 0 0 6px;
}

.menunav-search button {
	height: 26px;
	border-style: solid;
}

.menunav-search .s-search {
	height: 18px;
}

#comment, #author, #email, #url, .s-search, .comicpress_control_panel_widget input {
	background: none 0 0 repeat scroll white;
	border: 1px solid silver;
	border-radius: 0;
	color: black;
	font-family: "Verdana",sans-serif;
	font-size: 13px;
	padding: 2px 2px 4px;
}

.s-search {
	float: left;
	height: 26px;
	margin: 0 0;
	width: 140px;
}

input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: gray;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	color: gray;
}

input:-ms-input-placeholder {
	/* IE 10+ */
	color: gray;
}

input:-moz-placeholder {
	/* Firefox 18- */
	color: gray;
}

input, textarea {
	font-family: "Arial",sans-serif;
	font-size: 13px;
}
/*end search stuff*/

/*hyphens all changed from auto to none and entry-content added to top*/

.widget, .entry-content {
	background-color: transparent;/*ch*/
	/*    font-size: 14px;*/
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
/*	margin: 0 0 24px;*/
/*paragraph at bottom of post makes a gap*/
	padding: 20px;
	word-wrap: break-word;
}
/*lose black background, make text black instead of white*/

.site-footer .sidebar-container {
	background-color: transparent;/*ch*/
	padding: 20px 0;
}

.site-footer .widget {
	color: #000000;/*ch*/
}
/*lose tan colour black text instead of white*/

.site-footer {
	background-color: transparent;/*ch*/
/*	color: #000000;/*ch*!/*/
/*	font-size: 14px;*/
/*	text-align: center;*/
}
/*.site-footer a{
	color: black;
}*/

/*Layout changes to pages sidebar2z etc is for the home page and about me etc pages*/

.page-template-default .widget-area {
	display: none;
}

.page-template-default .entry-content {
	padding: 0;
}

.home .entry-header {
	display: none;
}

#mainContentz {
	width: 45%;
	float: left;
}

#sidebar1z {
	width: 30%;
	float: left;
	padding-left: 1.5em;
}

#sidebar2z {
	width: 20%;
	float: left;
	padding-left: 1.5em;
}

#mainContent {
	width: 46%;
	float: left;
}

#sidebar1 {
	width: 20%;
	float: left;
	padding-left: 1px;
	padding-right: 1.5em;
}

#sidebar2 {
	width: 25%;
	float: left;
	padding-left: 1.5em;
}

#feedback {
	max-width: 450px;
}

/*random-comic style to get them to collapse a bit*/

.rand-comic-wrap {
	display: inline-block;
	width: 120px;
	padding: 3px;
}
/*Sprite Rollovers*/
/*	experimenting with scalable background image hover - test :focus on touch*/

a.aboutme {
	display: block;
	max-width: 170px;
	height: 12em;
	text-decoration: none;
	background: url("/images/rollovers/bagpipe_fat_thin_sprite.png");
	background-position: +100% 0%;
	background-repeat: no-repeat;
	background-size: 200%;
}

a.aboutme:hover, a.aboutme:focus {
	background-position: 0 0;
}

.displace {
	position: absolute;
	left: -5000px;
}
/*	experimenting with scalable background image hover - test :focus on touch*/

a.sporran {
	display: block;
	max-width: 170px;
	height: 9em;
	text-decoration: none;
	background: url("/images/rollovers/sporran_fat_thin_sprite.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: 200%;
}

a.sporran:hover, a.sporran:focus {
	background-position: 100% 0%;
}

.displace {
	position: absolute;
	left: -5000px;
}

a.whyscot {
	display: block;
	max-width: 170px;
	height: 13rem;
	text-decoration: none;
	background: url("/images/rollovers/tammy_fat_thin_sprite.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: 200%;
}

a.whyscot:hover {
	background-position: 100% 0;
}

#sidebar1 {
	min-width: 120px;
}

.displace {
	position: absolute;
	left: -5000px;
}
	
/*	end rollovers*/

/*For pop up phonetic aria compliant modal window*/

dialog {
	display: block;
}

.modal {
	position: fixed;
		  left: 15%;
		  top: 5%;
		  width: 70%;
		  max-height: 98vh;
		  right: auto;
		  border: 2px solid #000; 
		  background: #fff;
		  z-index: 667;
		  padding: 2em;
		  overflow: auto;
	color: #3f3f46;
	max-width: 840px;
}


.modal-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #1e73be;
	opacity: .3;
	z-index: 666;
}

.modal button {
	padding: 1px 6px 1px 6px;
}
.modal button:focus {/*to get blend not to show in modal*/
	background-color: #1e73be;
	background: linear-gradient(to bottom, #1e73be 0.6%, #1e73be 100%) #1e73be;
	    background: #1e73be;
	    background: -webkit-linear-gradient(top, #1e73be 0%, #1e73be 100%);
	    background: linear-gradient(to bottom, #1e73be 0%, #1e73be 100%);
}
.hidden {
	display: none;
}

.popuphono {
	max-width: 640px;
	padding: 1em;
}

.phonoimg {
	max-width: 100%;
	image-rendering: pixelated;
}

.small {
	font-size: 90%;
	line-height: 1.1em;
}

.h1phono {
	visibility: hidden;
	height: 1px;
}

.close {
	background: #1e73be;
	width: 1.1em;
	height: 1.1em;
	position: relative;
	float: left;
	margin-top: 0.2em;
	margin-right: 0.3em;
}
.close:hover {
	background: #1e73be;
}
.close:focus {
	background: #1e73be;
}
.close:active {
	background: #ac0404;
}




.close:after {
	content: '';
	height: 1em;
	border-left: 2px solid #fff;
	position: absolute;
	transform: rotate(45deg);
	left: 0.5em;
}

.close:before {
	content: '';
	height: 1em;
	border-left: 2px solid #fff;
	position: absolute;
	transform: rotate(-45deg);
	left: 0.5em;
}
/*end modal styles for pop up*/


/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

 /*Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See "https://core.trac.wordpress.org/ticket/25888".*/
 

@-ms-viewport {
	
}

@viewport {
	
}

@media (max-width: 1899px) {
	/*ch was smaller 1599 to 1899 to keep banner deep*/
	
	.site-header .home-link {
	background: url('/images/strip3.jpg') no-repeat left top;
		max-width: 950px;
		min-height: 150px;
	}
	
	.site-main .widget-area {
	margin-right: 0/*!important*/;
}
h2.site-description {
	/* full edit near top in main changes*/
	top: 125px;
	font-size: 1.3em;
}

}

@media (max-width: 1069px) {
	.site-header .home-link {
		max-width: 1030px;
		min-height: 95px;
	}
	h2.site-description {
		/* full edit near top in main changes*/
		top: 75px;
		font-size: 1.3em;
	}
	
}
@media (max-width: 999px) {
	.sidebar .entry-header, .sidebar .entry-content, /*	.sidebar .entry-summary,*/
	.sidebar .entry-meta, .sidebar .comment-list, /*	.sidebar .comment-reply-title,*/
	/*	.sidebar .comment-navigation,*/
	/*	.sidebar .comment-respond .comment-form,*/
	/*	.sidebar .featured-gallery,*/
		.sidebar .post-navigation .nav-links, .author.sidebar .author-info {
		max-width: 96%;/*ch added to get meta tags to shorten in search, archive and category - ch from 604px to 100% to work on pages only might harm word entries*/
		padding-left: 0;
		padding-right: 0;
	}
	/*	ch max-width from 75% but goes to 100% in narrower media*/
	/*		.sidebar .comment-list {
				max-width: 100%;
				float: left;
				background-color: white;
			}*/
	/*         .comment-respond, .comment-form	{
				max-width: 100%;
			 	padding-right: 12px;
			 	padding-left: 12px;
			 }*/
	
	/*	.sidebar .site-info,*/
	/*	.search.sidebar .page-content,*/
	/*	.blog.sidebar .page-content,*/
	/*	.attachment .entry-header,*/
	/*	.sidebar .comments-title {
			max-width: 100%;/*ch from 604px to 100% to work on pages only*!/
		}*/
	
	.site-header .home-link {
		max-width: 1030px;
		min-height: 75px;
	}
	
	h2.site-description {
		/* full edit near top in main changes*/
		/*	display: inline;*/
		/*	background: rgba(255, 255, 255, 0.7);*/
		/*	padding-right: 12px;*/
		/*	padding-left: 24px;*/
		top: 53px;
		/*	position: relative;*/
		/*	color: rgba(0, 153, 204, 0.8);*/
		font-size: 1.3em;
		/*	line-height: 14px;*/
	}
	/*this one below is the problem made specific to only blog page to stop right hand jumping out of sight*/
	
	.comic-template-default .widget-area {
		/*	width: 50% !important;*/
		/*	float: right;*/
		margin-right: 0;/*ch made it change for smaller than media query 1068px*/
	}
	
	.comic-template-default .site-main .sidebar-container {
		/*ch tempfoot test revealed and set position from absolute to relative to get footer down*/
		/*		height: auto;*/
		/*		margin: 0 auto;*/
		max-width: 100%;/*ch from 604px to 100%*/
		position: relative;/*ch from relative to absolute*/
		/*		top: 20px;*/
	}
	.comic-template-default  .entry-meta1 .tags-links a {
		padding: 9px 2px 9px 12px;
		font-size: 100%;/*ch to make tags big for touch*/
		line-height: 3em;
	}
	.archive .entry-meta .tags-links a, .search .entry-meta .tags-links a {
	padding: 9px 2px 9px 12px;
	font-size: 100%;/*ch to make tags big for touch*/
	line-height: 3em;
		}
	
	
}
/* Collapse oversized image and pulled images after iPad breakpoint. */

@media (max-width: 768px) {
	.site-header {
		background-size: 720px auto;
	}/*ch to stop % shrinking*/
	
	#page {
		/*check out how I can get this to work another way - NOTE change to have larger wordill at this scale plus deeper banner image*/
/*		background: url("/blog/wp-content/uploads/2016/05/wordill.jpg") 4px 3px no-repeat scroll;*/
		background-size: 27px 487px;
		padding-left: 28px;/*ch from 39 to 28 as word on right shrinks*/
		padding-right: 12px;
	}
	#mainContent {
		width: 70%;
		float: left;
	}
	
	#sidebar1 {
		width: 20%;
		float: left;
		padding-left: 1px;
		padding-right: 1.5em;
	}
	
	#sidebar2 {
		width: 90%;
		float: left;
		padding-left: 20%;
	}
	
	
	.site-header .home-link {
		min-height: 75px;/*ch allow height for text*/
		padding: 0 0 0 12px;
	}
	
/*	h2.site-description {
		/* full edit near top in main changes*!/
		/*	top: 26px;*!/
		/*	font-size: 1.3em;*!/
		/*	line-height: 0.1em!important;*!/
		/*	margin: -12px!important;*!/
		/*	padding: -12px!important;*!/
	}*/
	.comic-template-default #primary{
		max-width: 55%;
	}
	.comic-template-default #tertiary{
		max-width: 45%;
		padding-right: 3px;
	}
	.comic-template-default .ceo_comic_blog_post_widget {
		/*ch for image on right blog wide top*/
		max-width: 100%/*!important*/;
		float: left;
	}
	
	.comic-template-default .ceo_comic_archive_dropdown_widget select, .comic-template-default .ceo_thumbnail_widget {
		/*ch for image on right blog wide top*/
		float: left/*!important*/;
		width: 100%;
		max-width: 100%/*!important*/;
	}
	
	.comic-template-default .ceo_comic_archive_dropdown_widget form {
		width: 180px;
	}
	.comic-template-default .ceo_comic_archive_dropdown_widget{
		width: 100%!important;/*very important*/
	}
	.comic-template-default #google-translate {
		width: 100%;
	}
	
	
	.sidebar .comment-list {
		max-width: 100%;
		float: left;
		background-color: white;
	}
	
	.comment-respond {
		max-width: 100%;
	}
	/* Small menu */
	
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Titillium, Helvetica, Arial, sans-serif;
		margin: 0;
	}
	
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		background: none;
		border: none;
		color: #1e73be;/*ch*/
		padding: 12px 0 12px 20px;
	}
	
	.menu-toggle:focus {
		outline: thin dotted;
	}
	
	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}
	
	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}
	
	.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}
	
	.toggled-on li, .toggled-on .children {
		display: block;
	}
	
	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	
	.toggled-on .nav-menu li > ul a {
		color: #1e73be;/*ch*/
		width: auto;
	}
	
	.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {
		background-color: transparent;
		color: purple;/*ch*/
	}
	
	.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {
		background-color: #ffffff;/*ch*/
		color: purple;/*ch*/
	}
	
	.toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus {
		background-color: #ffffff;/*ch*/
		color: red;/*ch*/
	}
	
	ul.nav-menu, div.nav-menu > ul {
		display: none;
	}
	/*	end small menu*/
/*	For page navigation*/
ul{
	padding-left: 2px;
}
/*end	For page navigation*/

	.comic-template-default .ceo_comic_archive_dropdown_widget {
		/*ch for image on right blog wide top*/
		/*    display: none !important;*/
		max-width: 100%;
		width: 100%;
		float: none;
		/*    margin-right: 12px;*/
	}
	
	.search .comic-thumb-wrap, .archive .comic-thumb-wrap, .comic-template-default .comic-thumb-wrap {
		/*ch for image on right blog wide top*/
		max-width: 150px;
		/*	ch set to size max of inner img thumbnail*/
		float: none;
		display: inline-block;
	}
	
	}
@media (max-width: 643px) {
	/*year archive columns*/
		.column02 caption, .column03 caption {
		display: none;
	}
	
	.column01 {
		max-width: 100%;
		padding-right: 2em;
	}
	
	.column02 {
		padding-right: 2em;
		max-width: 100%;
	}
	
	.column03 {
		padding-right: 2em;
		max-width: 100%;
	}
	/*end year archive columns*/
	
	.comic-template-default #main {
		/*border: 1px solid green;*//*ch tempfoot test*/
		overflow: visible;/*ch from hidden to visible (default) otherwise footer gets pushed down from premium.wpmudev site css solution - needed to stretch parent container since children are floated*/
		/*ch tempfoot test*/
	}
	
	/*comic blog page adjusts only*/
	
	.search #main, .archive #main, .comic-template-default #main {
		max-width: 100%;
	}
	
	.search #primary, .archive #primary, .comic-template-default #primary {
		max-width: 100%;
		float: left;
		/*	border: 1px dotted #f71c1c;*/
	}
	
	.search #tertiary, .archive #tertiary, .comic-template-default #tertiary {
		max-width: 100%;
		height: auto;
		/*	border: 1px dashed #3c1010;*/
		/*	position: absolute;*/
		top: 0;
		right: 0;
		padding-right: 12px;
	}
	
	.search .comic-thumb-wrap, .archive .comic-thumb-wrap, .comic-template-default .comic-thumb-wrap {
		max-width: 150px;
		/*	ch set to size max of inner img thumbnail*/
		float: none;
		display: inline-block;
	}
	
	.comic-template-default .entry-content {
		/*	width: 25%;
		margin: 0;
		padding: 0;
		float: left;*/
		display: block;
	}
	
	.comic-template-default .widget-area {
		margin-right: 7px;/*ch made it change for smaller than media query 1068px here*/
	}
	
	.comic-template-default .ceo_comic_blog_post_widget {
		max-width: 100%/*!important*/;
		float: left;
	}
	
	.comic-template-default .ceo_comic_blog_post_widget {
		display: none;
	}
	
	.comic-template-default .ceo_thumbnail_widget {
		/*    display: block;*/
		/*    float: none;*/
		max-width: 100%;
		/*    margin-right: 12px;*/
	}
	
	.comic-template-default .ceo_comic_archive_dropdown_widget {
		/*    display: none !important;*/
		max-width: 100%;
		float: none;
		/*    margin-right: 12px;*/
	}
	
	.comic-template-default #primary.content-area {
		width: 100%;
		/*    float: left;*/
		padding-right: 0em;
	}
	
	.comic-template-default .comment-form {
		/*    max-width: 100% !important;*/
		margin: 0em /*!important*/;
		padding: 0em 0em 0em 12px /*!important*/;
		width: 100% /*!important*/;
	}
	
	.sidebar .comment-respond .comment-form {
		padding-right: 1em;
		/*		padding-top: 0!important;*/
		/*	margin: 0!important;*/
	}
	
	/*.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
		/*    float: left;*!/
		padding: 0;
		width: 100%;
	}*/
	
	.comment-form-comment {
		/*ch spacing on small media comment form*/
		padding: 0;
		margin: 0;
	}
	
	.comic-template-default .widget-area {
		width: 100%/*!important*/;
		/*	padding-right: 1em;*/
		float: none;
	}
	
	.comic-template-default .site-content {
		max-width: 100%/*!important*/;
		/*	padding-right: 1em;*/
		float: none;
	}
	
	.comic-template-default .entry-content {
		max-width: 100%/*!important*/;
		/*	margin: 0;*/
		/*	padding: 0;*/
		/*	float: left;*/
		display: block;
	}
	
	.comic-template-default .ceo_thumbnail_widget {
		/*    display: block !important;*/
		float: none /*!important*/;
		max-width: 100% /*!important*/;
		/*    margin-right: 12px;*/
	}
	
	.comic-template-default .site-main .sidebar-container {
		/*	max-width: 100%;*/
		/*	margin: 0!important;*/
		/*	padding: 0!important;*/
		/*	float: right;*/
		/*	max-width: 100%;/*ch from 604px to 100%*!/*/
		position: relative;
		/*	ch from relative to absolute (remember it stops the thumbnails 'latest' being inline on narrower sizes)*/
	}
	
	.comic-template-default .site-main .sidebar-container {
		position: relative;/*ch back to relative to get footer to see it and go below it*/
		float: right;
		/*		width: 30%;*/
		/*		height: 100%;*/
				/*border: 1px solid red;*//*ch tempfoot test*/
	}
	/*end comic blog page adjusts only*/
	
	#sitemap h3 {
		font-size: 1em;
	}
	
	body {
		margin-left: 0;
		font-size: 100%;
	}
	
	table {
		font-size: 100%;
	}/*ch to allow tables to change in line with body*/
	
	h2.site-description {
		/* full edit near top in main changes*/
		font-size: 1em;
		top: 2px;
	}
	
	.site-header {
		background-size: 555px auto!important;
	}/*ch to stop % shrinking*/
	
	.site-header .home-link {
		min-height: 65px;/*ch allow height for text*/
		padding: 0 0 0 0px;
	}
	
	#page {
		/*check out how I can get this to work another way - NOTE change to have larger wordill at this scale plus deeper banner image*/
/*		background: url("/blog/wp-content/uploads/2016/05/wordill.jpg") 4px 3px no-repeat scroll #fff;*/
		background-size: 21px 427px;
		padding-left: 24px;
		padding-right: 12px;
	}
	
	#content .entry-content {
		padding-left: 6px;
	}
	/*fix this so it doesn't use adjoining casses and IDs as selectors*/
	#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	html {
		/*	font-size: 100%;*/
	}
	
	#mainContentz {
		width: 100%;
		float: left;
	}
	
	#sidebar1z {
		width: 100%;
		float: left;
		padding-left: 0;
		max-width: 400px;/*ch for twitter widget to constrain width*/
	}
	
	#sidebar2z {
		width: 100%;
		float: left;
		padding-left: 0;
	}
	
	#mainContent {
		width: 100%;
		float: left;
	}
	
	#sidebar1 {
		width: 100%;
		float: left;
		padding-left: 1px;
		padding-right: 0;
	}
	
	#sidebar2 {
		width: 100%;
		float: left;
		padding-left: 0;
	}
	#sidebar1z, #sidebar2z{/*remove on narrower single col. media*/
		margin-top: 0rem;
	}
	.comic-template-default  .entry-meta1 .tags-links a {
		font-size: 85%;/*ch to make tags small*/
	}
	.comic-template-default .ceo_thumbnail_widget {
		max-width: 100%;/*!important*/
	}
	.comic-template-default .ceo_comic_archive_dropdown_widget{
		width: 100%!important;/*very important*/
	}
	.comic-template-default #google-translate {
		width: 100%;
	}
	/*pop up phonetic aria compliant modal window*/
	.modal {
			/*  position: absolute;*/
			left: 18px;
			right: auto;
			top: 15%;
			  max-width: 640px;
			width: 90%;
			/*  margin: 0 auto;*/
			border: 1px solid red;
			background: #fff;
			z-index: 10012;
			/*  padding: 2em;*/
		}
	/*End pop up phonetic aria compliant modal window*/
	
	
	
	
}

/* Mobile devices */

@media (max-width: 359px) {
	/*.site-header {
		background-size: 360px auto;
	}/*ch to stop % shrinking*!/*/
	
	.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
		/*    max-width: 98%;*/
		width: 100%;
	}
}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */

@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
	
}

@media print {
	/* Default left, right, top, bottom margin is 2cm doesn't like restriction need wider */
	/*@page { margin: 2cm } */
	
	/* First page, 10 cm margin on top */
	@page :first {
	margin-top: 1cm;
	}
	
	/* Left pages, a wider margin on the left */
	/*@page :left {
	  margin-left: 3cm;
	  margin-right: 2cm;
	}
	
	@page :right {
	  margin-left: 2cm;
	  margin-right: 3cm;
	}*/
	
	#page {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#masthead, a.aboutme, a.sporran, a.whyscot, #sidebar1z, #comments {
		visibility: collapse;
		display: none;
	}
	
	body {
		font-size: 10pt;
		line-height: 14pt;
		text-align: justify;
	}
	
	p {
		margin: 0;
		padding: 0 0 14pt;
	}
	
	a {
		height: 14pt;
	}
	
	b, strong, dt, dd {
		font-weight: 600;
	}
	/*.normal {/*what does it affect so far: post-nav*!/
		font-family: inherit;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
	}*/
	
	.phono {
		font: 14pt Georgia, "Times New Roman", Times, serif;
		border-style: none;
		padding: 0;
		display: inline;
		line-height: 14pt;
		margin: 0;
	}
	
	.phono:before {
		content: "Pronunciation using phonetics: ";
		/*	vertical-align: top;*/
		font: 75% "Lucida Grande", Lucida, Verdana, sans-serif;
		color: gray;
	}
	/*Simplified down to ids on their own plus classes copy below of otiginal*/
	#main, #primary, #tertiary, #content, .entry-meta, .comments-area, .comic-template-default .widget-area,  #primary.content-area, .ceo_comic_blog_post_widget, #mainContent, #sidebar2, #sidebar1 {
			width: 100%;
			max-width: 100%;
			padding: 0;
			margin: 0;
	/*		border: 1px dashed maroon;*/
		}
	
	
	/*#main, .site, #primary, #tertiary, #content, .entry-meta, .comments-area, .comic-template-default .widget-area, .comic-template-default .site-content, .comic-template-default #primary, .comic-template-default #tertiary, .comic-template-default #primary.content-area, .ceo_comic_blog_post_widget, #mainContent, #sidebar2, #sidebar1 {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
/*		border: 1px dashed maroon;*!/
	}*/

	.comic-template-default .entry-thumbnail img {
		width: 50%;
	}
	
	.comic-template-default .entry-content {
		display: block;
		visibility: visible;
		overflow: visible;
		width: 100%;
	}
	
	.entry-content {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		ms-column-count: 2;
		column-count: 2;
		-webkit-column-width: 10em; /* Chrome, Safari, Opera */
		-moz-column-width: 10em; /* Firefox */
		ms-column-width: 10em;
		column-width: 10em;
		column-gap: 2em;
		width: 100%;
	}
	
	a:link, a:visited {
		background: transparent;
		color: #333;
		text-decoration: none;
	}
	
	a:link[href^="https://"]:after, a[href^="https://"]:visited:after {
		content: " (" attr(href) ") ";
		font-size: 11px;
	}
	
/*	a[href^="https://"] {
		color: #000;
	}*/
}