/*  
Theme Name: Irresistible
Theme URI: http://www.woothemes.com/
Description: Irresistible by WooThemes
Version: 2.0.1
Author: WooThemes
Author URI: http://www.woothemes.com/
*/

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

1.	RESET
	Global reset for all HTML elements

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

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left; position: relative; }
img, fieldset, abbr, acronym { border: 0 }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
caption { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; box-sizing: border-box;}
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type:none; }
iframe { position: relative !important; }

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

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body#woothemes {
	background: #941111 none repeat-x center 0;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

p, ul, ol, table { 
	color: #262626;
	font-family:trebuchet MS;
	font-size:17px;
	line-height:22px;
	margin:13px 27px 13px;
}

em { color: #d9e3ea }


/* Headlines */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 { font-size:35px; }

h2 { font-size:28px; }

h3 { font-size:26px; }

h4 {
	color: #59361C;
	font-size:20px;
}

h5 { font-size:12px; }

h6 { font-size:10px; }

h1, h2, h3 {
	color: #59361C;
	margin-top: 15px;
}

.dn {display: none;}

.wrap {
	width: 100%;
	clear: both;
}

/* Anchors */
a, a:link, a:visited {
	color:#BD2508;
	text-decoration:none;
}
a:hover, a:active, a.active {
	color: #0066CC;
	text-decoration: none;
}

/* Lists */
#main div.box1 ul {
	padding:20px;
	list-style:inside;
}

#main div.box1 ol {
	padding:20px;
	list-style:inside;
	list-style-type:decimal;
}

#sidebar .box1 { 
	margin:0 18px;
}

#sidebar #videos .box1 { margin: 0 0 20px; padding: 10px; }

#sidebar ul, #sidebar ol { 
	list-style-type:none;
}

blockquote {
	margin:15px 0; padding:10px 20px;
	border-bottom:1px solid #000;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#fff;
	background:url(images/bg-box.png) repeat scroll 0 0 !important;
	background: #222;
}

/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 960px;
	position: relative;
}

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}

#content.subpage .container {
	max-width: 900px;
}


/* HEADER */

#header {
	background: transparent url(../../../images/header-background.png) repeat-x scroll center top;
	padding: 30px 0 20px;
}

#header span img {
	float: right;
	margin-right: -11px;
	margin-top: -11px;
}

.rays {
	display: none;
	
	background: transparent url(../../../images/top-left-rays.png) repeat-x scroll center top;
	width: 214px;
	height: 184px;
	
	position: absolute;
	z-index: 1;
}

.beansteam img,
#logo img {
	max-width: 100%;
}

.beansteam {
	width: 746px;
	margin: 0 auto;
}

#logo {
	margin-top: -80px;
}
	
#logo a {
	display: block;
	width: 385px;
	height: auto;
	margin: 0 auto;
	
	position: relative;
	z-index: 1;
}

.pssst {
	background: transparent url(../../../images/pssst.png) no-repeat scroll 0 0;
	height: 60px;
	margin: -22px auto 0;
	width: 887px;
}



/* CONTENT */

#content {
	box-shadow: 0 0 5px 5px rgba(33,33,33,0.3);
}

/* CONTENT - HOMEPAGE */

#content.homepg {
	background: transparent url(../../../images/main-background2.png) repeat scroll center 0;
	min-height: 600px;
}

.whatwe { overflow: hidden;}
.whatwe div { padding: 200px 0 100px;}
.whatwe .left { float: left;}
.whatwe .right { float: right;}

.whatwe h2 {
	color: #412713;
	font-size: 42px;
	line-height: 1;
	letter-spacing: -3px;
	
	border-bottom: 2px dashed #9D816F;
	padding-bottom: 10px;
	margin: 0 0 7px;
}

.whatwe p {
	color: #412713;
	font-size: 30px;
	line-height: 1;
	margin: 0 0 7px;
}


.sugarjarcon {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -166px;
}

.sugarjar {
	background: url("../../../images/sugar-jar.png") no-repeat scroll 0 0 transparent;
	height: 354px;
	width: 304px;
	
	position: relative;
	z-index: 10;
}

.thesugars {
	position: relative;
	height: 175px;
}

.thesugars div {
	position: absolute;
}

.thesugars div a {
	display: block;
	height: 100%;
	width: 100%;
}

.facebook {
	background: url("../../../images/facebook-sugar.png") no-repeat scroll 0 0 transparent;
	height: 69px;
	width: 80px;
	
	bottom: -27px;
}
	.facebook:hover { background: url("../../../images/facebook-sugar.png") no-repeat scroll 0 -69px transparent;}

.tumblr {
	background: url("../../../images/tumblr-sugar.png") no-repeat scroll 0 0 transparent;
	height: 70px;
	width: 80px;
	
	left: 60px;
	bottom: -19px;
}
	.tumblr:hover { background: url("../../../images/tumblr-sugar.png") no-repeat scroll 0 -70px transparent;}

