/*
Theme Name: Mewsings 2
Theme URI:
Author: Murray Ewing
Author URI: https://www.murrayewing.co.uk/
Description: Device-independent iteration of Mewsings
Version: 1.6.10
License: Private.
License URI:
Tags: 
*/

/*
	1.1 - colours changed to match main site, fixed captions overlapping quotes, styled entry body list on About page
	1.2 - fixed a couple of minor problems to do with image wrapping
	1.3 - provide different page titles
	1.4 - new fonts, adjustment to quote and comment colour background, nav float colours, changed comment button
	1.4.1 - styling for images in blockquotes
	1.4.2 - styling for captioned images outside blockquotes
	1.4.3 - removing background colour on quote blocks, and changing spacing because of this
	1.5 - new pad-size layout
	1.5.1 - added Privacy policy link
	1.5.3 - fix for full-size right-aligned images in phone and pad-sized screens
	1.5.4 - added Twitter card
	1.6 - separate, versioned css filename; fixed replied-to comments style; adjusted mobile view width
	1.6.1 - changing how comments are spaced
	1.6.2 - added HTML structural elements, put list links within <li> elements rather than outside
		- added ko-fi button, and non-page menu links at bottom of page for mobiles
	1.6.3 - added "top" links for mobiles
	1.6.4 — added "menu" link for mobiles
	1.6.5 - fixed captions for 600-pix wide centred images
	1.6.6 - added verse_indent style
	1.6.7 - added more spacing for the mobile version of the subject index
	1.6.8 - added error message box
	1.6.9 - tweaks to maincolumn padding for small phone size layout
	1.6.10b - added search page for mobile version
*/

/*
	COLOURS
	page bg - IndianRed (#CD5C5C)
	main content bg - FloralWhite (#FFFAF0)
	quote block bg - #E8E2D7
	nav item backgrounds - #CF7777
	bottom of page nav buttons backgrounds - #DEA0A0
	header text - #063131
	big cat maroon - #5D152B
*/

/*

MAIN STRUCTURE


*/
@import url('https://fonts.googleapis.com/css?family=PT+Serif|Source+Sans+Pro:900') (min-width: 501px);

body {
	background-color: IndianRed;
	}
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
a img {
	border: 0px;
}
#bodycentre {
	position: relative;
	min-width: 400px;
	max-width: 1070px;
	margin: auto;
	}
#navmenu {
	width: 150px;
	position: absolute; top: 0px; left: 0px;
	}
#maincolumn {
	max-width: 800px;
	min-width: 200px;
	position: absolute; top: 0px; left: 170px;
	}
@media screen and (min-width: 1500px) {
	#maincolumn {
		padding-right: 170px; /* to balance nav menu when centering */
	}
}
#titleblock {
	height: 172px;
	}
#mobilemenu, #mobilemenu_block_search,
.mob_top_link,
.mob_menu_link,
.mobile_entry_top_link {
	display: none;
	}
.main-content {
	background-color: FloralWhite;
	padding: 20px 40px 20px 40px;
	margin-bottom: 10px;
	}

/*
FONTS
*/

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label,
.comments_title,
.comment-reply-link,
.titlemenu li,
#mobilemenu li, #mobilemenu_search li,
.navdivbox li, .footer_navdivbox li,
.navmenu_item,
.navmenu_item #searchsubmit, .navmenu_item #footer_searchsubmit,
.entry_edit_link,
.entry_footer_item,
h2,
.error_msg,
.initials_menuitem,
p.form-submit #submit,
input#submit.submit,
.nav_float,
.comment-author cite,
#reply-title,
.entry_infobox,
.tagindex_heading,
.mob_top_link,
.mob_menu_link,
.mobile_entry_top_link
{
	font-family: "Arial Black", Verdana, Arial, sans-serif;
}

.page_title,
.archive_month,
.entry h2,
.entry_heading
{
	font-family: "Source Sans Pro", "Arial Black", Arial, sans-serif; 
}

.entry p,
.entrybodylist li,
.error_box,
.comment-list p
{
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
}

