/*  
Theme Name: beesustainable
Theme URI: http://www.beesustainable.com.au
Description: Drop-down categories menu, 2-column layout and widget-ready footer and sidebar. This theme is based on Motion 1.0.4 by Sam@85ideas and is also released under <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html">GPL Version 2</a>.
Author: LenSoftware	
Author URI: http://www.lensoftware.com
Version: 1.0
Tags: two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar
*/

/************************************************
* Resets *
************************************************/
html {
	height:100%
}	
html,body,div,p,span,h1,h2,h3,h4,h5,h6,img,ul,ol,dl,li,dt,dd,blockquote,pre,form,fieldset,label,input,table,th,td,a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #000;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

/************************************************
* General elements *
************************************************/
body {
	background: #FFF;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	height: 100%;
}
h1,h2,h3,h4,h5,h6 {
/*	font-family: Rockwell,Georgia,Palatino Linotype,Palatino,"Times New Roman",Times,serif; */
    font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,label,th,td,a {
	text-shadow: none;
}
a {
	color: #58a741;
	text-decoration: none;
}

a img {
	border: 0;
}
blockquote {
	font-style: italic;
	background: url(images/whitetrans.png);
	padding: .4em 1em .7em 1em;
	margin: .7em 0 .3em 0;
}
code {
	font-size: 1.1em;
	font-family: "Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
}
kbd,tt {
	font-size: 1.2em;
}
hr {
	border: 1px solid #58a741;
}
pre {
	overflow: auto;
	width: 600px;
	background: url(images/blacktrans.png);
	padding: 1em 1.5em;
	margin: 1em 0;
	font-size: 1.2em;
	white-space: pre-wrap;/* css3 */
}
dl {
}
dt {
	font-weight: bold;
}
dd {
	padding-left: 1em;
}
table {
	margin: .5em 0;
}
table th {
	color: #58a741;
}
table td,table th {
	padding: .5em .7em;
}
table th {
	text-transform: uppercase;
	border-bottom: 1px transparent;
}
table td {
	vertical-align: middle;
}
table tr.even td {
	background: url(images/blacktrans2.png);
}
fieldset {
	padding: 1.2em;
	/*
	border: 1px dashed #58a741;
	*/
}
legend {
	padding: .2em .8em;
	font-size: 1.2em;
	text-transform: capitalize;
}
input, textarea, select {
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	margin: .2em 0;
	color: #222;
	font-size: 1em;
}
input.adminbar-input {
	margin: 0;
}
input, textarea {
	padding: .3em;
	background-color:#ffffff;
	border: 1px solid #006699;
}
#shipping-postcode {
	padding: .1em;
}
input[type="checkbox"] {
	background-color:#ffffff;
	color:#ccffff;	
	border: 1px solid #006699;
	padding:0;
}
select {
	background-color:#ffffff;
	border: 1px solid #006699;
}
/*input:focus,textarea:focus, select:focus { */
input:focus,textarea:focus {
	background-color:#ccffff;
}
input.radio,input.checkbox {
	background: #fff;
	padding: 2px;
}
form label {
	font-weight: bold;
	display: block;
}
form label.subscribe-label {
	display: inline;
}
/* -------------------------------------------------------------------------- */
/* "Get Involved" page : MailChimp form : set width of text inputs (name= FNAME, LNAME). */
div.mc4wp-form > form input[type="text"]
{
    max-width: 20em;
}
div.mc4wp-form > form input[type="EMAIL"]
{
    max-width: 25em;
}

/* -------------------------------------------------------------------------- */

/************************************************
* General *
************************************************/
#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 980px;
    overflow: visible;
	position:relative;
	min-height:100%;
	_height:100%; /* for IE6 as it doesnt understand min-height */
}

* html #wrapper {
	height: 100%;
}

#outer_content {
	padding-bottom:120px; 
	overflow: visible;
}

.clear {
	clear: both;
}
.cleared {
	overflow: hidden;
	width: 100%;
}

/************************************************
* Header *
************************************************/
#header {
	padding-top: 15px;
	padding-bottom: 10px;
}
#header #logo {
	float: left;
	width: 100%;
	margin: 3px 0 3px 0;
	vertical-align:middle;
	text-align:left;
}
#header #logo img.logo {
	float: left;
	width: 609px;
	height: 100px;
	border: none;
}

#header #logo #desc01 {
	padding-top: 5px;
}


#header #logo #desc01 a {
	color: #58a741;
	font-size: 2.8em;
	font-weight: bold;
	text-shadow: none;
	padding-left:30px;
}

#header #logo #desc01 a:hover {
	color: #58a741;
}

#header #logo #desc01 img {
	width: 353px;
	height: 23px;
	border: none;	
	padding-top: 15px;
	padding-left:30px;
}

#header #headerbanner {
	float: right;
	width: 248px;
	text-align: left;
	font-size: .8em;
	line-height: 1.4em;

}
#header #headerbanner h3 {
	font-size: 1.1em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}
#header #headerbanner a {
/*
	border-bottom: 1px dashed #58a741;
*/
	font-weight: 600;
	text-shadow: none;
}
#header #headerbanner a:hover {
	opacity: 0.7;
}
#catnav {
	width: 980px;
	background: url(images/blacktrans.png);
}
#nav li {
	float: left;
	background: url(images/blacktrans.png);
	line-height: 2em;
	margin: 5px 0 5px 5px;
}
#nav li a {
	display: block;
	margin: 0;
	font-size: 0.8em;
	color: #000;
	padding: 0 13px;
}
#nav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	padding-top: 5px;
	margin: 0;
}
#nav li:hover ul,#nav li.sfhover ul {
	left: auto;
}
#nav li li {
	padding: 0;
	margin: 0;
	width: 180px;
	line-height: 1.5em;
}
#nav li li a {
	color: #000;
	margin: 0;
	padding: 7px 13px;
	background: url(images/blacktrans3.png);
}
#nav li li ul li {
	margin-left: 13px;
}
#nav li li a:hover {
	color: #afdaff;
}
#nav li:hover,#nav li.sfhover {
	position:static; /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
}

/************************************************
* Content *
************************************************/
#main {
	padding: 15px 0 0 0;
}
#content {
	float: right;
	overflow: visible;
	width: 665px;
}
#content.full {
	width: 980px;
}
h2#contentdesc {
	font-weight: normal;
	font-size: 1.3em;
/*	padding-bottom: 15px; */
}
h2#contentdesc span {
	color: #58a741;
}

/* Link from blog page to archives page.
 * Page header is left, so place this right.
 */
#blog-archives-link
{
	float: right;
    margin: 0.8em 2em 0 0;
}

#content_text p, #content_text li {
	font-size: 0.8em;
	padding: 0 0 8px 0;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	vertical-align:top;
}

#content_text td {
	font-size: 0.8em;
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333; 
}


#content_text p.home_page {
	margin:7px auto -7px auto;
}
	
#content_text ul {
padding: 0 0 0 26px }

#content_text li {
/*
	background:url("images/bullet.png") no-repeat scroll left 7px transparent;
	line-height:1.5em;
	margin:0 0 0 15px;
	padding:2px 0 0 15px;
*/
	list-style: square url("images/bullet.png") outside;
	padding: 0 0 0 7px;
	text-align:left;
	vertical-align:top;
}

#content_text a, #contentdesc a {
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
/*
	border-bottom: 1px dashed #58a741;
*/
	font-weight:bold;
	}
	
 .product_desc {
	font-size: 0.8em;
	padding: 0 0 8px 0;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	text-align:justify;
	vertical-align:top;
	padding-left: 12px;
}		

.product_desc a {
	padding: 4px 8px 4px 8px;
	color: #FFFFFF;
	background-color:#58A741;
	position: relative;
	top: -16px; 
}

.product_desc a.inlineHref {
background: none;
    color: #58A741;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    top: auto;
    vertical-align: baseline;
}	