.foursquare {
	background: url("../../../images/four-square-sugar.png") no-repeat scroll 0 0 transparent;
	height: 70px;
	width: 80px;
	
	left: 116px;
	bottom: -12px;
}
	.foursquare:hover { background: url("../../../images/four-square-sugar.png") no-repeat scroll 0 -70px transparent;}

.yelp {
	background: url("../../../images/yelp-sugar.png") no-repeat scroll 0 0 transparent;
	height: 71px;
	width: 80px;
	
	left: 176px;
	bottom: -15px;
}
	.yelp:hover { background: url("../../../images/yelp-sugar.png") no-repeat scroll 0 -71px transparent;}

.instagram {
	background: url("images/instagramsugar.png") no-repeat scroll 0 -110px transparent;
	height: 77px;
	width: 85px;
	
	left: 14px;
	bottom: 25px;
}
	.instagram:hover { background: url("images/instagramsugar.png") no-repeat scroll 0 0 transparent;}

.pinterest {
	background:  url("images/pinterestsugar.png") no-repeat scroll 0 -127px transparent;
	height: 81px;
	width: 86px;
	
	left: 77px;
	bottom: 24px;
}
	.pinterest:hover { background: url("images/pinterestsugar.png") no-repeat scroll 0 0 transparent;}

.twitter {
	background: url("../../../images/twitter-on-spoon.png") no-repeat scroll 0 -115px transparent;
	height: 114px;
	width: 180px;
	
	right: -75px;
	top: 0;
}
	.twitter:hover { background: url("../../../images/twitter-on-spoon.png") no-repeat scroll 0 0 transparent;}

.twitter.cubee {
	display: none;
	background: url("../../../images/twitter_cube.png") no-repeat scroll 0 -90px transparent;
	width: 85px;
	height: 79px;
	
	top: auto;
	right: auto;
	left: 148px;
	bottom: 30px;
}
	.twitter.cubee:hover { background: url("../../../images/twitter_cube.png") no-repeat scroll 0 0 transparent;}


/* CONTENT - SUBPAGES */

#content.subpage {
	background: #fbdccd;
	margin: 0 auto;
}

.lshadow {
	background: transparent url(../../../images/subpage-left-shadow.png) repeat-y scroll left 0;
	margin: 0 auto;
	padding-left: 60px;
	width: 900px;
}

.rshadow {
	background: transparent url(../../../images/subpage-right-shadow.png) repeat-y scroll right 0;
	padding-right: 0;
	width: 900px;
}

#main {
	background: transparent;
}

#main .innerbox {
	border-radius:  6px;
	border: 4px dashed #59361c;
	margin: 10px 0;
	padding: 0 10px 10px;
}

#main .innerbox p {
	margin: 9px 0;
}

#main .innerbox h4, /*#main .innerbox p,*/ #main .innerbox h1, #main .innerbox h2, #main .innerbox h3 {
	margin-left: 30px;
	color: #59361c;
}

#main.subpage {
	background: #FFFFFF none repeat scroll 0 0;
	padding-bottom: 70px;
	padding-top: 20px;
	
	box-shadow: 0 0 10px 3px #931111;
}
	
.bottom-content {
	background: #fff;
}

.menu-header{
	width: 205px;
}

#menu-the-bean-official-page li a {
    color: #FBDCCD;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	display: block;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	width: 60px;
	float: left;
}


	
/*-------------------------------
The Bean Fights Back Page 
-------------------------------*/

#main.tbfb {
	margin: 0 auto;
    max-width: 90%;
	width: 660px;
}

#main.tbfb div.post {
	max-width: 95%;
	width: 610px;
	margin: 0 auto;
}

#main.tbfb .post.clearfix p {
	font-size: 27px;
    line-height: 34px;
	text-align: left;
	color: #000000;
	margin: 30px 0 20px;
}

#main.tbfb .post.clearfix a {
	color: #BD2506;
	text-decoration: underline;
}
	#main.tbfb .post.clearfix a:hover {
		color: #4E312B;
	}

.thebeanfights {
	text-align: center;
	padding: 0 20px;
}
.thebeanfights img { max-width: 100%;}

.readbelow {
	text-align: center;
}
.readbelow img { max-width: 20%;}

.tbw-rej { position: relative;}
.tbw-rej img { max-width: 100%;}

.thebeanwarrior {
    position: absolute;
	
	left: -190px;
	top: -133px;
}

.redeyedjoe {
	position: absolute;
	
	right: -230px;
	top: -381px;
}

.psos {
	text-align: center;
}

/*
.pleaseshareour {
    background: url("images/the-bean-fights-back/please-share-our.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    padding-left: 230px;
    top: 350px;
    width: 360px;
}
*/

.cardboard {
    background: url("images/the-bean-fights-back/cardboard.png") repeat scroll center top transparent;
    padding: 10px 0;
}

.cardboard .container {
	overflow: hidden;
}

