/*  

Theme Name: Brown Bag Botanicals

Theme URI: http://www.brownbagbotanicals.com

Description: This is the theme for brownbagbotanicals.com

Version: 1.0

Author: BKB Design Group

Author URI: http://www.bkbdesign.com/



*/





* {margin:0; padding:0; border:0; outline:none}

.clear {clear:both; height:0}

p {padding-bottom:15px;}

.rule {height:1px; 	color:#412110;}



h1, h2, h3 {font-weight:normal; padding-bottom:15px;}

h1, h2 {color:#591f00}

h1.super {font-size:44px; letter-spacing:1px; padding-bottom:15px; color:#7b3b00;}

h1 {font-size:24px;}

h3 {font-size:12px; color:#7b3b00;}

h2 {font-size:16px; line-height:2em;}

#footer h2 {color:#fff}

h3 a:hover {text-decoration:none}

h3 a:link {display:block}



.date {padding-bottom:5px; text-align:right; display:block;}



h3.condensed, h2.condensed {padding-bottom:8px;}

h3 li {list-style-type:none;}



a:link, a:active, a:visited {color:#7b3b00; text-decoration:none; font-weight:bold}

a:hover {text-decoration:underline}



ul {list-style-type:none}

ol {margin-left:20px;}



#middle ul, #middle ol {padding-bottom:15px;}



#middle ul li {

 	padding-left:15px;

	background-image:url(images/bullet.jpg);

	background-position:left 5px;

	background-repeat:no-repeat;}



body {

	font-family:Arial, Helvetica, sans-serif;

	background-image:url(images/body_back.jpg);

	background-repeat:repeat-x;

	background-position:top;

	color:#412110;

	font-size:11px;

}



#wrapper {

	width:923px;

	margin:0 auto;

	background-image:url(images/shadow.jpg);

	background-repeat:no-repeat;

	background-position:center 38px ;

	padding-left:25px;

	padding-right:25px;

}



#menu {

	height:65px;

	margin-right:-33px;

	margin-left:-10px;

	text-transform:uppercase;

	letter-spacing:1px;

	margin-top:12px;

}



#menu ul {display:inline; list-style-type:none;}



#menu li {

	float:left; 

	display:block; 

	padding-left:15px;

	padding-right:33px;

	background-image:url(images/bullet.jpg);

	background-position:left;

	background-repeat:no-repeat;}



#left {

	width:225px;

	float:left;

	margin-right:40px;

	margin-left:10px;

}



#left li {list-style-type:none;}



#logo {	width:225px; text-align:center; margin-bottom:45px;}



#contact {

	background-image:url(images/border_right.jpg);

	background-repeat:no-repeat;

	background-position:right top;

	margin-top:75px;

	padding:15px;

	width:195px;

}



#contact_int {

}



#contact_int label {display:block;width:45px; text-align:right; float:left; margin-right:5px;font-size:10px; padding-top:7px;}

#contact_int input.text {margin-bottom:10px; width:135px; background-color:#f3ead8; padding:3px;}

#contact_int textarea {margin-bottom:10px; width:135px; height:150px; background-color:#f3ead8; padding:3px; overflow-y: auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#contact_int input.submit {width:84px; height:33px; float:right;}



select {background-color:#f3ead8; padding:3px; margin-bottom:10px;}



#cart {

	background-image:url(images/border_right.jpg);

	background-repeat:no-repeat;

	background-position:right top;

	margin-top:115px;

	padding:15px;

	width:195px;

}





#main {

	float:right;

	width:645px;}



#middle {

	float:left;

	width:378px;

	line-height:1.8em;

	font-size:12px;

}



#slideshow {margin-bottom:25px;}



.post h2 a:link, .post h2 a:active, .post h2 a:visited, .post h2 a:hover{text-decoration:none}

.page {margin-bottom:30px;}

#reviews {line-height:1.3em; font-size:11px;}

#reviews h2 {padding-bottom:0}

.products {margin-bottom:20px;}

.thumb {float:left; margin-right:20px;}

.more {text-align:right}



#right {

	float:right;

	width:225px;

}



#featured {

	background-image:url(images/border_left.jpg);

	background-repeat:no-repeat;

	background-position:left top;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}



#featured ul {padding-left:12px;}



#subscribe {

	background-image:url(images/border_left.jpg);

	background-repeat:no-repeat;

	background-position:left top;

	margin-top:20px;

	margin-bottom: 20px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}



#subscribe_int {

}



#subscribe_int label {display:block;width:45px; text-align:right; float:left; margin-right:5px; font-size:10px;  padding-top:7px;}

#subscribe_int input.text {margin-bottom:10px; width:125px; background-color:#f3ead8; padding:3px;}

#subscribe_int textarea {margin-bottom:10px; width:125px; height:150px; background-color:#f3ead8; padding:3px; font-family:Arial, Helvetica, sans-serif;}

#subscribe_int input.submit {width:84px; height:33px; float:right;}





#facebook {

	background-image:url(images/latest.jpg);

	background-repeat:no-repeat;

	background-position:left top;

	margin-top:20px;

	padding-top: 30px;

	padding-right: 20px;

	padding-left: 30px;

}



#facebook ul {list-style-type:none;}



#fb_icon {float:right; margin-left:10px;}



#pages {

	padding-top:25px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #412110;

	border-right-color: #412110;

	border-bottom-color: #412110;

	border-left-color: #412110;

}



#footer {

	width:100%;

	background-color:#542922;

	border-top-width: 25px;

	border-top-style: solid;

	border-top-color: #8b6c59;

	margin-top:20px;

}



#footer a:link, #footer a:active, #footer a:visited {text-decoration:none; color:#FFF}

#footer a:hover {text-decoration:underline}



#footer ul {list-style-type:none}



#footer li {

	padding-left:12px;

	padding-bottom:10px;

	background-image:url(images/bullet.jpg);

	background-position:left 2px;

	background-repeat:no-repeat;}





#footer_int {

	width:963px;

	margin:0 auto;

	padding-left:45px;

	padding-right:25px;



	padding-top:10px;

	color:#fff;



}



#footer_contact {

	padding-top:15px;

	float:right;

	background-image:url(images/watermark.png); 

	background-repeat:no-repeat;

	background-position:right top;

	padding-right:80px;

	height:155px;

}



#footer_products {

	float:left;

	padding-top:15px;



}



#bkb {width:100%; text-align:right; text-transform:uppercase;}



.center {display:block;text-align:center;}

.read_more {text-align:right; text-transform:uppercase;}

.fmtextarea {background-color:#f3ead8;}

.fmtext {background-color:#f3ead8;}

input {background-color:#f3ead8;}

.sidebox textarea {background-color:#f3ead8;}

.sidebox .submit{background-image:url(images/submit.jpg); width:84px; height:33px; float:left; cursor:pointer;}





/* IMAGES */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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

	}



.thumb {padding-bottom:15px;}



/*   END IMAGES  */



/*  COMMENTS  */



#commentform input {

	background-color:#F3EAD8;

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

	

#commentform textarea {

	background-color:#F3EAD8;

	width: 400px;

	padding: 2px;

	}



div.comments-template #submit {

	background-color: #f3ead8;

	color: #000;

	margin: 0 0 5px auto;

	cursor: pointer;

}



/*   END COMMENTS   */