/*
Theme Name: Singing Knives Theme
Theme URI: 
Description: A simple theme custom-written for Singing Knives
Author: Nairn Kennedy
Author URI: http://cookridgeconsulting.co.uk
Version: 1.4
Date: 05/09/2015
Modified: 04/09/2016
Modified: 05/12/2016
	changes to make picture display more flexible and not muck up text positioning
Modified: 18/10/2017
*/


body {
	color: white; 
	background-image: url('images/carpet.jpg');
	background-attachment: fixed;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin: 0;
	
}	

p {
	
	font-size: 100%;
}



.sidebar-left { /* Don't think this is affecting sidebar at all */
	float: left;
	width: 20%;
	/* margin: auto; */
	font-size: 100%;
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
	/* height: 800px;
	//background-color: green; */
}	



.sidebar-right {
	float: right;
	width: 15%;
	margin: auto;
	font-size: large;
	/* background-color: lightgray;
	height: 800px; */
} 



.email-footer {
	text-align: left;
	font-size: 60%;
	/* background-color: pink;
	//float: left; */
	width: 60%;
	margin-left: 15%;
	/* padding-left: 10%; */
	
}


.tiny-text {
	font-size: 50%;
	
}

#headerimgcontainer{
	width: 100%;
	clear: both;
	margin-top: 15px;
   	padding-bottom: 0; 
}
#headerimg{
	width: 35%;

}


#footer {
	/* position: static;
	//bottom: auto; */
	width:100%;
	margin: 0 auto;
	clear: both;
	font-size: 30%;
	
}


#blog {
	margin-left: 22%;
	width: 55%;
	float: center;
	font-size: large;
	/* background-color: blue; */
}	


#navigation {
	background-color: yellow;
}

page-title {
	color: green;
	background-color: pink;
}	

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-style: normal;
	font-weight: normal;
}

h1 { /* does page titles */
    font-size: 190%;    
	
}

h1+p {
	margin-top: 0.5em;
}

h2 {
	font-size: 170%;
	
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 100%;
}

h5 { /* for the catalogue/review titles */
	margin-bottom: 0.2em;
	font-size: 120%;
	
}

h5 a:link, h5 a:visited { /* make sure the catalogue links are in italics */
    font-style: italic;
	
}

h5+ul{ /* For catalogue/review link spacing */
	margin-top: 0;
	padding-top:0;
	font-size: 80%;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style-type: none;
}
	


h6 { 
	font-size: 85%;
	
}

ul {
		list-style-type: none;
}

a: {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

a:link, a:visited {
	color: white;
}

a:hover {
		color:lightgray;
}	

table {
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
	padding: 2em;
	width: 40%;
}

.widget-title {
	font-size: large;
	font-style: italic;
	text-align: center;
	/* background-color: green; */
	
}	

.widget-itself {
	/* background-color: red; */
	font-size: large;
	text-align: left;
}

 
img {
	padding: 5px;
	margin-bottom: 2em; 
	margin-top: 0.5em;
	width: 80%;
	/* How to get height to go with image reduction? Want to lock it to width value  */
	height: auto;
	
}

img.alignright { 
	float: right; 
	margin: 0 0 1em 1em; 
}

img.alignleft {
	float: left; 
	/* margin: 0 1em 1em 0; */
	margin-left: 1em;
	margin-right: 1em;
	/* vertical-align: text-top; */
	
}

img.aligncenter {
	display: block; 
	vertical-align: top;
	margin-left: auto; 
	margin-right: auto; 
}



.alignright { 
	float: right; 
}

.alignleft { 
	float: left; 
}

.aligncenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}