@charset "utf-8";
/*
Theme Name: Staithes Gallery Theme
Theme URI: http://www.blackthorntreehouse.co.uk
Author: Blackthorn
Author URI: http://www.blackthorntreehouse.co.uk
Description: Theme for Staithes Gallery website
Version: 3.2.1

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
 background: #efefef;
	
	
}

#main {font-size: 11pt;
width: 900px;
margin: 0 auto;
background: #ffffff;
/*border-left: 1px solid #dedede;
border-right: 1px solid #dedede*/;
}

#main h2 {font-size: 16px; font-weight: bold; color: #222222; }

header {
padding: 5px 10px;
	background: #80D2ED;
	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;
	
	
	color: #6D6E71;
	font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.9em;
	text-transform: uppercase; 
	
}

header h1 { font-weight: normal;}

header a { text-decoration: none;
			color: #6D6E71; 
			font-weight: normal;}
	
	nav {
		
	}
	
	#sidebar ul { 
	margin-left:5px;
	margin-bottom: 3px;
	padding:0;
	list-style: none;
	float: left;
	text-align: left;
	clear: both;
	width: 250px;
	
	}
	
	#sidebar li {
	display: block;
	border: #CCCCCC solid;
	padding-top: 2px; 
	padding-right: 0px; 
	padding-bottom: 2px; 		
	padding-left: 2px; 
	border-width: 0px 1px; 
	margin:0px;
	clear: both; 
	background: #6D6E71;
	width:100%;}
	
	#sidebar li a {
	color: #FFFFFF;
	text-decoration: none;	
	display: block;
}

#sidebar li:hover a {color: #000000;}

#sidebar li:hover {
 background: #80d2ed;
 }
 

	
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}

#content {width: 610px;
padding: 5px;
	float: right;
	color: #6D6E71
}

#content a {
	color: #0000FF;
	text-decoration: none;
}
#content a:hover {
	color: #0066FF;
	text-decoration: underline; }
	
	blockquote { margin-left: 50px;}

	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content img {max-width:600px; height:auto;}
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}



.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

.post-single-gallery {width: 200px; height: 200px; float: left; margin:0 auto; text-align: center; }

.oldernewer {clear: both; padding: 10px;}

nav.oldernewer {clear: both; padding: 10px;
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {width: 280px; 
			float: left;
			
	
}
	#widget-sidebar { margin: 0px;
	padding: 0px; 
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			
		}

#footer {

padding: 0px;
margin:0px;
	background: #80D2ED;
	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;
	
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;
}

#footer p {margin: 0px;}

.footer-left {float: left; width: 450px; padding: 5px; margin:0px;}
.footer-right {float: right; width: 300px; padding: 5px; margin: 0px;}

#footer ul {  width: 400px; margin:0px; float: left; }

#footer a {
	color: #0000FF;
	text-decoration: none;
}
#footer a:hover {
	color: #0066FF;
	text-decoration: underline; }

	.widget-footer {  margin:0px; padding: 0px;
		
	}
	
	
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widget-area {
	
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left; float: left;
}
.alignright {
	text-align: right; float: right;
}

img.alignleft {margin-right: 12px; margin-bottom: 3px;}
img.alignleft {margin-left: 12px; margin-bottom: 3px;}

.featured-thumbnail { }

.featured-thumbnail img {}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */