/*
Theme Name: Brandlabs Custom Theme for The Garden Gates
Theme URI:http://blog.thegardengates.com/
Description:Custom theme for Volusion stores created by Brandlabs. Based on Classic Theme
Version: 1.0
Author: Brand Labs
Author URI: http://www.brandlabs.us/
Tags: volusion, custom header, fixed width, two columns, widgets
*/



/* Template Overrides
---------------------------------------*/
#content_nav, #content_pri { display: none !important; }
#content_area { width: 922px; padding: 0; margin: 0 auto; }
#content { background: transparent !important; }
#content_area table, 
#content_area table td { border-collapse: collapse !important; border: 0; padding: 0 !important; }

/*****************************************		
    		Configuration
******************************************/

#content { background: #fff url('images/content_area_bg.gif') no-repeat !important; width: auto;  }
#content_area table { width: 940px !important; }
#sidebar div.sidebar_header img { display:none; }
#content_sec { background: transparent; }
#sidebar li.widget h2.widgettitle { background: #97bdc7; padding-bottom: 22px; width: 187px; } 
/* #sidebar div.sidebar_header h2 { display: none} */

/* 	Columns - Set Up Column Sizes
---------------------------------------*/
#blog_content { }
#blog_page{ padding:0;width: 910px; margin: 0 auto;  margin: 0 auto; }
* html #blog_page { margin: 0; }
#blog_posts { width: 702px; margin-right: 5px; border: 1px solid #dad7ca; }
	#blog_posts .post { background: #fff; width: 675px; border: 1px solid #260b00; }
	 #blog_posts .commentlist, #comments, #respond { width: 675px; margin: 10px auto; }
	 
		#blog_posts .postbody {  width: 655px; margin: 10px auto;}
#bloglogo { height: 50px; width:906px; /*margin: 5px 0 5px 0 */}
	#bloglogo a { display:block; height: 38px; margin: 0 0 0 0;}
	#bloglogo_img a { width: 300px;  } 
	#bloglogo_rss a { width: 85px; }
#blog_content, #sidebar { } 
	#blog_content { width: 910px; margin-right: 0;  }
	#sidebar { width: 215px; /*197px;*/ /*200px;*/ }

.narrowcolumn{ float:left; padding:0 0 20px 0; margin:0px 0 0; }
.widecolumn{ padding: 10px 0 20px 0; margin: 5px 0 0 105px; } 

/* 	Links	*/
#blog_page a, #blog_page a:visited, #blog_page a:active {text-decoration:none}
#blog_page a:hover, #blog_page h1 a:hover, #blog_page h2 a:hover, #blog_page h3 a:hover { color:#786A56;  text-decoration:none}


/*****************************************		
    		Backgrounds
******************************************/
/*#sidebar div.sidebar_header { background: url('images/sidebar_header_bg.gif') no-repeat;  }*/
#bloglogo  { background: url('images/blog_header_bg.gif') no-repeat; margin-left: 2px; }
#blog_posts { background:url('images/blog-midd-bg.png') top center repeat-y;  }
#blog_posts .posttitle { background:#260b00;  }
#sidebar ul ul {  }
#sidebar ul ul ul { background: transparent; }

#view_cart_text_right { display: none; }