.getnotified {
	text-align: center;
	margin-bottom: 10px;
	padding: 0 20px;
}
.getnotified img { max-width: 100%;}

.doyouthink {
	text-align: center;
	padding: 0 20px 30px;
}

.doyouthink img {
	max-width: 100%;
}

.bottom-content.tbfb {
	padding: 30px 0;
}

.comments {
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
}

.fb-comments > span,
.fb-comments iframe {
	width: 100% !important;
}


/*.supportthebean {
    background: url("images/the-bean-fights-back/support-the-bean.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 135px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 135px;
    z-index: 999;
}*/

.supportthebean:hover {
	background-position: 0px -140px;
}


/*-------------------------------
The Bean Fights Back Page (END) 
-------------------------------*/

/*-------------------------------
 Blog Page
-------------------------------*/

#main.blog div.box1 {
	width: 530px;
	float: left;
	padding: 0 20px;
}

.home #sidebar {
	float: right;
	width: 543px;
}

#sidebar {
	float: right;
	width: 303px;		
	background: #ffffff;
	padding-bottom: 15px;
}


/*-------------------------------
 Footer 
-------------------------------*/


#footer {
	background: transparent url(../../../images/footer-background.png) repeat-x scroll center bottom;
	padding: 40px 0 10px;
}

#footerWrap {
	background: transparent url(../../../images/cardboard.jpg) repeat scroll center top;
	color: #DADADA;
	
	position: relative;
}
#footerWrap h3 { display: none;}


#coffeewarning {
	background: transparent url(../../../images/warning-photostream.png) no-repeat scroll 0 0;
	height: 214px;
	width: 170px;
	margin-left: -17px;
	
	position: absolute;
	top: -80px;
	z-index: 10;
}

.findbean { text-align: center; overflow: hidden;}
.findbean p { color: #fff; margin: 0;}
.findbean p.one { margin-bottom: 10px;}
.findbean span { color: inherit;}
.findbean a { color: #DDB86A;}
.findbean a:hover { text-decoration: underline;}
.loco { display: inline-block;}

.loco span.dot {
	display: inline-block;
	height: 13px;
	width: 5px;
	
	position: relative;
}
.loco span.dot:before {
	background-color: #DDB86A;
	display: block;
	content: '';
	border-radius: 50%;
	
	height: 5px;
	width: 5px;
	
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
}
.loco span.dot.mob { display: none;}

.loco .highlight:hover {
	text-decoration: underline;
}

#credits {
	padding: 20px 0 0;
}

.copyrights {
	overflow: hidden;
	padding: 45px 27px 30px;
}

.copyrights	.one { float: left;}
.copyrights	.two { float: right;}

.copyrights p {
	color: #FBDCCD;
	margin: 0;
}

.copyrights p a {
	color: #DDB86A; 
	text-decoration: none;
}
.copyrights p a:hover { text-decoration: underline;}

.misfit-inc {
    background: url("images/misfit-inc.png") no-repeat scroll 0 40px transparent !important;
    clear: none;
    display: block;
    float: right;
    height: 67px;
    margin: -39px 0px 0px 10px;
    width: 142px;
}
	.misfit-inc:hover {
		background-position: 0 -40px !important;
	}



/* Fix Footer Position */
html, body, * html #wrap {height: 100%;}


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }

/* Main navigation */

#nav {
	overflow: hidden;
	padding: 0;
	width: 100%;
	
	position: absolute;
	top: 105px;
	left: 0;
}

#nav ul {
	line-height: 1;
	list-style: none outside none;
	padding: 0;
}

.nav-lsm,
.nav-rsm {
	overflow: hidden;
	margin: 0;
}

.nav-lsm { float: left;}
.nav-rsm { float: right;}

#nav li {
	float: left;
	line-height: 15px;
	margin: 0 5px;
	min-width: 60px;
}

#nav li a {
	color: #fbdccd;
	font-size: 15px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	padding-top: 70px;
}
	#nav li#menu-item-17 a:hover,
	#nav li#menu-item-17.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center 23px;}

	#nav li#menu-item-16 a:hover,
	#nav li#menu-item-16.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -41px;}

	#nav li#menu-item-15 a:hover,
	#nav li#menu-item-15.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -106px;}

	#nav li#menu-item-20 a:hover,
	#nav li#menu-item-20.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -168px;}

	#nav li#menu-item-19 a:hover,
	#nav li#menu-item-19.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -234px;}

	#nav li#menu-item-18 a:hover,
	#nav li#menu-item-18.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -300px;}

	#nav li#menu-item-106 a:hover,
	#nav li#menu-item-106.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center 23px;}

	#nav li#menu-item-112 a:hover,
	#nav li#menu-item-112.current-menu-item a { background: transparent url(../../../images/nav-icons.png) no-repeat scroll center -168px;}