#content_text a.freeOfFuss {
background: none;
    color: #58A741;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    top: auto;
    vertical-align: baseline;
	border-bottom: none;
}	


.post {
	padding-bottom: 15px;
}
.sticky {
	padding: 10px;
	margin-bottom: 35px;
	background: url(images/blacktrans.png);
}
.posttop {
/*	background: url(images/blacktrans.png); 
    border:2px solid #3B2823; 
	padding: 10px; */
	font-size: 0.8em;
	line-height: 1.8em;
/*
	border-radius: 2px;
	background: none repeat scroll 0 0 #eafee4;
    border: 1px solid #92d27f;
    overflow: auto;
	-webkit-box-shadow: 6px 6px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    6px 6px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         6px 6px 6px 0px rgba(50, 50, 50, 0.3);
*/
    margin: 0 12px 12px 0;
    overflow: auto;
    padding: 6px 6px 8px 18px;
	width: 639px;
	
}
.posttop h2.posttitle a {
	color: #58a741;
	font-size: 1.3em;
/*
	border-bottom: 1px dashed #58a741;
*/
	font-weight:normal;
}
.posttop h2.posttitle a:hover {
	color: #58a741;
/*
	border-bottom: 1px dashed #58a741;
*/
}
.postmetatop {
	overflow: hidden;
	width: 100%;
	font-size: 0.7em;
	padding-top: 8px;
	line-height: 1.5em;
}
.postmetatop .categs {
	float: left;
	width: 450px;
	background: url(images/categ.png) left 2px no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

.postmetatop .categs a {
	color: #58a741;
/*
	text-decoration: none;
	border-bottom: 1px dashed #58a741;
*/
	}
.postmetatop .date {
	float: right;
	width: 130px;
	text-align: right;
}
.postmetatop .date span {
	background: url(images/date.png) left no-repeat;
	padding-left: 20px;
}

.postimage {
	padding: .6em 0 .2em 0;
}

.floatleft {
	float: left; 
	width: 150px; 
}

.floatright {
	float: right; 
	width: 500px;
}
.postcontent {
	color: #000;
	margin: 5px 0 5px 0;
	font-size: 0.8em;
	line-height: 1.5em;
}
.postcontent h1 {
	padding: .8em 0;
	font-size: 1.5em;
}
.postcontent h2 {
	padding: .8em 0;
	font-size: 1.4em;
}
.postcontent h3 {
	padding: .8em 0;
	font-size: 1.3em;
}
.postcontent h4 {
	padding: .8em 0;
	font-size: 1.2em;
}
.postcontent h5 {
	padding: .8em 0;
	font-size: 1.1em;
}
.postcontent h6 {
	padding: .8em 0;
	font-size: 1em;
}
.postcontent p {
	padding: .6em 0 .2em 0;
}
.postcontent a {
/*    font-weight:bold; */
	color: #58a741;
	text-decoration: none;
/*	border-bottom: 1px dashed #58a741; */
}
.postcontent a img {
	background: none;
	border-bottom: 0;
}
.postcontent ul,.postcontent ol {
	padding: .4em 0 .5em 2em;
}
.postcontent ul li {
	list-style: square url("images/bullet.png") outside;
	padding-left:7px;
}
.postcontent ol li {
	list-style: decimal;
}

.postmetabottom {
	background: url(images/whitetrans.png);
	overflow: hidden;
	width: 100%;
	padding: 10px 0;
	font-size: 0.8em;
	line-height: 1.1em;
}
.postmetabottom a {
    font-weight:bold;
	color: #58a741;
	text-decoration: none;
/*
	border-bottom: 1px dashed #58a741;
*/
}
.postmetabottom .tags {
	float: left;
	width: 440px;
	background: url(images/tags.png) left 1px no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	line-height: 16px;
}
.postmetabottom .readmore {
	float: right;
/*	
	padding-right: 10px;
	text-align: right;
*/
	background-color: #58A741;
	padding: 12px;
	position: relative;
    top: -12px;
}

.postmetabottom .readmore a {
	color: #ffffff;
}

.postmetabottom .readmore a:after {
	content:" >";
}
/*
.postmetabottom .readmore span {
	background: url(images/more.png) left 4px no-repeat;
	padding-left: 17px;
}
*/
.homepage {
	float: right;
	width: 160px;
	text-align: right;
	font-size: 0.8em;
	line-height: 1.1em;
}

.homepage span {
	background:url("images/more.png") no-repeat scroll left 4px transparent;
	padding: 0 10px 15px 17px;
	margin-bottom:15px;
	text-align: right;
}
.postmetaauthor {
	background: url(images/blacktrans.png);
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 20px;
}
.postmetaauthor .authorpic {
	float: left;
	width: 60px;
}
.postmetaauthor .authordesc {
	float: right;
	width: 540px;
}
.postmetaauthor .authordesc p.theauthor {
	line-height: 1.4em;
	font-weight: bold;
}
.postmetaauthor .authordesc p.thedesc {
	line-height: 1.4em;
	padding: .8em 0 .2em 0;
}
.postmetaauthor .authordesc a {
	color: #afdaff;
	border-bottom: 1px dashed #afdaff;
}
.postmetaauthor .authordesc a:hover {
	background: url(images/blacktrans.png);
}

/************************************************
* Navigation *
************************************************/
#navigation {
	overflow: hidden;
	width: 100%;
	line-height: 1.7em;
	margin-bottom: 5px;
}
#navigation a {
	/*
	border-bottom: 1px dashed #58a741;
	*/
}
/*
#navigation a:hover {
	background: url(images/blacktrans.png);
}
*/
#navigation .wp-pagenavi a {
	background: url(images/blacktrans2.png);
	padding: 5px 7px;
	border: none;
	font-size: .8em;
	color: #000;
}
#navigation .wp-pagenavi span.pages,#navigation .wp-pagenavi span.current,#navigation .wp-pagenavi span.extend {
	padding: 5px 7px;
	font-size: .8em;
	background: url(images/blacktrans2.png);
	color: #000;
	border: none;
}
#navigation.image a {
	background: 0;
	border: 0;
}
.linkpages {
	clear: both;
	margin: 10px 0;
}
.linkpages p span {
	background: url(images/blacktrans.png);
	padding: 5px 7px;
	color: #ddd;
	font-size: 1em;
}
.linkpages p a {
	background: none;
	border: 0;
}
.linkpages p a span {
	color: #000;
}