.bumf,
.wp-caption p,
.comment-meta,
.tagindex_item,
.archive_month_sublist,
#blogroll_list li
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-serif; 
}

.titlemenu li,
#mobilemenu li, #mobilemenu_search li,
.navdivbox li, .footer_navdivbox li,
.navmenu_item,
p.comment-form-comment textarea,
p.form-submit #submit,
input#submit.submit,
.comment-reply-link,
.initials_menuitem,
.tagindex_item,
.archive_month_sublist,
#blogroll_list li
{
	font-size: 14px;
}

/*
	COLOURS
*/
.titlemenu li a,
.comment-reply-link
{
	color: #5D152B;
}

.page_title,
.entry_heading,
.initials_menuitem,
.tagindex_heading,
.archive_month,
a
{
	color: #063131;
}

#mobilemenu li, #mobilemenu_search li,
#mobilemenu li a, #mobilemenu_search li a,
.navdivbox li, .footer_navdivbox li,
.navdivbox li a, .footer_navdivbox li a,
.nav_float,
.nav_float a,
.navmenu_item,
.bumf,
.mob_top_link,
.mob_menu_link,
.mob_top_link a,
.mob_menu_link a
{
	color: #5D152B;
}

.entry_infobox a,
.entry_date,
.entry_footer_item a,
.entry h2,
h2,
.error_msg,
.comments_title,
.comment-author cite,
#reply-title,
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label,
.mobile_entry_top_link a
{
	color: #063131;
}

/*
 ROUND BORDERS
*/
.main-content,
.page_title,
.navdivbox, .footer_navdivbox,
.nav_float,
li.comment,
#initials_menu,
.mob_top_link,
.mob_menu_link,
.error_box
{
	border-radius: 16px;
}

/*
 LISTS
*/
.titlemenu li,
#mobilemenu li, #mobilemenu_search li,
.navdivbox li, .footer_navdivbox li,
.adblock li,
.initials_menuitem,
.tagindex_heading,
.tagindex_item,
.archive_month,
.archive_month_sublist,
#blogroll_list li
{
	list-style-type: none;
}
/*
TITLE
*/
.titlemenu {
	padding: 5px 00px;
	margin: 0px;
	width: 100%;
	height: 30px;
	}
.titlemenu li {
	display: inline;
	margin: 0; margin-right: 20px;
	padding: 0;
}
.page_title {
	font-size: 40px;
	max-width: 800px;
/*	min-width: 500px; */

	background-color: FloralWhite;
	padding: 10px 40px;
	margin-top: 0px;
	}

/*
NAV MENU
*/
.navdivbox {
	max-width: 130px;
}
.footer_navdivbox {
	max-width: 90%;
}
.navdivbox, .footer_navdivbox {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #CF7777;
}
.navdivbox ul, .footer_navdivbox ul {
	margin: 0px;
	padding: 0px;
}
.navdivbox li, .footer_navdivbox li {
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
.navdivbox #search_header, #mobilemenu_search_header {
	color: black;
}
.navdivbox #searchform {
	text-align: right;
	width: 140px; /* needed for old IE */
}
.footer_navdivbox #searchform {
	width: 100%;
}
.navdivbox #s, .footer_navdivbox #footer_s {
	width: 90%;  /* needed for old IE */
}
#footer_s, #mobilemenu_search_header {
	margin-bottom: 5px;
}
/* reinstate proper width, if not old IE */
@media only screen {
	.navdivbox #searchform {
		width: 100%;
	}
	/* in Firefox, the search input box was wider than the container */
	.navdivbox #s {
		width: auto;
		max-width: 90%
	}
}
.navmenu_item #searchsubmit,
.navmenu_item #footer_searchsubmit {
	font-size: 12px;
	color: #e9d8d3;

	background-color: #5D152B;
	border-radius: 8px;
	border: 0px;
}
.adblock {
	margin-left: 0px;
	}
.adblock li {
	display: block;
	margin: 0; margin-bottom: 10px;
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}
.adblock li img {
	border-radius: 4px;
}
/*
BLOG ENTRY
*/
.entry_block {
	margin-bottom: 40px;
	}