/* Style drop down list */

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a {
	background: url(images/bg-nav.png);
	line-height: 18px;
	font-size: 11px;
	color: #fff;
	width: 150px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

	#nav li ul li a:hover {
		background: #FFF;
		color: #222;
	}

		#nav li ul ul {
margin: -35px 0 0 180px;
		}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

ul#footerNav {
	position: absolute;
	top: 27px; right: 0;
}
	ul#footerNav li {
		float: left; display: inline;
		margin-left: 15px;
	}


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

#footer #footerWrap #copy {
	position: absolute;
	top: 27px; left: 0;
	color: #fff;
	margin: 0;
}
	#footer #footerWrap #copy a {
		color: #6099ff;
	}

div#hi {
	color: #2a2b2b;
	font: 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	width: 440px;
	position: absolute;
	top: 135px; right: 0;
}
	div#hi p a {
		color: #d0d0d0;
		font: 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

h3#myVideos {
	background: url(images/bg-h2-myvideos.png) no-repeat;
	width: 138px; height: 33px;
	margin: 0 0 11px 12px;
}

h3#myPhotos {
	background: url(images/bg-h2-myphotos.png) no-repeat;
	width: 137px; height: 34px;
	margin: 0 0 10px;
}
h3#myPortfolio {
	background: url(images/bg-h2-myportfolio.png) no-repeat;
	width: 160px; height: 34px;
	margin: 0 0 10px;
}
h3#myLifestream {
	background: url(images/bg-h2-mylifestream.png) no-repeat;
	width: 189px; height: 34px;
	margin: 0 0 10px;
}
h3#myFavblog {
	background: url(images/bg-h2-myfavblog.png) no-repeat;
	width: 150px; height: 32px;
	margin: 0 0 10px;
}


h2.lifestream_date { display: none; } 
p.lifestream_credits { display: none; } 


div.box1, ol.commentlist li, form#comments { background: none repeat !important; background: #111; }

div.box1 {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 20px;
	padding: 0 25px 35px;
}
	div.box1 ul, div.box1 ul.blog-list li p { margin: 0 }

		div.box1 ul.blog-list li {
border-bottom: 1px dashed #3f566e;
padding: 0 0 15px;
		}

	div.box1 p.link {
		text-align: right;
		margin: 0 0 15px;
	}
	
	div.box1 ul.left-list {
		float: left;
		width: 230px;
		padding: 10px 0 10px 10px;
	}

	div.box1 ul.right-list {
		float: right;
		width: 230px;
		padding: 10px 10px 10px 0;
	}
	
		div.box1 ul.left-list li, div.box1 ul.right-list li, div.box1 ul.list3 li {
line-height: 13px;
border-top: 1px dashed #9b1616;
padding: 8px 0;
		}
		
		div.box1 ul.list3 {
margin: 15px 0 0;
		}

		div.box1 ul.list3 li {
padding: 15px 0;
		}
		
		div.box1 ul.list3 li ul {
margin: 0;
border: none !Important;
		}

		div.box1 ul.list3 li ul li {
margin: 0 0 0 15px;
padding: 15px 0 0;
border: none !Important;
		}
		
		div.box1 ul.left-list li a, div.box1 ul.right-list li a, div.box1 ul.list3 li a { color: #dadada }

div.box2 {
	background-color: #141517;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
}

h4.txt1 {
	background: url(images/ico-1.gif) no-repeat 15px 3px;
	padding: 0 0 10px 45px;
}

#sidebar h3 {
	-moz-border-radius: 16px 0 0 16px;
	-khtml-border-radius: 16px 0 0 16px;
	-webkit-border-radius: 16px 0 0 16px;
	border-radius: 16px 0 0 16px;
	background: none no-repeat scroll 20px 4px #3A1B09;
	color: #E7DDB0;
	font-size: 18px;
	height: 30px;
	line-height: 27px;
	padding-left: 50px;
	display: block;
    width: 274px;
	margin: 10px 0 11px -20px;
}

#sidebar a {
}
	#sidebar a:hover {
		text-decoration: none;
	}

#text-4 h3 {
	background-image: url(images/sidebar-header-icons.png);
}

#archives-3 h3 {
	background-image: url(images/sidebar-header-icons.png);
	background-position: 20px -40px;
}

ol.commentlist  { margin: 0; }