/************************************************
* Gallery and Images *
************************************************/
.gallery a, .recent_images a {
	background: none;
	border: 0;
}

/************************************************
* Comments *
************************************************/
#comments {
	margin: 5px 0 0 0;
	width: 640px;
}
#comments h3 {
	font-size:14px;
	font-weight:bold;
	padding:6px 0;
}
#comments ul.commentlist li {
	border: 2px solid #3b2823;
	clear: both;
	margin: 10px 0 0 0;
	padding: 15px;
}
#comments .comment-wrap {
	overflow: hidden;
	width: 100%;
}
#comments ul.commentlist li ul.children li {
	clear: both;
	margin: 20px 0 0 20px;
}
#comments img.avatar {
	float: left;
	margin: 0 20px 0 0;
}
#comments .commentbody .author {
	font-size: .9em;
	margin-bottom: 10px;
	color: #666;
}
#comments .commentbody .author a {
	color: #58A741;
	/*
    border-bottom: 1px dashed #58A741;
	*/
    font-weight: bold;
}

#comments .commentbody .commentmetadata {
	font-size: .7em;
	color: #666;
	margin-bottom: 25px;
}
#comments .commentbody .commentmetadata a {
	color: #666;
}
#comments .commentbody p {
	font-size: .8em;
	padding: 5px 0 8px 0;
	line-height: 1.4em;
}
#comments .commentbody p a {
	color: #b9ff9d;
	border-bottom: 1px dashed #b9ff9d;
}
#comments .reply a {
	margin-top: 5px;
	padding: 5px;
	line-height: 1.3em;
	font-size: .7em;
	float: left;
	background: #ddd;
	color: #000;
}
#comments .reply a:hover {
	background: #fff;
	color: #111;
}
#comments h3#trackbacktitle {
	padding-top: 10px;
}
#comments ul.trackback {
	margin: 10px 0 15px 0;
	padding: 15px;
	background: url(images/blacktrans.png);
}
#comments ul.trackback li {
	margin-bottom: 17px;
	font-size: .9em;
}
#comments ul.trackback li .commentbody .author {
	margin: 0;
}
#comments a#cancel-comment-reply-link {
	display: block;
	padding: 8px 0;
}
#comments a#cancel-comment-reply-link:hover {
	color: #ccc;
}
#comments #respond {
	margin-top: 0;
	overflow: hidden;
	width: 100%;
}
#comments #respond h3 {
	font-size:14px;
	font-weight:bold;
	padding:6px 0;
}