.entry_heading {
	font-size: 40px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	}
.entry_infobox {
	margin-top: 5px;
	font-size: 12px;
	}
.entry_date {
	text-align: right; width: 100%;
	margin-top: 2px;
	}
.entry_keywords {
	margin-top: 4px;
	}
.entry_edit_link {
	font-size: 12px;
	font-weight: bold;	
	text-align: right; width: 100%;
	}
.entry_footer_item {
	font-size: 12px;
	}

/*
	ENTRY
*/

.entry {
	}
.entrybodylist li a,
.entry p a {
	text-decoration: underline;
	}
blockquote {
	color: #9C3030;
	margin: 0px; margin-bottom: 10px;
	padding: 0px 40px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	border-left: 4px solid #E7B1B1;
	}
.verse,
.verse_first {
	padding-left: 40px;
	text-indent: -40px;
	padding-bottom: 5px;
	}
.verse_first {
	padding-top: 30px;
	}
.verse_indent {
	padding-left: 60px;
}
.entry h2,
h2 {
	font-size: 20px;
	}

/*
 COMMENTS
*/
ol.children li {
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0px;
}
ol.children {
	padding-left: 0px;
	margin-left: 0;
	width: 100%;
	list-style-type: none;
}
.comment-list {
	list-style-type: none;
	padding-left: 0;
}

/*
 OTHER PAGE ELEMENTS
*/
.navigation_box {
	float: none;
	width: 100%;
}
.nav_float {
	background-color: #DEA0A0;
	padding: 10px 10px;
	max-width: 40%;
	font-size: 14px;
	}
.bumf {
	margin-top: 50px;
	font-size: 10px;
}
.error_msg {
	font-size: 16px;
}
.error_box {
	border: 3px solid #6D1837;
	background-color: lightyellow;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px 10px;
	max-width: 90%;
	font-size: 14px;
}

/*
 IMAGES, MEDIA
*/
.alignleft {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}
img.alignleft
  {
	margin-bottom: 10px;
}

.alignright {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-right: 0px;
}
img.alignright {
	margin-bottom: 10px;
	clear: right; /* stops images zigzagging */
}
.alignright img {
	/* image, r-aligned, with caption */
}
blockquote .alignright {
	margin-right: -40px;
}
.aligncenter,
div.wp-caption a img.size-full {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%; height: auto;  /* ensure scaling of full-size images */
}

.wp-caption {
	clear: right;

	background-color: FloralWhite;
	border-bottom-left-radius: 16px;
}
.wp-caption p {
	font-size: 12px;
	color: #063131;
	text-align: center;
}
.alignright p {
	padding-left: 5px;
}

/*
	COMMENTS
*/
.comments_title {
	font-size: 18px;
}
.comment-author cite {
	margin-top: 5px;
	font-size: 16px;
	font-style: normal;
}
.comment-meta {
	font-size: 12px;
	width: 100%;
	text-align: right;
}
.comments-body {
	padding-left: 0px;
	font-weight: bold;
	margin-bottom: 40px;
}
li.comment {
	background-color: #E8E2D7;
	padding: 10px 30px;
}
li.depth-1 {
	margin-bottom: 40px;
}
#reply-title {
	font-size: 18px;
}
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label {
	font-size: 16px;
	vertical-align: top;
}
p.comment-form-comment textarea {
	line-height: 1.5em;
	max-width: 100%;
}
p.form-submit {
	width: 100%;
	text-align: right;
}
input#submit.submit {

}
p.form-submit #submit,
input#submit.submit {
	color: FloralWhite;
	background-color: IndianRed;
	border-radius: 8px;
	border: 3px solid #6D1837;
}
.reply {
	text-align: right;
	width: 100%;
}