ol.commentlist li {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 10px;
	padding: 18px 20px 18px 20px;
	position: relative;
}
	ol.commentlist li p {	margin: 0 }

		ol.commentlist li img.avatar {
float: right;
padding: 0 10px 0 10px;
		}

		ol.commentlist li p a { color: #6099ff; }
		
	ol.commentlist li ul li {
		padding: 15px 0px 5px 20px;
		margin: 0;
	}

ol.commentlist .comment-meta a { color: #999; padding-bottom: 5px; }
ol.commentlist .children { margin: 0; }



/*-------------------------------
 Post
-------------------------------*/

.static-page p, .static-page ul, .static-page ol, .static-page table {
	font-size: 15px !important;
}

.subpage p, .subpage ul, .subpage ol, .subpage table {
    font-size: 12px;
    color: #262626;
}

h2.title { color: #262626; margin: 0 0 14px 20px; }

.post .title {
	font-size: 21px;
}

.post .title a {
	color: #59341A;
}
	.post .title a:hover {
		color: #BD2507;
		text-decoration: none;
	}
	
.post-comments, .date {
    background: url("images/meta-icons.png") no-repeat scroll 0 0 transparent;
    margin-left: 10px;
    padding-left: 14px;
}
	
.post-comments {
	background-position: 0 1px;
}

.date {
	background-position: 0 -18px;
}

div.post { 
	padding: 5px 0px;
}

.post p.txt0 {
    font-size: 11px;
    margin: 0 0 10px !important;
}

.post .txt0 a {

}
	.post .txt0 a:hover {

	}
	
.blog .post p {
    font-size: 12px;
    line-height: 15px;
    margin: 5px 0;
}

.post-edit-link {
}

.post.clearfix p {
	text-align: justify;
}

.divider {
    border-top: 2px dashed #3A1B09;
    clear: both;
    height: 1px;
    margin: 20px auto 0;
    visibility: visible;
    width: 300px;
}

.post strong { font-weight: 700;}
.post em { font-style: italic}


.home .post { border-bottom: 1px dashed #777777}

div.post img { border: 0px dashed #888888; padding: 0; max-width: 100%;}

.box1 .navigation { padding: 10px 0; }

h2.hd-page {
	height: 45px;
	line-height: 60px;
	margin: 10px 0 30px;
	text-align: center;
}
div.box1 ul.list2 li, div.list3 li {
	border-bottom: 1px dashed #6D0303;
	line-height: 15px;
	margin: 5px auto;
	padding: 8px 0;
}
div.list3 .lifestream li { border: none; }


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

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 0;
	color: #000;
	padding: 7px;
}
input.text { width: 168px }
select.select { width: 200px }
textarea.textarea { width: 375px; height: 100px; background-color: #e9eef4 }

button.button {
	color: #fff;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

/* General forms */
form.form {}

form.form ol.fieldset {	list-style: none }

form.form ol.fieldset li.field {
	margin: 0 0 13px;
	position: relative;
}

form.form ol.fieldset li.field label {
	position: absolute;
	top: 5px;
	left: 195px;
}

form.form p.submit { margin: 0; }
form.form p.submit input { padding: 5px 10px;}


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }
form.search p.fields { margin: 0 }

form.search p.fields input, form.search p.fields button {
	display: inline;
	vertical-align: middle;
}


/*-------------------------------
3.b Individual forms
-------------------------------*/

form#topSearch {
	background: url(images/bg-search.png) no-repeat;
	width: 178px; height: 32px;
	position: absolute;
	top: 10px; right: 0;
}

form#topSearch p.fields input {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 130px;
	background: none;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 8px;
	left: 8px;
}

form#topSearch p.fields button {
	background: url(images/ico-search.png) no-repeat;
	width: 21px;
	height: 21px;
	border: none;
	
	position: absolute;
	top: 5px;
	right: 10px;
}

form#comments {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px 30px;
}


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

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Sidebar Tabber
-------------------------------*/

ul.idTabs {
	width: 100%;
	padding: 0;
	margin: 0 0 0 10px;
}

ul.idTabs li {
	display: inline;
	margin-right: 5px;
	float: left;
}

ul.idTabs li a {
	display: block;
	float: left;
	height: 16px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
}

ul.idTabs li a.selected, ul.idTabs li a:hover {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;	
}
#tabs .inside {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

#tabs .inside ul li {
	line-height: 13px;
	border-bottom: 1px dashed #555;
	padding: 15px 0;	
}
#tabs .inside ul#comm li {
	background: url(images/ico-6.gif) no-repeat left center;
	padding-left: 28px;
}
#tabs .inside ul#pop li {
	background: url(images/ico-2.gif) no-repeat left center;
	padding-left: 28px;
}


#tagcloud {
	padding: 15px;
}
#tabs .inside ul{
	margin: 0;
	padding: 0px 15px 10px 15px !important;
}
.home #tabs {
	width: 260px;
	float: left;
	margin: 24px 0 20px;
}
.home div#myfavblog {
	width: 260px;
	float: right;
}



/*-------------------------------
Widgets
-------------------------------*/

.widgetized {
	width: 304px;
}

.widgetized .inside {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;	
}

#flickr-sidebar {
	background: transparent url(../../../images/ourphotos.png) no-repeat scroll center 0;
	margin-bottom: 15px;
}

#flickr-sidebar h3 {
	display: none;
}

#twitter-tools {
	padding: 52px 0 0;
	background: transparent url(../../../images/ourtweets.png) no-repeat scroll center 0;
	margin: 15px 0 0;
	width: 333px;
}

#twitter-tools h3 {
	display: none;
}

