@charset "UTF-8";
body {
	font: 100% Geneva, sans-serif;
	background: url('../images/crush_background.jpg') repeat scroll 0 0 #440000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	position: relative;
	
	font-weight: lighter;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


a:link, a:active, a:visited {color:#900;}

img {border:none; }
a {outline:none;}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height:982px;
	background:url(../images/container-bg2.jpg);
	margin-left:auto; /* the auto margins (in conjunction with a width) center the page */
	margin-right:auto;
	margin-top:0px;
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	
	height:150px;
	background-image: url(../images/crush-header.jpg);
	background-position: relative;
	background-repeat: no-repeat;
	margin-bottom:0px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#container div.cwc {
	position: absolute;
	top: 0;
	left: 860px;
}

#logo {
	float:left;
	width:300px;
	height:150px;
	display:block;
	text-indent:-9999px;
	position: absolute;
	    }

#mainContent {
	padding: 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:600px;
	margin-top:0px;
	
	
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#social {
	float:right;
	width:532px;
	margin-top:115px;
	margin-right:0px;
}

#social .social_links {float:left;padding-right:5px;}

#social .newsletter {float:left;padding-top:0px;}

#social .shop {padding-bottom:5px;}

div.emailFormWrapper {
	width: 350px;
}

div.emailSignup {
	background: url('../images/email_input.png') no-repeat scroll 0 0 transparent;
	float: left;
	height: 27px;
	margin: 4px 0 0 12px;
	width: 181px;
}

div.emailSignup input.emailText {
	background: none repeat scroll 0 0 transparent;
	color: #825933;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	border: medium none;
	margin: 2px;
	outline: medium none;
	padding: 6px;
	text-align: center;
	width: 161px;
}

input.submit {
	float: left;
	height: 29px;
	width: 106px;
	margin: 2px 0 0 6px;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer;
}

#pageHeading h3{
text-align:center;
}
#pageHeading {

	font-size:17px;
	font:Verdana;
	text-align:center;
	line-height:24px;
	margin:20px 0;
	color:#653d1a;
}

#bottomHeading{
	position:relative;
	bottom: 50px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 5px;
	display:block;
	clear: both;
}

#mainImage {
	width:auto; 
	height:auto; 
	float:left;
	}
	
#pageContent {
	padding: 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:530px;
	margin-top:0px;
	display: block;
	clear: both;
}

#centerColumn {
	width:725px; 
	float: none;
	height:150px;
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
		
#centerColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:center;
}

#centerColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#leftColumn {
	width:400px; 
	float:left;
	height:490px;
	padding-right: 20px;
}
		
#leftColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#leftColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#smLeftColumn {
	width:340px; 
	float:left;
	height:190px;
	padding-right: 20px;
	display: inline;
	clear: none;s
}
		
#smLeftColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#smLeftColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#menuleftColumn {
	width:300px; 
	float:left;
	height:300px;
}
		
#menuleftColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#menuleftColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}


#rightColumn {
	width:400px; 
	float:left;
	height:300px;
	display: inline;
	clear: none;
}
		
#rightColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#rightColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#smRightColumn {
	width:340px; 
	float:right;
	height:190px;
	padding-left: 20px;
}
		
#smRightColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#smRightColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#menurightColumn {
	width:550px; 
	float:left;
	height:300px;
}
		
#menurightColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#menurightColumn h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}



#fullwidth p {
	font-size:12px;
	color:#653d1a;
}

#eventsCalendar {width:500px; margin:0 auto;}


	
#fullwidth h2 {
	font-size:12px; 
	margin-top:0px;
	margin-bottom:-10px; 
	color:#653d1a;
}

#mainColumn {
	width:375px; 
	float:right;
	min-height:500px;
	font-size:12px;
	color:#653d1a;
	text-align:justify;
	
	}
#mainColumn.retail {
	min-height:400px;
}
#mainColumn p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#mainColumn li {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}