#comments #respond input {
	font-size: .8em;
/*	padding: 5px;
	width: 200px;
	height: 24px;
	background: #efefef;
	border: 1px solid #d8a84b; 
*/
}

#comments #respond p {
	padding: .5em 0 0 0;
}
#comments #respond p label {
	font-size: 11px; 
	font-weight: normal; 
	padding: 0 0 6px 0; 
}
#comments #respond textarea {
	width: 600px;
	font-size: .8em;
/*
	padding: 10px;
	background: #efefef;
	font-size: .8em;
	background: #efefef;
	border: 1px solid #d8a84b;
*/	
}
#comments #respond .submitbutton {
	color: #000;
	background: url(images/button_wide.png) no-repeat;
	padding: 0 3px 7px 3px;
	line-height: 1.4em;
	font-size: .8em;
	border:none;
	width:160px;
	height:28px;
}
#comments #respond .submitbutton:hover {
	cursor: pointer;
}
#comments #respond p.subscribe-to-comments label {
	display: inline;
	margin-left: 4px;
}

/************************************************
* Sidebar *
************************************************/
#sidebar {
	float: left;
	overflow: hidden;
	width: 290px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 30px;
}
#sidebar ul li.boxed {
    border: 2px solid #3b2823;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
}
#sidebar h3 {
	background-color:#58a741;
	padding: 5px 10px;
	line-height: 1.3em;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 10px;
	color:#FFFFFF;
}

#sidebar h3 a {
	background-color:#58a741;
	padding: 0;
	line-height: 1.3em;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 10px;
	color:#FFFFFF;
	text-decoration: none;
}

#sidebar ul ul li {
	margin-left: 10px;
}

#sidebar ul ul li a {
	line-height: 2em;
}
#sidebar ul ul li a:hover {
    opacity: 0.7;
}
#sidebar a {
    font-weight: bold;
/*
	border-bottom: 1px dashed #58a741;
*/
}

/* Long text in an <a> in the left sidebar.
 * Wrapped in a div so hanging indent can be applied,
 * so inherit the color and opacity of the parent a.
 */
li.boxed > ul > li > a > div.long_a.hanging_indent
{
	text-indent: -2em;
	margin-left: 2em;
	color: inherit;
	opacity: inherit;
}


#sidebar ul ul li {
	background: url(images/bullet.png) left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 14px;
	/* Seems unnecessary.
	margin: 0 0 0 15px;
	*/
}

#sidebar p {
	color: #eee;
	padding: 0 5px 10px 5px;
}
#sidebar img {
	background: none;
	border: none;
	/* Before the 2015 additions, all <img> in #sidebar specify padding in element style, so this is not used (and it conflicts with .social-buttons img padding)
	padding: 0 0 0 5px;		*/
}
	#sidebar .rsswidget img {
		background: transparent !important;
	}