#twitter-tools .aktt_more_updates {
	border: 0;
}

table#wp-calendar { margin: 0 !important; }

#wp-calendar caption {
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: -1px;
	margin: 0 0 10px;
	font-family: Georgia;
}

#wp-calendar thead {
	color: #6099ff;
	font-weight: bold !important;
}

#wp-calendar #next, #wp-calendar #prev {
	padding: 10px 0 0 !important;
}

/*Flickr Photos*/

#flickr {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

	.flickr-photos {
		margin: 0 auto;
		padding-bottom: 0;
		padding-left: 60px;
		width: 780px;
	}
	
		a.more-photos {
display: none;
		}
		
.flickr-photos a img {
border: 3px solid #402612;
margin: 23px 2px 12px;
padding: 4px
}
	
/*Disqus Commenting*/

.dsq-brlink {
	font-size: 10px;
	margin-left: 50px;
}

/*Contact Form 7*/

div.wpcf7 {
	margin: 0 auto;
}

	div.wpcf7 p {
		margin: 10px auto;
		text-align: left;
	}

	.wpcf7-form-control-wrap input {
		-khtml-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #59361C;
	}
	
	.wpcf7-form-control-wrap textarea {
		-khtml-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #59361C;
	}
	
.wpcf7-form .wpcf7-response-output {
	margin: 10px 0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
	.wpcf7-validation-errors { color: #ff0000;}
	.wpcf7-mail-sent-ok {}

.wpcf7-mail-sent-ok {
	/*
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear: left;
	width: 300px;
	display: block;
	*/
}

.wpcf7 input, .wpcf7 select,
.wpcf7 textarea, .wpcf7 button { width: 100%;}

.wpcf7 input, .wpcf7 textarea {
	font-size: 14px;
	padding: 10px;
}

.wpcf7 input[type="submit"] {
	border: 0 none;
	border-radius: 6px;
	background-color: #59361C;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
	-webkit-appearance: none;
}
	.wpcf7 input[type="submit"]:hover { background-color: #8B542C;}

.wpcf7 .consub { overflow: hidden;}
.wpcf7 .consub input[type="submit"] { float: right; padding: 10px 20px; width: auto;}

.wpcf7 .wpf-label {
	margin-bottom: 10px;
}

.wpcf7 .wpf-label p {
	color: #59361C;
	margin: 0 0 5px;
}
.wpcf7 .wpf-label p span {
	font-family: inherit;
	font-size: inherit;
	color: #ff0000;
}

.wpf-fifty {
	width: calc(50% - 5px);
}
.wpf-left { float: left;}
.wpf-right { float: right;}




#flickr {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.flickr_badge_image {
	display: inline-block;
	overflow: hidden;
}

#flickr .flickr_badge_image a {
	float: left;
	display: inline-block;
	margin: 8px;
	border: 1px dashed #888;
	padding: 5px;
}

#flickr .flickr_badge_image a:hover {
	border: 1px dashed #fff;
}

#browseFlickr{
	background: url(images/bg-flickr.png) no-repeat;
	width: 91px; height: 11px;
	margin: 0 25px 10px 12px;
	float: right;
}
#video {
	padding: 10px;
}

#sidebar #advert_125x125 { padding: 30px 0 20px 30px; margin: 0 0 18px;	}
#sidebar #advert_125x125 img { margin: 0 15px 5px 0; }

#portfolio {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

#portfolio a {
		float: left;
		display: inline;
		margin: 0 16px 15px 0;
		border: 1px dashed #888;
		padding: 5px;
}

#portfolio a:hover {
	border: 1px dashed #fff;
}

/*Google Form*/

.ss-form-entry {
	margin-bottom: 0;
}

/*Google Form End*/

/* Sharebar */

#main #sharebar {
margin-left: -115px !important;
padding: 5px;
}

/*-------------------------------
Lifestream
-------------------------------*/

.list3 .first, .list3 h5 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dashed #fff;
}

.list3 .lifestream-icon {
	float: left;
	padding: 0 15px 0 0;
}

.list3 .lifestream-post {
	font-size: 14px;
}

.list3 .lifestream-post p {
	margin: 0 !important;
}


/*-------------------------------
Utility classes
-------------------------------*/

.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.aligncenter { margin: 5px auto 15px auto;	display: block; }
.alignleft { margin: 5px 15px 5px 0; float: left; }
.alignright { margin: 5px 0px 5px 15px; float: right; }

.wrap, .col { float: left;	display: inline; position: relative; }
.wrap { clear: both }

.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .anchor, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }

.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.hr { background: #ccc; height: 1px; margin: 1.5em 0 }
.hr hr { display: none }


/*-------------------------------
Clearfix
-------------------------------*/

.clearfix: after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }


/*-------------------------------
Social Media
-------------------------------*/

