/*reset to get us started*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*start styles here*/

body {
	background: #BCE3E8;
	color: #4A3F3A;
	font-family: nimbus-sans, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.2;
}

#wrapper, #footer {
	width: 978px;
	padding: 0 30px;
}
	
#header {
	padding: 40px 0 30px 0;	
}

#nav_pane {
	width: 233px;
	float: left;
}

.std_column {
	width: 233px;
	margin-left: 12px;
	float: left;	
}

.std_column.alpha {
	margin-left: 0;
}

.std_column.text, .std_column.empty {
	background: #FFF;
	min-height: 435px;
	padding: 12px 0;
}

div.std_column.empty {
	background: #CAE8EC;	
}

.std_column.img {
	width: 249px;
	margin-left: 6px;
}

.std_column p {
	margin: 0 12px 8px 12px;
}

.dbl_column.img {
	float: left;
	margin-left: 6px;
	width: 488px;
}

.front_column {
	width: 404px;
	float: left;	
}

.front_column img {
	margin-top: 0px;
	margin-bottom: 10px;
}

.front_column p {
	margin:	0 70px 8px;
}

#footer {
	clear: both;
	font-size: 10px;
}

.bright_bg #footer {
	color: #4A3F3A;
}

.dark_bg #footer {
	color: #FFF;
}

a {
	color: #EF4136;
	text-decoration: none;
}

a:hover {
	color: #EF4136;
	text-decoration: underline;
}

#contact_space {
	font-size: 14px;
	line-height: 18px;
	padding: 12px 0;
}

#contact_space a {
	text-transform: uppercase;
	color: #4A3F3A;
}

#contact_space a:hover {
	color: #EF4136;
	text-decoration: none;
}

.dark_bg #contact_space {
color: #FFF;	
}

.dark_bg #contact_space a {
	color: #FFF;
}

.dark_bg #contact_space a:hover {
	color: #EF4136;
}

.alt_text {
	font-family: museo-slab, Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	margin-top: 6px;
}

#contact_space .alt_text {
	border-top: 1px solid #4A3F3A;
	padding-top: 6px;
	margin-top: 6px;
	width: 200px;
}

.dark_bg #contact_space .alt_text {
	border-top: 1px solid #FFF;	
}

#badges {
	padding-top: 90px;
}

#logo {
	width: 303px;
	height: 43px;
	float: left;
	margin-right: 18px;
}

#logo a {
	display: block;
	line-height: 43px;
	width: 303px;
	height: 43px;
	background: transparent url(../i/cb_logo.png) bottom left no-repeat;
}

#logo a:hover {
	background-position: top left;
}
	
#byline {
	float: left;
	width: 200px;
	padding-top: 9px;
	font-size: 14px;
	font-weight: normal;
}

.bright_bg #byline {
	color: #EF4136;
}

.dark_bg #byline {
	color: #FFF;
}

#nav {
	font-family: museo-slab, Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
}

#nav li {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 9px;
	line-height: 16px;
}

#nav li a {
	color: #FFF;
	text-decoration: none;	
}

#nav li a:hover, #nav li a.selected, #nav li.current a {
	color: #EF4136;
	text-decoration: none;
}

.bright_bg #nav li a {
	color: #4A3F3A;
}

.bright_bg #nav li a:hover, .bright_bg #nav li a.selected, .bright_bg #nav li.current a {
	color: #EF4136;
	text-decoration: none;
}

.social_badge {
	height: 20px;
	width: 20px;
	overflow: hidden;
	line-height: 20px;
	background: transparent bottom center no-repeat;
	float: left;
	margin-right: 5px;
	margin-top: 6px;
}

.social_badge:hover {
	background-position: top center;	
}

#fb_badge {
	background-image: url(../i/fb_badge.png);
}

#twit_badge {
	background-image: url(../i/twit_badge.png);
}

#contact_space #vegfest {
	margin-top: 36px;
	padding-top: 12px;
	border-top: none;
}

.dark_bg #contact_space #vegfest {
	font-weight: bold;
}

#coming_soon {
	padding: 119px 33px 25px 31px;
	width: 340px;
	height: 280px;
	background: transparent url(../i/available_now_banner_long.png) center top no-repeat;
	margin-top: -15px;
}

#coming_soon p {
	margin-left: 0;
	margin-right: 0;
}

#coming_soon a {
	font-style: italic;
	color: #EF4136;
}

/*baked goods page*/
.one_item {
	margin-bottom: 14px;
}

.one_item a {
	color: #4A3F3A;
}

.one_item a:hover, .current a {
	color: #EF4136;
}

.one_item p {
	
}

.one_item h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 0 12px;
}

h4 {
	font-weight: normal;
	border-bottom: 1px solid #CCC;
	padding-bottom: 6px;
	margin-bottom: 12px;
}

.std_column h4 {
	margin-left: 12px;
	margin-right: 12px;
}

.one_item .current {
	color: #EF4136;
}

.one_item h3 .parenthetic {
	font-weight: normal;	
}

.one_item .address {
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 1px;
}

div.row {
	float: left;
}

div.second_row {
	margin-left: 245px;
	border-top: 1px solid #4A3F3A;
	padding-top: 12px;
	margin-top: 12px;
}

h3.question {
	color: #EF4136;
	margin: 0 12px 4px 12px;
}

.wtb_placement {
	display: none;
}

.slideshow_wrapper {
	position: relative;	
}

.slideshow_wrapper .second_image {
	position: absolute;
	top: 0;
	z-index: 20;
	left: 0;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
}

.slide_1 { z-index: 20; }
.slide_2 { z-index: 19; }
.slide_3 { z-index: 18; }
.slide_4 { z-index: 17; }
.slide_5 { z-index: 16; }


/*forms*/
.std_column form {
	margin: 0 12px;
}

label {
	text-transform: uppercase;
	font-family: museo-slab, Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	line-height: 13px;
}

label .form_note {
	text-transform: none;
	text-align: right;
	float: right;
	font-style: italic;
	font-size: 11px;
}

.std_column p.form_message {
	margin-top: 8px;
	margin-bottom: 8px;
}

input, textarea, select {
	padding: 5px;
	border: 1px solid #4A3F3A;	
	clear: both;
	width: 197px;
	margin-bottom: 6px;
	font-family: nimbus-sans, Helvetica, Arial, sans-serif;
	color: #4A3F3A;
	font-size: 13px;
	line-height: 1.2;
}

#so_message {
	height: 215px;
}

#so_submit {
	font-family: museo-slab, Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	color: #FFF;
	background: #EF4136;
	width: auto;
	border: none;
	cursor: pointer;
	font-weight: normal;
	margin-bottom: 0;
}

#so_submit:hover {
	background: #4A3F3A;
}

/*general classes*/
.text_replacement {
	text-indent: -5000px;
	white-space: nowrap;
	display: block;
}

.brown_tape {
	position: absolute;
	top: -12px;
	left: 15px;
	z-index: 100;
}

.angled_tape {
	position: absolute;
	top: -18px;
	right: -20px;
	z-index: 100;
}

.taped {
	position: relative;
}
	
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/*sticky footer code*/
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px auto; /* the bottom margin is the negative value of the footer's height */
}
#footer {
	padding-top: 40px;
	padding-bottom: 15px;
	height: 20px; /* .push must be the same height as .footer */
	margin: 0 auto;
}

.push {
	height: 75px;
}

/*full screen bgs*/
#bg {
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
}

#bg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

div#wrapper, div#footer {
	position: relative;
}