#sidebar img.avatar {
	float: left;
	padding: 0 15px 5px 5px;
}
.widget table {
	width: 100%;
}
#tag_cloud a, .widget_tag_cloud a, .widget_text a, h3 a.rsswidget {
	display: inline !important;
}
#sidebars ul.children li {
	border-bottom: none;
}
#sidebars ul.children {
	margin-bottom: 0;
}
.widget_recent_comments table td {
	background: none;
	overflow: hidden;
	padding-bottom: 2px !important;
}
#sidebar .widget_recent_comments img.avatar {
	padding: 5px 5px 3px 5px;
}
.widget_recent_comments li {
	margin: 5px;
}
.widget_twitter ul li, .widget_rss ul li {
	margin: 8px 2px;
}
.widget_categories ul li a, .widget_archive ul li a, .widget_twitter ul li a {
	display: inline !important;
}
.widget_rss ul li span {
	padding: 2px 5px;
}
.widget_flickr table {
	background-color: transparent !important;
	margin: 0;
	border: 0 !important;
}
.widget_flickr table td {
	background: none;
	padding: 0;
}
#sidebar .widget_flickr img {
	padding: 0;
}

/* The social buttons after "Follow us" and in the header (the latter is .small).
 * This is copied from the hard-wired style of facebook and twitter a,img,
 * and can replace it.
 *
 * "Follow us": #sidebar > ul > li.boxed > ul > li.social-buttons
 * header : #headerbanner > div.small.social-buttons
 */
.social-buttons > a
{
	border-bottom:none;
}
.social-buttons > a > img
{
	width: 32px;
	height: 32px;
	padding: 10px 10px 0 0;
}
.small.social-buttons > a > img
{
	width: 16px;
	height: 16px;
}

.social-buttons > a:hover > img
{
    opacity: 0.7;
}


/************************************************
* Footer *
************************************************/
#footer {
	background: url(images/gradient_rev.png);
	overflow: hidden;
	width: 100%;
	font-size: 0.8em;
	position:relative;
	margin: 0 auto 0 auto;
    position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both;	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4E4E4), color-stop(1, #CECECE));
	background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #CECECE 100%);
	background-image: -moz-linear-gradient(bottom, #E4E4E4 0%, #CECECE 100%);
	background-image: -webkit-linear-gradient(bottom, #E4E4E4 0%, #CECECE 100%);
	background-image: -ms-linear-gradient(bottom, #E4E4E4 0%, #CECECE 100%);
	background-image: linear-gradient(to bottom, #E4E4E4 0%, #CECECE 100%);
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-120px;
}

* html #footer
	{
    margin-top:-120px;
	}

#footer .foot1 {
	float: left;
	width: 310px;
	margin: 10px 0 0 10px;
	display: inline;
}
#footer .foot2 {
	float: left;
	width: 310px;
	margin: 10px 15px 0 15px;
}
#footer .foot3 {
	float: left;
	width: 310px;
	margin: 10px 0 0 0;
}
#footer h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: .4em;
}
#footer h4 {
	font-weight: normal;
	font-size: 1em;
	margin: .8em 0 .2em 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}
#footer p {
	line-height: 1.5em;
	color: #eee;
	padding: .2em 0 .8em 0;
}
#footer ul li {
	padding: 10px;
	margin-bottom: 10px;
	background: url(images/blacktrans.png);
}
#footer ul ul li {
	background: url(images/bullet.png) left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
}
#footer li a {
	display: block;
	font-weight: normal;
	padding: 2px 5px;
}
#footer .widget_tag_cloud a {
	display: inline;
}
#footer .widget_tag_cloud {
	background: none;
	color: #000;
}
.widget ul {
	width: 100%;
	overflow: hidden;
}
#credits {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: .7em auto 0px auto;
	padding: 0;
	text-align: left;
	width: 980px;
	font-size: 0.7em;
	line-height: 1.4em;
}
#credits a {
	color: #3b2823;
	text-decoration:underline;
	font-weight:bold;
}

#credits #creditsleft {
	float: left;
	width: 600px;
	color: #333;
}
#credits #creditsright {
	float: right;
	width: 600px;
	text-align: right;
}