.social-media {
	max-width: 500px;
	width: 100%;
	height: 25px;
	margin: 10px auto 0;
	padding: 0;
	text-align: center;
}

	.social-media li {
		list-style: none;
		display: inline-block;
		list-style: none !important;
	}
	
	.social-media li.facebook-share {
		width: 135px;
	}
	
	.social-media li.twitter-tweet {
		height: 20px;
		margin-top: 1px !important;
	}
	
	.social-media li.evernote-clip {
		 margin: 2px 0 0 -3px !important;
		 width: 51px;
		 height: 20px;
	}
	
	.social-media li.facebook-like, .social-media li.facebook-like-face {
		margin-left: 0 !important;
	}
	
	.social-media li.facebook-like-face {
		
	}
	
	.social-media li.facebook-like {
		height: 23px;
	}
	
		.social-media li.facebook-like iframe {
height: 23px !important;
		}
		
	.social-media li.sharethis-count {
		float: right;
	}
	
	.social-media li.stumble-upon {
		margin-right: 10px;
		padding-top: 3px;
	}
	
	.social-media li.facebook-send {
		height: 20px;
		margin-right: 15px;
		margin-top: 2px;
	}
	
	.social-media li.google-plusone {
		height: 20px;
		margin-right: 0;
	}
	
	
	
/*-------------------------------
 Social Icons
-------------------------------*/

.social-media-buttons {
    height: 100px;
    margin: 0 auto;
    width: 250px;
}

.widget .social-media-buttons li {
    float: left;
    list-style: none outside none;
    margin: 0 3px 0 0;
    padding: 0;
    width: 105px;
}

.social-media-buttons li a {
    background: url("images/social-icons.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 70px;
    padding: 0 !important;
    width: 105px;
}

.social-media-buttons li a:hover {
    background-color: transparent !important;
}

.social-media-buttons li.follow-us a {
    background-position: 0 0;
}
	#sidebar .social-media-buttons li.follow-us a:hover {
		background-position: 0px -80px !important;
	}

.social-media-buttons li.like-us a {
    background-position: -127px 0 !important;
}
	#sidebar .social-media-buttons li.like-us a:hover {
		background-position: -127px -80px !important;
	}

.like-us {
	margin: 0 0 0 10px !important;
}

	
	
/*-------------------------------
Facebook Comments
-------------------------------*/

.fb_iframe_widget {
    display: block !important;
    margin: 0 auto;
    position: relative;
}

.fb-like iframe, .fb-like {
	width: 100% !important;
}



/*-------------------------------------------------
Mailchimp
-------------------------------------------------*/

.tbfbform {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
}

.tbfbform form {
	position: relative;
}

.form-input {
	margin-right: 166px;
}

.mc-field-group label {
	display: none;
}

.mc-field-group input {
	float: left;
	border: 2px solid #666;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	padding: 5px 10px;
	height: 43px;
	width: 48%;
	margin-right: 2%;
}

.mc-field-submit {
	position: absolute;
	top: 0;
	right: 0;
}

.mc-field-submit input {
	background: url("images/the-bean-fights-back/sign-up.png") no-repeat scroll 0 0 transparent;
	display: block;
	border: 0 none;
	border-radius: 4px;
	width: 156px;
	height: 45px;
	cursor: pointer;
}


/* About Page */

.page-id-9 #main p {
	color: #59361c;
	font-size: 16px !important;
	margin: 0 0 13px;
}

.page-id-9 #main img { margin: 0 0 15px;}

.abtleft { float: left; width: calc(50% - 10px);}
.abtright { float: right; width: calc(50% - 10px);}


/* Contact Page */

.conbox { overflow: hidden;}
.conleft { float: left; width: 45%;}
.conright { float: right; width: 50%;}