.shopCrush h2 {font-size:14px; margin:0; color:#653d1a;padding-top:5px;}
#mainColumn h2 {font-size:14px; margin-top:0px;margin-bottom:-10px; color:#653d1a;vertical-align:middle;}
#mainColumn h2.shop {margin-bottom:5px; font-size:10px; font-weight:bold;}
.shopCrush {clear:both;margin:auto;text-align:center;width:625px;}
.shopCrush img {margin-left:0px;}
#aboutLeft {
	width:400px; 
	float:left;
	
	
	
	}
	
	
	#storeHeading {

	font-size:12px;
	font:Verdana;
	text-align:justifty;
	line-height:24px;
	margin:20px 0;
	color:#653d1a;
}

#storeHeading h2 {text-align:center;}


#aboutLeft p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#aboutRight {
	width:400px; 
	float:right;
	
	
	
	}
#aboutRight p {
	font-size:12px;
	color:#653d1a;
	text-align:justify;
}

#aboutRight h2 {
	font-size:12px; margin-top:0px;margin-bottom:-10px; color:#653d1a;
}

#aboutLeft h2 {
	font-size:12px; margin-top:0px;margin-bottom:-10px; color:#653d1a;
}

.aboutIMG {padding:10px 0;}

.parfections img {padding-right:10px;}

.chef {
	padding:0 0 10px 10px;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fltlt {float:left;}
.fltrt {float:right;}

/*==================================
MENU
==================================*/

#navContainer {margin-top:0px;}



#navlist
{
	width:auto;
	height:24px;
	/*margin-left: 0;*/
	
	border-top:2px solid #cc9c4a;
	border-bottom:2px solid #cc9c4a;
	font: 12px Verdana, sans-serif;
	/*position:relative;
	top:164px;*/
	
	padding-right:50px;
	
	line-height:23px;
	background-image: url(../images/nav-bg.jpg);
	
	
}

#navlist li
{
	

list-style: none;
margin: 0;
/*border-top: 1px solid gray;*/
display: inline;
}

#navlist li a
{font-size:14px;
	
	/*border-left: 1em solid #AAB;*/
/*background: #CCD;*/
text-decoration: none;
	
	padding: 0 12px;
}

#navlist li a:link { color: #6e4622; }
#navlist li a:visited { color: #6e4622; }

#navlist li a:hover
{
/*border-color: #FE3;*/

color: #3f240b;

/*background: #332;*/
}
#navlist li a.current {color:#371f0a; }



/*Events*/

#events h2, #classes h2 {color:#371f0a;font-size:14px;}

#events {width: 420px; float:left; margin-right:20px;}

#classes {width: 420px; float:left;}

 .date {
 width: 100px; font-weight:bold; font-size:12px; color:#653d1a;
 }
  .dayw {
 width: 50px;
 }
 .time {
 width: 50px;
 }
 .venue {
 width: 400px; font-weight:bold;font-size:12px;color:#653d1a;
 }
 .description {
 width: 400px;font-size:12px;color:#653d1a;
 }
.spacer {
width: 10px
}
.highlight {
font-size:16px;
}
.small {
font-size: 10px;
}

/*==============================
			STORE
================================*/

#store {
	width:880px;
	height:360px;
	margin:auto;
	overflow:auto;
	border:#A55916 solid 1px;
	padding:5px;
}
.store_item {
	border-bottom:1px solid #A55916;
	margin-right:15px;
	min-height:160px;
	clear:both;
}
.store_item img {
	text-decoration:none;
	float:right;
	border:none;
	outline:none;
}

#shopButton {
	width:210px;
	margin:auto;
	margin-top:10px;
	padding:0px;
}

#reservation {
	font-family:cursive, Verdana, Geneva, sans-serif;
}
#reservation form {
	color:#000;
background:url(../blog/wp-content/themes/thematicsamplechildtheme/images/res_form_bg.png);
	width:350px;
	text-align:center;
	margin:auto;
}