/************************************************
* WP related *
************************************************/
.alignleft {
	float: left;
	margin: 5px 15px 7px 0;
}
.alignright {
	float: right;
	margin: 5px 0 7px 15px;
}
.aligncenter,div.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
img.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}
img.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
img.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption {
	text-align: center;
	background-color: #fff;
	padding-top: 6px;/* optional rounded corners for browsers that support it */
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.wp-caption alignleft a {
	border-bottom:none;
}
.wp-caption img {
	padding: 0;
	margin: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/************************************************
* Shopp                                         *
************************************************/
#shopp #errors * { 
	color: #990000; 
}
.billing_address {
	width: 96%;
}

li.special_error div#errors.shopp h3{
	visibility:hidden;
	display:none;
}

/************************************************
* Menu                                          *
************************************************/
#top {
	float: left;
	width: 100%;
	padding-bottom: 12px;
}

#top  #topmenu li,
#top  #topmenu li ul li {
	float: left;
	background: url(images/whitetrans.png);
	line-height: 1.5em;
	margin: 0 0.2em 0 0;
	padding: 0 .8em .2em .8em;
}

#top #topmenu a {
	color: #fff;
	font-weight: normal;	
	line-height: 1.5em;
	font-size: 13px;
}

.menu {
	display: block;
}
.menu .menu-header li,
div.menu li {
	float: left;
	position: relative;
}

.menu ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	background-color:#6633CC;
	position: absolute;
	top: 26px;
	left: -4px;
	float: left;
	width: 180px;
	z-index: 99999;
}
.menu ul ul li {
	min-width: 180px;
}
.menu ul li:hover > ul {
	display: block;
}

#top #topmenu li:hover {
	background-color:#752817;
}

#top #topmenu li ul li:hover {
	background-color:#752817;
}

#top #topmenu li ul li {
	background-color:#45332e;
	border:1px solid #3b2823;
	border-left:3px solid #3b2823;
}

#top #topmenu li.current_page_item {
	background-color: #cd3801;
	font-weight:bold;
}

#search {    
	padding-right: 8px;
	padding-bottom: 0;
	text-align: right;
	background-color:#3b2823;
	height: 27px;
}

#searchbox {
	width: 198px;
	color: #555;
	font-size: .76em;
	border-top: none;	
	border-bottom: 1px solid #3b2823;	
	border-left: 1px solid #3b2823;
	border-right: 1px solid #3b2823;
	height: 16px;
}

#searchform input {
    background-color: #FFFFFF;
    padding: 4px 4px 3px 4px;
}

#searchform .submitbutton{
    height:23px;
	width:30px;
	cursor: pointer;
	border:none;
	background: url(images/button.png);
	color: #000;
	font-size: 0.8em;
	padding: 0 0 3px 3px;
	vertical-align: middle;
	text-align:center;
}	

#go {
	background: url(images/go_button.png);
}

/* Newsletter */
.newsletter th {
	font-size: 12px;
    font-weight: bold;
    padding-top: 16px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	text-transform: none;
	text-align: left;
}