/*****************************************		
    	Inside the Loop: .post/.entry
******************************************/
/*  .post
---------------------------------------*/
	#blog_posts .post { margin:10px auto 30px; padding:0; color: #3c291e; overflow:hidden;}		
	#blog_content.single .post { margin-bottom: 0; }
		.post hr {display:block}
		.post h2, .post h2 a, .post h2 a:hover, .post h2 a:visited{color:#000;}
		
	.postheader {  padding: 0 0 2px 0; font-size: 0; }
		.postheader h2 { float: left; padding: 0; margin: 0; width: auto; font-size: 0;}
			#blog_posts .postheader h2 a,
			#blog_posts .postheader h2 a:link,
			#blog_posts .postheader h2 a:active,
			.pagetitle, .pagetitle:hover { color:#fefffd; font-size:22px; font-weight:normal; text-transform: capitalize; font-family: Times New Roman, Georgia, Sans-serif;  }
			#blog_posts .postheader h2 a:hover { color:#92B1B3; font-size:22px;}
			#blog_posts .postheader a { font-size:10px; }
			.posttitle { padding: 10px 0 13px 10px; }
		.postheader .postinfo { float: left; width: auto; display: block; padding: 12px 0 0 0; width:100%;  color: #3C291E; text-transform:uppercase; letter-spacing:1px; }
	.postheader .postinfo span { font-size:10px;  }
	.postheader .postinfo span.postinfo_sep  { color: #666666; }
	.postfooter {  margin: 0 0 10px 0; padding: 4px 0 0 0; }
		#postinfo, #postinfo a, #postinfo a:hover, #postinfo a:visited, 
		.postbyline { font-size: 10px;  }
			#blog_posts .postbyline .postbyline_cat ,
			#blog_posts .postbyline .postbyline_cat a,
			#blog_posts .postbyline .postbyline_cat a:active,
			#blog_posts .postbyline .postbyline_cat a:link,
			#blog_posts .postbyline .postbyline_first,
			#blog_posts .postbyline span { color: #3C291E; font-weight: normal; font-size: 10px; text-transform:uppercase; letter-spacing:1px; font-family: Arial, Helvetica, sans-serif;}
			#blog_posts .postbyline .postbyline_cat a,
			#blog_posts .postbyline .postbyline_cat a:active,
			#blog_posts .postbyline .postbyline_cat a:link { color:#679DA0;}
			#blog_posts .postbyline .postbyline_cat a:hover { color:#786A56; text-decoration: none;}
			
			#blog_posts .postbyline span.postbyline_time { color: #3C291E; }
		.postmeta {width: auto;}
				.postmeta .postmeta_tags { display: none; }
				.postmeta .postmeta_comments { }
					#blog_posts .postmeta_comments a,
					#blog_posts .postmeta_comments a:link,
					#blog_posts .postmeta_comments a:active { color:#679DA0; font-size: 10px; font-family:Arial,Helvetica,sans-serif;font-size:10px; }
					#blog_posts .postmeta_comments a:hover {  color:#786A56; text-decoration: none; }
		#postinfo a, #postinfo a:hover, #postinfo a:visited, 
		div.postmetadata a, div.postmetadata a:hover, div.postmetadata a:visited, 
		div.postmetaedit a, div.postmetaedit a:hover, div.postmetaedit a:visited{text-decoration:underline}
		#blog_posts .postmetadata { border-top: 1px solid #eeeee8; margin: 10px 0; border-top:1px solid #EEEEE8;
				padding:10px 10px 0 5px; }
		#blog_posts .postmetadata,
		#blog_posts .postmetadata small,
		#blog_posts .postmetadata a:link,
		#blog_posts .postmetadata a:active,
		#blog_posts .postmetadata a { color: #3C291E; font-size: 10px; line-height:16px;  }
		#blog_posts .postmetadata a:link,
		#blog_posts .postmetadata a:active,
		#blog_posts .postmetadata a { color:#679DA0 }
		#blog_posts .postmetadata a:hover { color: #786A56; text-decoration: none; }
		#blog_posts h3#comments , #respond h3 { font-family:Times New Roman,Georgia,Sans-serif; font-size:18px; font-weight:normal; text-transform:capitalize; color:#666666;
		}
		#respond_submit { width: 497px; }

/*  .Entry (Inside Posts)
---------------------------------------*/	
.entry{ font-size:11px; }
	.entry, .entry p { font-size:12px;line-height:16px; color: #3c291e; font-family: Arial, Helvetica, sans-serif; }
	.entry p a:visited, .entry p a, .entry p a:hover{ color:#F06400; text-decoration:underline}
	.widecolumn .entry p,
	.narrowcolumn .entry, 
	.widecolumn .entry {line-height:14px}
	.widecolumn {line-height:14px}
	.narrowcolumn .postmetadata { text-align:left }
	.thread-alt { background-color:#f8f8f8 }
	.thread-even { background-color:white }
	.depth-1 { border:1px solid #ddd }
	
#blog_search { background: url('images/sidebar_search_bg.gif') no-repeat 0 0; }
.widget #blog_search { margin-top: 10px; }
	#blog_searchform { }
		#blog_searchform div input#s { 
			 text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px;
			 color: #3c291e; padding: 0 1px 0 0; width: 130px; margin: 0 15px; float: left;}
		#blog_search div a { float: left; width: 22px; height: 22px; margin-left: 14px; }
		#blog_searchform div input { float: left;    }
		#blog_searchform div input.text { width: 120px; color: #dad7ca;    }
		#blog_searchform div input.submit { margin: 0; }
		.post-navigation { line-height: 20px; height:auto; }

/*****************************************		
    		#sidebar 
******************************************/		
#sidebar{ margin: 0 0 0 0; padding: 0px 0px 0px 30px; }
	/*	Top Level Sidebar Modules	*/
	#sidebar .section { }
	

/*	Widecolumn	*/
.widecolumn .post{margin:0}
	.widecolumn .postmetadata{ margin:30px 0}
	.widecolumn .smallattachment{ text-align:center; float:left; width:128px; margin:5px 5px 5px 0px}
	.widecolumn .attachment{text-align:center; margin:5px 0px}
	.postmetadata{clear:both}

/* Begin Lists 
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px}
html>body .entry li{margin:7px 0 8px 10px}

.entry ul li:before{/*content:"\00BB \0020"; */content:url(images/bullet.gif)}
#sidebar ul ul li:before{ /*background:transparent url(images/orange_bullet.gif) no-repeat scroll left 10px; *//*content:url(images/bullet_2.gif); *//*vertical-align:middle; */}
.entry ol{padding:0 0 0 35px; margin:0}
	.entry ol li{margin:0; padding:0}
.postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none}

/*	#searchform <- Searchform.php
---------------------------------------*/
#searchform{/*margin:10px auto; *//*padding:5px 3px; */text-align:left}
	#sidebar #searchform #s{border:1px solid #789111; width:149px; height:18px; padding:2px; vertical-align:top}
	#sidebar #searchsubmit{padding:0; margin:0}

.entry form{ /* This is mainly for password protected posts,makes them look better. */text-align:center }
select{ width:130px }

/*	Comments
---------------------------------------*/
.commentlist li, #commentform input, #commentform textarea{font:0.9em Arial,Helvetica,Sans-Serif}
	.commentlist li ul li{font-size:1em}
	.commentlist li{font-weight:bold; width: 99%; }
		.commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff}
		.commentlist cite, 
		.commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}
		#blog_posts .commentlist cite a { font-size: 12px; font-weight:normal;}
			.says { font-weight: normal }
			#blog_posts .comment-meta a,
			#blog_posts .comment-meta a:link,
			#blog_posts .comment-meta a:active {color: #3c291e; font-size: 11px; line-height:18px; }
			 
	.commentlist p{ font-weight:normal; line-height:1.5em; text-transform:none; font-size: 12px;}
#commentform p{font-family:Arial,Helvetica,Sans-Serif}
.commentmetadata{font-weight:normal}	
#comments_wrapper { float:right }
	#comments_wrapper a, #comments_wrapper a:hover, #comments_wrapper a:visited{text-decoration:none}
.commentlist{padding:0; text-align:justify; margin-right:15px; border-color: #f2f1ea}
	.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; width: 658px;}
		.commentlist li ul li{margin-right:-5px; margin-left:10px}
	.commentlist p{margin:10px 5px 10px 0}
.children{padding:0}
#commentform input.text { background: #fff; padding:2px; margin:5px 5px 1px 0; border-color: #d1cebd; border: 1px solid  #d1cebd; }
	#comment { border:1px solid #d1cebd;   }
	#commentform{margin:5px 10px 0 0}
	#commentform label,
	#commentform label small {font-family: tahoma, arial, sans-serif; color: #3c291e; font-size: 11px;}
	#commentform textarea{  width:98%; width:485px; padding:1%}
	
	#commentform #submit{margin:0 0 5px auto; float:right}
#respond{margin-right:15px}
	#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.alt{margin:0; padding:10px}
#submit_response_btn { width: 119px; height: 18px; }

/*	Widgets
---------------------------------------*/
#sidebar ul { list-style:none; padding:0; margin:0; }
#sidebar li.widget { margin-bottom: 10px; font-family: "Times New Roman", Georgia, Sans-serif; }
#sidebar li.widget a { font-family: "Times New Roman", Georgia, Sans-serif; color:#000000 ;}
li.widget{color:#7A7A7A; list-style:none; ;}
#sidebar li.widget h2.widgettitle {  color:#000000; font-family:Tahoma, Geneva, sans-serif; 
	 font-size: 22px; border: 1px solid #dad7ca; border-width: 0 0 1px;  margin:0 0 0 0; padding:0px 8px 0 0; font-weight:normal;  width: 168px; line-height:1.4em; text-align:left; }
#sidebar ul ul { padding: 4px 0 24px 0px; }
#sidebar ul ul ul { padding: 0;}
#sidebar li.widget li { padding: 0 0px 0 0; /*margin: 4px 5px 15px 0;*/ margin: 0px 5px 0px 0; color: #3c291e; }
#sidebar li.widget_categories  { color: #3c291e; font-size: 15px; font-family: "Times New Roman", Georgia, Sans-serif; width:195px; }
#sidebar li.widget_categories a,
#sidebar li.widget_categories a:link
#sidebar li.widget_categories a:active { font-size:15px; margin-right: 3px; }
#sidebar li.widget  a:hover { color: #487072; text-decoration: none; }
#sidebar li.widget_tag_cloud div { width: 170px; margin: 10px 0 0 14px; padding: 0; }
#sidebar li.widget_tag_cloud div a,
#sidebar li.widget_tag_cloud div a:link,
#sidebar li.widget_tag_cloud div a:hover { text-transform: lowercase; font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Serif; }
#sidebar li.widget_recent_entries a { font-size: 13px; line-height:16px; font-family:Tahoma, Geneva, sans-serif, Arial, sans-serif;  }
li.widget div.rssbuttonwidget{color:#9BB835; font-size:18px; font-weight:bold; line-height:1em; background:url(images/rss_button.gif) no-repeat 2px 2px; padding-left:24px; height:20px; vertical-align:top;}
li.widget div.rssbuttonwidget a, 
li.widget div.rssbuttonwidget a:hover, 
li.widget div.rssbuttonwidget a:visited{color:#9BB835; font-size:18px; font-weight:bold; text-decoration:none}

#subscribe_to_rss{height:20px}
	#subscribe_to_rss #rss_left{float:left}
	#subscribe_to_rss #rss_icon{margin-right:7px; vertical-align:middle}
	#subscribe_to_rss #rss_right{float:left; padding-top:2px}
#subscribe_to_rss #rss_text_link{/*padding-top:3px; */}

 #blog_posts a:hover { color: #786A56; text-decoration: none; }

/*****************************************		
    	Required: Do Not Modify
******************************************/

/*	Helper
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clearfix:after, .sxn:after, .block:after, .colgroup:after, .bfr:after, .bfl:after, .page:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix, .sxn, .block, .colgroup, .fl, .page, .sxn, .bfr, .bfl {display:inline-block}
html[xmlns] .clearfix, html[xmlns] .sxn, html[xmlns] .block, html[xmlns] .bfr, html[xmlns] .bfl, html[xmlns] .colgroup, html[xmlns] .page{display:block}
* html .clearfix, * html .bfl, * html .bfr, * html .sxn, * html .colgroup, * html .fl, * html .page{height:1%}
.section, .sxn { float: none;}
.colgroup, .block, .bfl, .fl  { float: left;}
 .fr { float: right; }
.page { margin: 0 auto; }
.clearfloat, .clear { clear:both; height:0; font-size: 0px; line-height: 0px; }
* html .clearfloat, * html .clear {font-size:1px}
.hide { display: none; }
/*	Image fix for ie 6 */
.f0, .imgfix { font-size: 0; line-height: 0px;  } 
.page, .inset { margin-left: auto; margin-right: auto;}
.inset { width: auto; margin: 0 auto; }
.hide {display: none; } .db { display: block; }

.single #comments_wrapper{display:none}

.post .post_edit span a {width: 40px; padding: 3px; text-align: center; border: 1px solid #eee;color: #777}
 .post .post_edit span a:hover { background: #ffff00;  border: 1px solid #ffee00;  }
 
#recent-posts-3 { width: 195px; }



/*010711------------------------------------*/
.js-banner-block { height: auto; width:906px; background:#FFF; margin:0 auto; }
.bfr { float: right; /*background:url('images/sidebar-bg.png') top center repeat-y;*/ }
#categories-3 { margin:0px 10px 0px 0px; width:190px !important; /*background:url('images/side-categories-bg.jpg') top left repeat-x #120702;*/}
#categories-3 h2 { 
/*
background:none !important; border:none !Important; color:#ffffff !important; font:normal 22px Tahoma, Geneva, sans-serif !Important; text-transform:none !important; padding:8px 8px 8px 11px; !important; text-align:left !important; */
color: #626262 !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 40px 8px 5px 0 !important;
text-align: left !important;
background: none !important;
}
#categories-3 ul li a { /*color:#FFF !important; font:normal 13px Tahoma, Geneva, sans-serif !Important; */
color: #54BFD8 !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 0 !important;
text-align: left !important;
}
#categories-3 ul li a:hover{ color:#97BDC6 !important;}

#bloglogo_rss { display:none; }

.alignleft a, .alignright a { color:#786A56; }
.post-navigation.sxn { width:700px;}

#recent-posts-3 .widgettitle {
background: none repeat scroll 0 0 transparent !important;
color: #626262 !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 0px 8px 5px 0 !important;
text-align: left !important;
}

#recent-posts-3 ul li a {
color: #54BFD8 !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 0 !important;
text-align: left !important;
}

#recent-posts-3  ul li a:hover{ color:#97BDC6 !important;}

#tag_cloud-3 .widgettitle {
background: none repeat scroll 0 0 transparent !important;
color: #626262 !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 0px 8px 5px 0 !important;
text-align: left !important;
}

#tag_cloud-3 div a {
color: #54BFD8 !important;
font-family: Arial,Helvetica,sans-serif !important;
letter-spacing: 0 !important;
line-height: 21px !important;
padding: 0 !important;
text-align: left !important;
}

#tag_cloud-3  div a:hover{ color:#97BDC6 !important;}
#sidebar li#tag_cloud-3.widget_tag_cloud div { margin-left:0px; }