/*
Theme Name: BlankSlate
Description: 3.0+ has been completely and massively overhauled. DO NOT UPGRADE current projects (anything below 3.0) to this version automatically. You will lose all customizations whether you're using a child theme or not. BEFORE USING AND ESPECIALLY UPGRADING IN GENERAL PLEASE READ: tidythemes.com/concept. The bare essentials of a WordPress theme (an HTML5 boilerplate), no visual CSS styles added. Perfect for those who would like to build their own theme from scratch or for clients if you're a developer or designer. This theme is clean, valid code, semi-minified, no programmer comments, SEO-friendly and 100% open source. One custom menu and one widgetized sidebar to get you started. If you don't know CSS and would like to learn we've prepared: tidythemes.com/want-to-learn-css and please visit us in the forum for further help: tidythemes.com/forum - Thank You and Enjoy
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 3.3
Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background: #FFF;
}

ul {
	list-style: none;
}

a {
	color: #000;
	text-decoration: none;
}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
} 
a:link.active, a:visited.active {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #09C;
	text-decoration: underline;
}
a:focus {
	outline: none;
}

p {
	margin-bottom: 18px;
}

h1 {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 18px;
}

h1 a:hover {
	color: #09C;
	text-decoration: underline;
}

h2 {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
}

h2.comments {
	color: #000;
	padding: 0px;
}

h3 {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
}

h4 {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
}

strong {
	font-weight: bold;
}



 /* HOME PAGE
--------------------------------------------------*/

#container {
	position: relative;
	top: 150px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}



 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#wrapper {
	position: absolute;
	top: 45px;
	left: 60px;
	width: 840px;
}


#header {
	position: absolute;
	top: 215px;
	left: 60px;
	width: 195px;
	z-index: 99; 
	padding: 0px;
}

#contact {
	position: absolute;
	top: 0px;
	left: 534px;
	width: 147px;
	height: 129px;
	border-top: solid #000 1px;
	border-bottom: solid #000 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-top: 7px;
}

.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-top: 7px;
}

.address p {
	margin-bottom: 15px;
}


#colContent {
	position: absolute;
	left: 260px;
	top: 45px;
	padding-bottom: 30px;
	background: #FFF;
}

#colLeft{
	width: 489px;
	float: left;
	padding-top: 29px;	
}

#colLeftGallery{
	width: 502px;
	float: left;
	padding-top: 30px;	
}

#colRight {
	width: 147px;
	float: left;	
	margin-left: 50px;
}

#footer {
	padding: 0px;
	position: absolute;
	top: 215px;
	left: 795px;
}

#footerInner {
	padding-bottom: 30px;
}

#footerInnerBottom {
	padding: 0px;
	font-size: 11px;
}


/* HEADER ELEMENTS
------------------------------------------*/

#logo {
	position: absolute;
	top: 45px;
	left: 60px;
}

#logo a img{
	border:none;
}

#logo span {
	display: block;
	color: #999;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 13px;
}


/* -- top menu --*/

#topMenu {
	position: relative;
	bottom: 0px;
	right: 0px;
	font-weight: bold;
}

ul.sub-menu {
	padding-bottom: 18px;
	font-weight: normal;
}

#topMenu ul.sf-menu li {
	float:left;
}

#topMenu ul.sf-menu li:hover {
	padding: 0px;
}

#topMenu ul.sf-menu li a{
	display: block;
	width: 141px;
	font-size: 13px;
	line-height: 18px;
	padding: 0px;
}

#topMenu ul.sf-menu li a:hover {
	color: #FFF;
	text-decoration: none;
}

#topMenu ul.sf-menu li li ul.children {	
	margin: 0px;
	margin-bottom: 18px;
}

#topMenu ul.sf-menu li li a {
	padding: 0px;
}

#topMenu ul.sf-menu li li a:hover {
	background: #000;
}

#topMenu ul.sf-menu li li {
	padding: 0;
	background: #000;
	border-bottom:1px solid #FFF;
}


/* -- section + page titles --*/

#innerTop {
	padding: 0;
	padding-top: 5px;
	width: 489px;
	height: 131px;
	border-top: solid #000 1px;
	border-bottom: solid #000 4px;
}

.innerTitle, .innerTitle h1{
	font-size: 24px;
	font-weight: normal;
    color: #000;
	line-height: 27px;
}

.innerDesc {
	float:left;
	height:30px;
	border-left:1px solid #666;
	padding-left:20px;
	font-size:20px;
	font-weight:normal;
	line-height:26px;
	color:#CCC;
	padding-top:13px;
}

.innerDesc p{
	margin:0;
}



