/*html, body {height:100%}
*/
body {
	margin: 0px;
	padding: 0px;
	background: #33291f;
	font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #33291f;
}

.slickbox, .slickbox2  {
	color:#fff;
	font-size: 1.2em;
	font-weight: bold;
}


#wrapper {
/*	min-height: 100%	
    min-width: 960px;;*/
	margin: 0 auto;
	padding: 0;
	background:#f2eeea;
	

}
#header {
	background:#33291f;
	height:152px;
	position:relative;
	
	}
	
#header a.img, #header a:visited img {border: none}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1024px) {
	.js #nav {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
#backpic {display:none}
#foo {display:block;overflow:hidden;clear:both}
}

#nav {
	background:#33291f;
	padding:0;
	margin:0;
	list-style-type:none;
	/*height:42px;*/
	margin-top:10px; float:right;
}
#nav li { float:left; }
#nav li a {
	padding:9px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size: 1.2em;
	text-transform:uppercase;
	font-weight:bold;
}

/* Submenu */
#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	z-index:1000;
}
#nav li:hover { position:relative; background:#CC9900; }
#nav li:hover ul {
	left:0px;
	top:37px;
	background:#CC9900;
	padding:0px;
}

#nav li:hover ul li a {
	padding:5px;
	display:block;
	width:250px;
	text-indent:15px;
	background-color:#CC9900;
}
#nav li:hover ul li a:hover { background:#33291f; }

	
/*#nav {
	float:right;
	margin-top: 10px;
	padding: 0 .5em;
	white-space: nowrap;
	text-align:right;
	font-weight: bold;	
	font-size: 1.2em;
	text-transform:uppercase;
}

#nav li {
	display: inline;
	list-style-type: none;
	padding: 0 .3em;
	color: #CC9900;
	
}

#nav a:link, #nav a:visited {
color: #CC9900;
text-decoration: none;
outline:none;
}

#nav a:hover {
color: #fff;
text-decoration: none;
}
*/




/* sub-navigation 
#subnav {
	background: #CC9900;
    margin: 0;
	padding:8px 0;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
	list-style-type: none;
	color: #0a4598;
	border-bottom: solid 1px #ccc;
	text-transform:uppercase;
}

#subnav li {
display: inline;
padding: 0 .5em 0 1.5em;
color: #0a4598;
}

#subnav a, #subnav a:visited {text-decoration: none}
#subnav a:hover {color:#f2eeea;}
*/
/*pass current link through body tag*/

body.bread a#bread, 
body.cakes a#cakes, 
body.weddings a#weddings, 
body.pastry a#pastry,
body.news a#news,
body.about a#about,
body.store a#store,
body.home a#home,
body.wholesale a#wholesale,
body.buy a#buy
{
color: #fff;
text-decoration: none;
}




#frontboxes {
	width: 90%;
	margin: 2% auto;
	}
.frontbox {
	width: 30%;
	background: #f2eeea;
	margin: 0;
	min-height:630px;
	border: solid 1px #33291f;
	font-weight: bold;
/*	text-transform: uppercase;
*/	font-size: 1.2em;
	}

.gutter {padding: 0 1em 1em 1em;}


 .left {float: left;}
 .middle {float: left; margin: 0 4.5%;}
 .right  {float:right}
a, a:visited {color: #33291f; outline: none;}
.frontbox h1 {
	text-transform: uppercase;
	color: #fff;
	background: #900222 url(../images/boxheader.jpg) repeat;
	font: normal 140% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: .5em ;
	margin: 0;
}
.frontbox a {text-transform:none; color: #860120; font-size: 1em; float:right; margin-bottom: 1em}
.frontbox img {border: solid 1px #33291f; width: 80%; margin: 5% auto;}

#right {
	float: right;
	margin: 0 0 1em 2em;
	padding: 0;
	width: 37%;
	background:#f2eeea;
      	}
#left {
	float: left;
	margin: 0 2em 1em 0  ;
	padding: 0;
	width: 37%;
	background:#f2eeea;
      	}

#flash {width: 100%; margin: 0; padding:0; vertical-align:top;}
.gutter {padding: 0 1.5em;}

#footer, #footer2 {
	clear:both;
	color: #CC9900;
	font-size: small;
	text-align:center;
	padding-top: 1em;
	background:#33291f;
	}
#footer a, #footer2 a {color: #CC9900}
#footer a:hover, #footer2 a:hover {color: #fff}


#footer2 {padding: 0; margin:0; height:37px; }
#icons {float:right; padding:5px; background:transparent; }
#icons:hover {border-color:#aaa;}
#icons li:first-child {border:0;}
#icons li:last-child {padding:0; margin-right: 8px;}
#icons li { padding:0 8px 0 0; border:0; float:left; list-style-type: none;
}
#icons li a { display: block; width:32px; height:32px; text-indent:-9999px; overflow:hidden;}
/*#icons li.rss a {background:url(../images/ico_rss_sm.png) no-repeat; }
#icons li.email a {background:url(../images/ico_email_sm.png) no-repeat; }
*/#icons li.fb a {background:url(../images/ico_fb.png) no-repeat;}
#icons li.tw a {background:url(../images/ico-instagram.png) no-repeat;}
.logo {float:left;border:none; margin:1em 0 0 2em;}
h1 {
	color: #33291f;
	font-size: 2em;
	text-transform:uppercase;
	}

#header h1 {
	color: #f2eeea;
	margin: 0;
	padding: 1em;
	font-size: 2.5em;
	float: right;
}

h2, .caption {
	color:#900222;
	font-size: 1.5em;
	text-transform: uppercase;
	}
	
h2 a, h2 a:visited {color:#900222;}


h3 {
	color: #33291f;
	font-size: 1.2em;
	text-transform: uppercase;
	}
	
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; z-index:1000 }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #33291f;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #CC9900;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; 
	text-transform:uppercase;}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #CC9900;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }	
	
/* Tablet Portrait (devices and browsers)
====================================================================== */	
@media only screen and (min-width : 768px) and (max-width : 1024px) {

#right {width:47%}
#header h1 {padding:.5em}
#foo {position:absolute; width:60%; right: 0px; top:95px; z-index:1000}
}

@media only screen and (min-width : 300px) and (max-width : 640px) {
#header {height: 182px}
.header-title {display:none}	
.logo {float:none; display:block; margin: 0 auto;}
#foo {position:absolute; width:100%;  top:125px; z-index:1000;}

}