/*
 SUBJECT ARCHIVE
*/
#category_menu {
	margin-bottom: 40px;
}
#initials_menu {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	margin-bottom: 30px;
	background-color: #E8E2D7;
}
.initials_menuitem {
	float: left;
	padding: 3px; margin: 3px;
}
#tag_menu {
	padding-left: 0px; margin-left: 0px;
}
.tagindex_heading {
	font-size: 20px;
	clear: both;

	margin-top: 20px;
	margin-bottom: 10px;
}
.tagindex_item {
	font-weight: normal;
	line-height: 1.5em;
}

/*
	ARCHIVE PAGE
*/
#archive_list {
	padding-left: 0px; margin-left: 0px;
}
.archive_month {
	font-size: 30px;
	clear: both;

	margin-top: 20px;
	margin-bottom: 10px;
}
.archive_month_sublist {
	font-weight: normal;
	line-height: 1.5em;
	text-indent: -20px; padding-left: 40px
}

/*
BLOG ROLL
*/
#blogroll_list {
	padding-left: 0px; margin-left: 0px;
}
#blogroll_list li {
	font-weight: normal;
	line-height: 1.5em;
	text-indent: -40px; padding-left: 40px
}


/*
	MOBILE PHONES etc.
*/
@media screen and (max-width: 650px) {
	#navmenu {
		display: none;
	}
	#bodycentre {
		min-width: 0px;
	}
	#maincolumn {
		padding-right: 0px;
		position: static;
		min-width: 0px;
		padding: 2px 2px;
	}

	/* MOBILE NAV */
	#mobilemenu, #mobilemenu_block_search {
		display: block;
		width: 90%;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-top: 20px;
		clear: both;
		background-color: #DEA0A0;
		border-radius: 16px;
	}
	#mobilemenu li, #mobilemenu_block_search li {
		margin-bottom: 10px;
	}
	.bumf {
		margin-top: 0px;
	}	
	.mob_menu_link {
		display: block;
		width: 90%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		background-color: #DEA0A0;
		padding: 10px 10px;
		font-size: 14px;
		text-align: center;
	}

	/*
	IMAGES
	*/
	.wp-caption,
	img.alignright {
		float: none;
		display: block;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	p img,
	.aligncenter,
	.aligncenter a img {
		max-width: 96%; height: auto;
	}

	
	blockquote .alignright {
		margin-right: 0px;
	}
	
	/*
	TAG INDEX:
	*/
	.tagindex_item {
		padding-bottom: 8px;
	}
	.initials_menuitem {
		padding: 6px;
	}
}
/*
	TABLETS etc.
*/
@media screen and (max-width: 780px) and (min-height: 600px) {
	#navmenu {
		position: fixed;
		padding-left: 10px;
	}
}
@media screen and (max-width: 780px) and (min-width: 651px) {
	#maincolumn {
		max-width: 76%;
	}
	
}
@media screen and (max-width: 780px) {
	/* MAIN STRUCTURE */
	#titleimage {
		width: 100%; height: auto;
	}

	#titleblock {
		height: auto;
	}
	.main-content {
		padding: 10px;
	}
	.page_title {
		min-width: 0px;
		padding: 10px;
	}
	
	/* DETAILS */
	.titlemenu {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 10px;
		height: auto;
	}
	.titlemenu li {
		margin-right: 5px;
	}
	.entry_infobox,
	.nav_float,
	.bumf {
		font-size: 14px;
	}
	.nav_float {
		width: 35%;
		margin-bottom: 20px;
	}
	.entry p,
	.comment-list p {
		font-size: 16px;
	}
	.wp-caption p {
		font-size: 14px;
	}
	
	/* IMAGES */
	.aligncenter,
	.size-full {
		max-width: 100%;
		height: auto;
	}
	
	.alignright {
		max-width: 50%;
	}

	.mob_top_link {
		display: block;
		width: 90%;
		margin-bottom: 20px;
		background-color: #DEA0A0;
		padding: 10px 10px;
		font-size: 14px;
		text-align: center;
	}
	.mobile_entry_top_link {
		display: block;
		text-align: right;
		font-size: 12px;
	}

}


@media screen and (max-width: 650px) {
	.alignright {
		width: 96%;
		max-width: 96%;
	}
	
}