.conaddress { margin-bottom: 30px;}
.conaddress h1 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
}
.conaddress p {
	color: #59361C;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.conaddress p.one { margin-bottom: 6px;}
.conaddress span { font-weight: bold;}
.conaddress i {
	font-size: inherit;
	color: inherit;
	padding-right: 10px;
}


/* Bakery Page */

.bakedgoods {
	overflow: hidden;
	margin: 10px auto 0;
}
.bakedgoods .gallery { display: none;}

.ovenfresh div {
	background: none no-repeat scroll center center transparent;
	background-size: cover;
}

.cupcakefull, .muffinfull { height: 400px;}
.cupcakefull, .cupcakehalf { margin-bottom: 2px;}
.cupcakefull.last, .cupcakehalf.last { margin-bottom: 0;}

.cupcakehalf { overflow: hidden;}
.cupcakehalf.left .muffinhalf { float: left;}
.cupcakehalf.left .muffinfull { float: right;}
.muffinhalf, .muffinfull { width: calc(50% - 1px);}

.muffinhalf .one { height: 199px; margin-bottom: 2px;}
.muffinhalf .two { height: 199px;}





/* .menuentry */

.menuentry .menup {
	font-weight: bold;
	font-size: 18px !important;
	line-height: 1.2;
	max-width: 600px;
	margin: 0 auto 30px;
	text-align: center !important;
}
	.page-id-2 .menuentry .menup { max-width: 800px;}

.menuentry h1,
.menuentry h2,
.menuentry p,
.menuentry li {
	color: #59361c;
}

.menuentry h1 { font-size: 40px;}
.menuentry h2 { font-size: 20px;}

.menuentry ul,
.menuentry li {
	list-style: none !important;
	padding: 0 !important;
}
	.menuentry li { font-weight: bold;}

.menulist { overflow: hidden;}

.menubox { width: 44%; margin-left: 4%;}
.menubox.full { width: auto;}

.menubox.left { float: left;}
.menubox.right { float: right;}

.mbrecipe p {
	width: 95%;
	margin: 0;
	text-align: left !important;
}


/* instabean */

.instabean {
	overflow: hidden;
	margin-left: 105px;
	
	position: relative;
	z-index: 11;
}

.instabox {
	float: left;
	width: calc(12.5% - 22px);
	border: 1px dashed #999;
	padding: 5px;
	margin: 10px 5px;
}

.instabox a {
	background-color: #fff;
	display: block;
	width: 100%;
	
	position: relative;
}

.instabox img {
	display: block;
	width: 100%;
	height: auto;
}

.instabox div {
	background: none no-repeat scroll center center transparent;
	background-size: cover;
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 1;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.instabox a:hover div { opacity: 0.8;}


/* CSS DUMPYARD */

/*

#mc_embed_signup, #mc_embed_signup-1 {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto 0 !important;
    width: 722px;
}

#mc_embed_signup-1 {
	width: 860px;
}

	#mc_embed_signup label, #mc_embed_signup-1 label {
		font-family: bebas-neue, sans-serif;
		color: #000 !important;
		text-transform: uppercase;
	}
	#mc_embed_signup input, #mc_embed_signup-1 input { 
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: #EEEEEE;
		margin: 0 auto !important; 
		border: 2px solid #666666;
		width: 94% !important;
		height: 33px;
	}
	#mc_embed_signup .mc-field-group, #mc_embed_signup-1 .mc-field-group { 
		margin: 0 0 10px !important; 
		clear: none !important; 
		float: left !important;
		width: 263px;
	}
	
	#mc_embed_signup-1 .mc-field-group { 
		width: 353px;
	}
	
	#mc_embed_signup.rss-email, #mc_embed_signup-1.rss-email { 
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		width: 100%; 
		margin-left: 36px;
	}
		
#mc_embed_signup fieldset, #mc_embed_signup-1 fieldset {
	background-color: transparent !important;
	border: 0 !important;
	padding-top: 0 !important;
}

	.mc-field-group label {
		font-size: 14px;
	}

	.mc-field-group input {
		font-size: 20px;
	}
	
	#mc_embed_signup #mc-embedded-subscribe, #mc_embed_signup-1 #mc-embedded-subscribe {
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: url("images/the-bean-fights-back/sign-up.png") no-repeat scroll 0 0 transparent;
		border: 0 none !important;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 21px;
		height: 45px;
		padding: 0;
		width: 156px !important;
	}
		#mc-embedded-subscribe:hover { background-position: 0 -50px !important; }

		.email-rss:hover,
		.mc-embedded-subscribe:hover {
background: #cccccc;
border: 1px solid #999;
		}
		
.mce_inline_error {
    color: red !important;
    float: left;
    font-weight: bold;
    margin: 1em 0 0;
    padding: 0 0 0 10px !important;
    width: 80%;
    z-index: 1;
}

#mce-responses {
	display: none;
}

	
#mc_embed_signup .inactive{
	color: #999;
	}	 
#mc_embed_signup .active{
	color: #333;
	}	 		
#mc_embed_signup .focused{
	color: #333;
	background: #fffee7;
	}	 
	
#nav li#menu-item-253, #nav li#menu-item-253 a {
	width: 98px;
}

*/





/*

.instafull,
.instahit .one, .instahit .two,
.instahitfull {
	opacity: 1;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
	.instafull:hover,
	.instahit .one:hover, .instahit .two:hover,
	.instahitfull:hover { opacity: 0.8;}

.beangrams {
	max-width: 800px;
	padding: 10px;
	margin: 10px auto;
}

#instabean {
	background-color: #fff;
	padding: 2px;
}

.instalink {
	height: 100%;
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
}

.instafull, .instaside div {
	background: none no-repeat scroll center center transparent;
	background-size: cover;
	position: relative;
}

.instafull, .instahitfull {
	height: 400px;
}

.instafull, .instaside { margin-bottom: 2px;}
.instafull.last { margin-bottom: 0;}

.instahit, .instahitfull { width: calc(50% - 1px);}

.instaside { overflow: hidden;}
.instaside .one { height: 199px; margin-bottom: 2px;}
.instaside .two { height: 199px;}

.instaside.left .instahit { float: left;}
.instaside.left .instahitfull { float: right;}

*/