/* COL LEFT
-------------------------------------------------*/

/* share icons */
#colLeft .social {
	padding:0 0 15px;
	border-bottom:1px solid #ddd;
	margin-top:-15px;
}

#colLeft .social img {
	border: none;
	margin: 6px 6px 0 0;
}

.more-link {
	display:block;
	clear:both;
}

#archive-title, .searchQuery {
	border-bottom:1px solid #ddd;
	padding:7px 0 10px;
	margin-bottom:20px;
}

#colLeft .blogItem {
	border-bottom:1px solid #ddd;
	margin-bottom:25px;
	position:relative;
	/*padding-left:12px;*/
}

#colLeft .blogItem .postComments {
	position:absolute;
	left:0;
	top:-3px;
	width:37px;
	background:url(https://secure.canonburyarts.co.uk/wp-content/themes/blankslate/images/bk_ico_comments.png) 0 3px no-repeat;
	text-align:center;
	height:40px;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
	text-shadow:#CF881E 1px 1px;
	padding-right:12px;
	/*border-right:1px solid #ddd;*/
	padding-top:3px;
}

#colLeft .blogItem .postComments a{
	color:#fff;
}

#colLeft .blogItem .postRight{
	float:left;
	width:520px;
	/*padding-left:12px;*/
}

#colLeft .blogItem .meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 18px;
}

#colLeft .blogItem .meta .metadata {
	padding-top: 9px; 
	font-size: 11px;
	color: #000000;
}

#colLeft .blogItem .meta img {
	vertical-align:middle;
}

#colLeft ul {
	list-style:disc;
	list-style-position:inside;
}

#colLeft .testimonial {
	padding:15px 0 25px;
	border-bottom:1px solid #ddd;
	background:url(https://secure.canonburyarts.co.uk/wp-content/themes/blankslate/images/bk_testimonial.png) 95% 80% no-repeat;
}

#colLeft .testimonial p img {
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	background:url(https://secure.canonburyarts.co.uk/wp-content/themes/blankslate/images/bk_thumbs.jpg) 0 0 no-repeat;
}

#colLeft .testimonial p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	margin:0.7em 0 0.2em;
}

.wp-pagenavi, .navigation{
	clear:both;
}

.entry-meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 18px;
}

.entry-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #CCC;
}



/* FOOTER ELEMENTS
--------------------------------------------*/

#footer .footerBox {
	width: 283px;
	float: left;
}


#footer .footerBox h2  {
	font-weight: bold;
}


#footer .footerBox ul li {
	padding: 0px;
}


#footer .contact {
	padding-left:10px;
	width:265px;
	min-height:200px;
}

#footer .contact .social {
	font-size:11px;
	display:block;
	padding-top:15px;
	margin-top:10px;
	border-top:1px solid #ddd;
}

#footer .contact .social img {
	vertical-align:middle;
	margin-right:5px;
}



#copy {
	clear:both;
	padding:20px 0 10px;
}

#footer #footerMenu ul li{
	float: left;
	padding: 0px;
}



/* HOME PAGE */


#features {
	width: 820px;
	position: relative;
	margin-left: -18px;
	padding-left: 18px;
}

#features_divide {
	width: 100%;
	height: 12px;
	clear: both;
}

#featuresBottom {
	width: 966px;
	margin-left: -31px;
}

#features .featuresInner {
	width: 181px;
	height: 165px;
	margin-right: 19px;
	float: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	border-top: 1px solid #000;
	border-bottom: 6px solid #000;
}

#features .featuresInner h2 {
	font-size: 13px;
	font-weight: bold;
}

#features .first {
	padding-left: 0px;
	font-size: 11px;
	line-height: 15px;
}

.first p {
	margin-bottom: 15px;
}

#features .featuresInner img {
	float:left;
	margin:0px 10px 12px 0px;
}

#features .logosInner {
	width: 200px;
	float: left;
	padding: 0px;
}

#features .logosInner h2 {
	font-size: 13px;
	font-weight: bold;
}

#features .logosfirst {
	padding-left: 0px;
	font-size: 11px;
	line-height: 15px;
}

#features .logosInner img {
	float:left;
	margin:0px 10px 12px 0px;
}

#homeCopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-top: 7px;
	width: 200px;
	float: left;
}

#homeSocial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-top: 9px;
	width: 200px;
	float: right;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.noclear {
	clear: none;
}



/* Shopp
---------------------------------------------------*/

.shopp-entry-content {  
	width: 489px;
	float: left;
	padding-top: 29px;	
}



/* News Blog
---------------------------------------------------*/

.entry-content {  
	width: 489px;
	float: left;
}