input.newsletter-submit[type="submit"] {
	color:#000000;
	border:none;
	background-color:#fff;
	width: 100px;
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #EBEAEA),  color-stop(1, #A9A7A7),  color-stop(1, #CBC9C9) );
	background-image: -o-linear-gradient(bottom, #EBEAEA 0%, #A9A7A7 100%, #CBC9C9 100%);
	background-image: -moz-linear-gradient(bottom, #EBEAEA 0%, #A9A7A7 100%, #CBC9C9 100%);
	background-image: -webkit-linear-gradient(bottom, #EBEAEA 0%, #A9A7A7 100%, #CBC9C9 100%);
	background-image: -ms-linear-gradient(bottom, #EBEAEA 0%, #A9A7A7 100%, #CBC9C9 100%);
	background-image: linear-gradient(to bottom, #EBEAEA 0%, #A9A7A7 100%, #CBC9C9 100%);
	border-bottom: 1px solid #000000;
	border-radius: 8px;
	padding: 6px;
	font-size: 1em;
}
/*----------------------------------------------------------------------------*/
/* For 'Custom Facebook Feed' (wordpress.org/plugins/custom-facebook-feed/ ).
 */

/* Override the above : #sidebar p { color: #eee; ... }
 * It would be sufficient to select just (.cff-author-text p, .cff-details p),
 * but it seems desirable to exclude that color setting broadly within #cff.
 */
#cff .cff-item p
{
	color: inherit;
}

#cff p.cff-page-name.cff-author-date
{
    color: #3b5998;	/* blue */
}

.cff-author a:hover
{
    opacity: 0.7;
}

#cff > div.cff-likebox.cff-top
{
	/* override top margin 20px; don't need that  - just looks asymmetric */
	margin : inherit;
}

/* <a> which don't have any other dynamics are given class hover_trans to
 * provide a visual indication that they are links.
 * This could be constrained to #sidebar.
 */
.hover_trans:hover,
.hover_trans:focus
{
	/* sb_instagram (sbi) uses 0.85 */
    opacity: 0.7;
}

/* For a facebook logo displayed above the cff section
 */
img.social-feed-title.facebook
{
	max-width: 60%;
}
/* colour of border around cff section. */
#sidebar li.boxed.social-feed.facebook
{
	border-color:  #3b5998;	/* blue */
}
/*----------------------------------------------------------------------------*/
/* For smashballoon/instagram-feed, #sb_instagram
 */
/* div.sbi_header_img has style to respond to a:hover.
 * The following adds some opacity change to .sbi_header_text elements (h3, p).
 */
#sb_instagram > div.sb_instagram_header > a:hover > div.sbi_header_text
{
    opacity: 0.7;
}
#sb_instagram .sbi_header_text > h3
{
    background-color: inherit;
    color:  #58a741;
    font-family: inherit;
    font-weight: inherit;
}
#sb_instagram .sbi_header_text > p.sbi_bio
{
    color:  #58a741;
}

/* colour of border around #sb_instagram section. */
#sidebar li.boxed.social-feed.instagram
{
	border-color:  #a2725b;	/* light brown, like the camera head */
}
/* For an instagram logo displayed above the #sb_instagram section
 */
img.social-feed-title.instagram
{
	max-width: 60%;
}

/*----------------------------------------------------------------------------*/
/* For plugin 'Search & Filter' by 'Designs and Code'.
 *   https://wordpress.org/plugins/search-filter/
 *   http://www.designsandcode.com/wordpress-plugins/search-filter/
 * Developed against plugin version 1.2.7.
 */

/* Display the ul > li > {h4,select} as table cells.
 * Each li is a row, with 2 columns : field name and value selector.
 */

.searchandfilter
{
    margin-bottom: 1.5em;
    margin-left: 1em;
}

.searchandfilter > div > ul
{
    display: table;
}

form.searchandfilter > div > ul > li
{
    display: table-row;
}

form.searchandfilter > div > ul > li > h4
{
    display: table-cell;
    padding-left: 4em;
}

form.searchandfilter > div > ul > li > select.postform
{
    display: table-cell;
}

/*----------------------------------------------------------------------------*/

form.searchandfilter input,
form.searchandfilter select.postform
{
	border-width : 2px;
	border-color : #58A741;
}
/* Submit/"Search" button; exception to preceding rule */
form.searchandfilter input[type="submit"] {
	color: #FFFFFF;
	background-color:#58A741;
}
/*----------------------------------------------------------------------------*/
/* for Page ContactUs.html */

table.OpenHours > tbody > tr > td:FIRST-CHILD /* or td:nth-child(1) */
{
    font-weight:bold;
    /* for older browsers : <col style="font-weight:bold;" /> */
	padding-right: 2em;
}

/* Factored to here from the received page HTML. */
table.OpenHours td
{
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------------*/

/* Public transport information, in sentences, in space left of map. */
/* div.map_side_text is div:nth-child(2)  */
div#contact > div > div.map_side_text > div
{
	margin-top : 1.5em;
}


/*----------------------------------------------------------------------------*/