/*
Theme Name: Brandlabs Custom Theme
Theme URI:http://<domain>/
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_area { width: 761px; padding-right: 31px;}
#content_area table,
#content_area table td { border-collapse: collapse !important; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }

/*****************************************		
    		Sidebar
******************************************/


/* 	Columns - Set Up Column Sizes
---------------------------------------*/
#blog_page{ padding:0; width:auto; margin: 0 0 0 0px; font-family: Arial, Helvetica, sans-serif; }
* html #blog_page { margin: 0; }
#bloglogo {}
	#bloglogo_img { } 
	#bloglogo_rss { margin: 0 0 0 0; }
#blog_content, #sidebar { float: left; } 
	#blog_content { width: 527px; margin-right: 0; }
	#sidebar { width: auto; margin: 0 0 0 15px}

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

/*****************************************		
    		Global Styles
******************************************/
#blog_page {}
small{ font-family: Arial,Helvetica,Sans-Serif; font-size:0.9em; line-height:1.5em }
/* Header */
#comments,
h1, h2, h3, 
h4, h5, h6 { color:#000; font-size:14px }
h1, h2, h3 { /*font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; */ font-family:Arial,Helvetica,Sans-Serif; font-weight:bold}
h1{font-size:4em; text-align:center}
h2{font-size:1.6em}
	h2.pagetitle{font-size:1.6em}
h1, h1 a, h1 a:hover, h1 a:visited{text-decoration:none; color:white}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{ color:#000 }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite{text-decoration:none}
h3{font-size:1.3em}
/* Begin Headers */
h1 { padding-top: 0px; margin:0}
h2 { margin: 0px 0 0}
h2.pagetitle{ color:#000; margin: 10px 0 0 0; text-align:center }
h3 { padding:0; margin:30px 0 0 }
h3.comments{padding:0; margin:40px auto 20px}
p img{padding:0; max-width:100%}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{color:#000}
code {font:1.1em 'Courier New',Courier,Fixed}
acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em}

/* 	Links	*/
#blog_page a, #blog_page a:visited, #blog_page a:active {color:#2655A3; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
#blog_page a:hover, #blog_page h1 a:hover, #blog_page h2 a:hover, #blog_page h3 a:hover{color: #000; text-decoration:underline}
#blog_page small a, #blog_page small a:active, #blog_page small a:link { font-size: 10px; }

acronym, abbr, span.caps{cursor:help}
acronym, abbr{border-bottom:1px dashed #999}
blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}
	blockquote cite{margin:5px 0 0; display:block}
a img{border:none}
.center{text-align:center}
.hidden{display:none}
hr{display:none}
.navigation{display:block; font-family:Arial,Helvetica,Sans-Serif; font-size:11px; text-align:center; margin-top:10px; /*margin-bottom:60px; */}
.narrowcolumn .navigation{ padding-right:15px }

/* Captions */
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}

/* 	Image Align	*/
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}
.alignright{float:right}
.alignleft{float:left}

/*****************************************		
    	Inside the Loop: .post/.entry
******************************************/
/*  .post
---------------------------------------*/
	.post { margin:10px 0px 40px 0; padding:0; font-family: Arial, Helvetica, sans-serif; width: 510px;}
	.postinfo_cat { display: none; }
		.post hr {display:block}
		.post h2, .post h2 a, .post h2 a:hover, .post h2 a:visited{color:#2655A3;font-size:17px;}
	.postheader { border-bottom:1px solid #A89A9B; padding: 0 0 10px 0; font-size: 0; }
		.postheader h2 { float: left; padding: 0; margin: 0; width: auto; font-size: 0;}
			.postheader h2 a { color:#2655A3 !important;font-size:17px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
		.postheader .postinfo { float: right; width: 200px; display: block; padding: 0 0 0 0;  }
	.postheader .postinfo span  { float:right;  font-family:verdana,arial,sans-serif !important; font-size:10px; padding:5px 0 0; }
	.postfooter { margin: 0 0 10px 0; padding: 4px 0 0 0; }
		#postinfo, #postinfo a, #postinfo a:hover, #postinfo a:visited, 
		.postbyline {}
			.postbyline .postbyline_author,
			.postbyline .postbyline_first,
			.postbyline span, 
			.postbyline span a { text-transform: capitalize; font-weight: bold; color:#8E7861 !important; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
			.postbyline span.postbyline_time {  }
		.postmeta {  width: auto;}
				.postmeta .postmeta_tags { display: none; }
				.postmeta .postmeta_comments {padding-right: 30px; }
					.postmeta_comments a,
					.postmeta_comments a:active,
					.postmeta_comments a:link,
					.postmeta_comments a:hover { color:#3A2611 !important; font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-transform:capitalize;; }
		#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}
		.single .postmetadata {  }
		.single #comments {}

/*  .Entry (Inside Posts)
---------------------------------------*/	
.entry{ font-size:11px;  }
	.entry, .entry p { line-height: 14px; color:#2B2A2A; font-size:13px;line-height:19px; font-family: Arial, Helvetica, sans-serif !important; }
	.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 }
	.even, .alt { border-left:1px solid #ddd }
#blog_search {  }
#blog_search input { font-family: Arial, Helvetica, sans-serif; color: #000; }
	#blog_searchform { }
		#blog_searchform div input#s { 
			text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; 
			padding: 0 0px 0 0; width: 130px; margin: 0 7px 0 10px; float: left; color: #3A2611 }
		#blog_searchform div a { display: block; float: left; width: 22px; height: 22px; }
		#blog_searchform div input#s, #blog_searchform div a { font-family: Arial, Helvetica, sans-serif; }

/*****************************************		
    		#sidebar 
******************************************/		
#sidebar{ margin: 27px 0 0 0px; padding: 0 0 0 0; float: right; }
	/*	Top Level Sidebar Modules	*/
	#sidebar .section { }
	#sidebar li a  { color:#2655A3; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important;; }
	#sidebar ul, 	
		#sidebar ul ol{margin:0; padding:0}
		#sidebar a, #sidebar a:active  {color: #000; }
		#sidebar ul li { list-style-type:none; list-style-image:none; margin: 0 0 15px 0; }
		#sidebar ul li li { margin-bottom: 0; }
		#sidebar ul p, #sidebar ul select{ margin:5px 0 8px; padding: 0; }
			#sidebar ul ul, 
			#sidebar ul ol{ margin:0px 0 0 5px }
		#sidebar ul ul{ list-style-image:none; list-style-position:outside; list-style-type:none }
			#sidebar ul ul ul, 
			#sidebar ul ol{margin:0 0 0 10px }
		ol li, #sidebar ul ol li{ list-style:decimal outside }
		#sidebar ul ul li, #sidebar ul ol li{margin:3px 0 0; padding:0}
		#sidebar ul ul li{ padding-left:11px }	

/*	Widecolumn	*/
.widecolumn .post{margin:0}
	.narrowcolumn .postmetadata{ padding-top:5px}
	.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}
		.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}
	.commentlist p{font-weight:normal; line-height:1.5em; text-transform:none}
#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}
	.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none}
		.commentlist li ul li{margin-right:-5px; margin-left:10px}
	.commentlist p{margin:10px 5px 10px 0; font-family: Arial, Helvetica, sans-serif;}
.children{padding:0}
#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}
	#commentform{margin:5px 10px 0 0}
	#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}

/*****************************************		
    		Backgrounds
******************************************/
/*#sidebar div.sidebar_header { background: url('images/sidebar_header_bg.gif') no-repeat;  }*/
/*#blog_page { background: url('images/blog_page_bg.gif') no-repeat;  }*/

/*****************************************		
    		Wordpress Modules
******************************************/
/*	WP Calendar
---------------------------------------*/
#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none}
#wp-calendar caption{font:bold 1.3em Arial,Helvetica,Sans-Serif; text-align:center}
#wp-calendar th{font-style:normal; text-transform:capitalize}


#commentform p{margin:5px 0}
.nocomments{text-align:center; margin:0; padding:0}
.commentmetadata{margin:0; display:block}

/*	Wp-calender
---------------------------------------*/
#wp-calendar{ empty-cells:show; margin:10px auto 0; width:155px }
	#wp-calendar a{display:block}
		#wp-calendar #next a{ padding-right:10px; text-align:right}
		#wp-calendar #prev a{ padding-left:10px; text-align:left}
	#wp-calendar caption{ text-align:center; width:100% }
#wp-calendar td {padding:3px 0; text-align:center }
#wp-calendar td.pad:hover {/* Doesn't work in IE */background-color:#fff}


/*	wp-caption
---------------------------------------*/
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/*	Widgets
---------------------------------------*/
li.widget{color:#7A7A7A; }
li.widget h2.widgettitle{color:#fff; margin:5px 0 0; padding:5px 0 10px 15px; font-size:12px; width: 208px; 
	font-weight:bold; background: #fff url(images/widget_title_bg.gif) no-repeat top right; line-height:1.4em; font-family:  Arial, Helvetica, sans-serif; }
li.widget a, li.widget a:visited{color:#7A7A7A}
li.widget a:hover{color:#7A7A7A}
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; */}


/*****************************************		
    	Required: Do Not Modify
******************************************/
/*		Helpers					
 * ------------------------------------*/
/*	Clearfix	*/
.clearfix:after, .col:after, .cg:after, .section:after, .page:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} 
.clearfix, .section, .cg, .col, .block, .page{ display:inline-block} 
html[xmlns] .clearfix, html[xmlns] .cg, html[xmlns] .col, html[xmlns] .block, html[xmlns] .section, html[xmlns] .page{display:block} 
* html .clearfix, * html .col, * html .cg, * html .block, * html .section, * html .page{height:1%}
/*	Clearfloat	*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } 
.cancelfloatempty {clear:both; font-size:1px; margin:0; padding:0}
/*	Float	*/
.block, .col, .cg, .fl { float: left } .fr { float:right; } .fn { float:none; }
.section, .page { float: none; }
.section .block, .section .cg { float: left; width: auto; }
/*	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;  }
