/* 
-----------------------------------------------
	Cafe Nola
	Main Stylesheet 
	By Anna Taylor for Axis 80 Interactive 
	Copyright (c) Axis 80 Interactive
----------------------------------------------- */

html, body { margin: 0; padding: 0; height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #3e2100; text-align: center; background: repeat 0px 0px url(../images/dot-bg.jpg) #3c2608; }

h1 { font-family: "Trebuchet MS", Arial, Sans-Serif; margin: 0; padding: 10px 0; font-size: 26px; color: #607320; font-weight: normal; }
h2 { font-family: "Trebuchet MS", Arial, Sans-Serif; margin: 0px; padding: 10px 0 0 0; font-size: 18px; color: #7a4411; border-bottom: 1px solid #7a4411; }
h3 { font-family: Arial, Sans-Serif; margin: 0; padding: 10px 0 0 0; font-size: 16px; color: #7a4411; font-style: italic; font-weight: normal; }

form { margin: 0; padding: 0; }

ul { margin: 0 0 0 20px; padding: 0 0 0 5px; }
li { margin: 15px 0; padding: 0; line-height: 12px; }

a:link { color: #607320; text-decoration: underline; }
a:active { color: #607320; text-decoration: underline; }
a:visited { color: #607320; text-decoration: underline; }
a:hover { color: #98b633; text-decoration: none; }


/* GLOBAL IDs ----------------------------------------------- */

#container { width: 670px; min-height: 100%; padding: 0; margin:0 auto; text-align: left; background-color: #e0c186; background-image: url(../images/bg-footer.jpg); background-repeat: no-repeat; background-position: bottom; position:relative; }

#container { _height: 100%; }

#content { width: 590px; margin: 0; padding: 10px 40px 140px 40px; }

#footer { position:absolute; bottom:0; width:100%; height:100px; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #3e2908; }
#footer a:link,#footer a:active,#footer a:visited { color: #607320; text-decoration: underline; }
#footer a:hover { color: #607320; text-decoration:none; }
#aknowledgements { color: #a85d0a; }
#aknowledgements a:link,#aknowledgements a:active,#aknowledgements a:visited { color: #a85d0a; text-decoration: underline; }
#aknowledgements a:hover { color: #a85d0a; text-decoration:none; }


/* HOME IDs ----------------------------------------------- */

#header { width: 670px; }
#navigation { width: 200px; height: 236px; float: right; }

#home-leftcol { 
	width: 360px;
	float: left;
	margin-top: 4px;
}

#home-rightcol { 
	width: 200px;
	float: right;
	margin-top: 4px;
}


#home-farm { }

#home-farm h3 { 
	width: 111px;
	height: 24px;
	background: transparent url('../images/h3-farm-blog.png') no-repeat center center;

	text-indent: -9999px;

	outline: 0;
	margin: 0 0 4px 0;
	padding: 0;
	border: 0;
}

#home-farm-blurb {
	margin-top: 0px;
}

#home-news { }

#home-news h3 { 
	width: 58px;
	height: 18px;
	background: transparent url('../images/h3-news.png') no-repeat center center;

	text-indent: -9999px;

	outline: 0;
	margin: 34px 0 12px 0;
	padding: 0;
	border: 0;
}

#home-events {

	padding: 0 0 29px 0;	
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cba76e;

}

#home-events h3 { 
	width: 141px;
	height: 18px;
	background: transparent url('../images/h3-upcoming-events.png') no-repeat center center;

	text-indent: -9999px;

	outline: 0;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

#home-mailing-list { 

	margin: 0 0 10px 0;
	padding: 0 0 22px 0;

	border-bottom: 1px solid #cba76e;
	
}

#home-mailing-list h3 { 
	width: 95px;
	height: 19px;
	background: transparent url('../images/h3-mailing-list.png') no-repeat center center;

	text-indent: -9999px;

	outline: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#home-mailing-list-blurb {
	margin: 0;
	padding: 3px 0 6px 0;
	color: #3b1f00;
	font-size: 13px;
	font-weight: normal;
}

#home-mailing-list-form {
	margin: 0;
	padding: 0;
} 

#home-mailing-list-label {
	text-transform: uppercase;
	color: #a85d0a;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#home-mailing-list-email {
	width: 161px;
	border: none;
	margin: 0;
	padding: 4px;
}

#home-mailing-list-submit {
	
	margin: 3px 0 0 3px;
	padding: 0;

	border: 0;
}

#home-social { 

	margin: 0;
	padding: 0 0 12px 0;

	border-bottom: 1px solid #cba76e;
}

#home-social h3 { 
	width: 77px;
	height: 15px;
	background: transparent url('../images/h3-socialize.png') no-repeat center center;

	text-indent: -9999px;

	outline: 0;
	margin: 7px 0 0 0;
	padding: 0;
	border: 0;
	
	float: left;
}

#home-zagat {

	margin: 0;
	padding: 22px 0 24px 0;

	border-bottom: 1px solid #cba76e;
}

/* HOME CLASSES -------------------------------------------------*/

/*  All of these are no longer used 
.home-twocol-container { width:100%; }								
.home-newsbox { width: 330px; float: left; }
.home-eventsbox {width: 220px; float: right; text-align:left; }
.home-maillist-signup { width: 270px; float: left; }
.home-socialnetworking { width: 270px; float: right; }
*/



.home-farm-headline {
	text-transform: uppercase;
	font-size: 12px;
}

.home-farm-headline a {
	font-weight: bold;
	color: #a85d0a;
}

p.home-farm-body {
	margin: 2px 0px 12px 0;
}

a.home-farm-readmore {
	font-weight: normal;
	font-size: 12px;
	color: #a85d0a;
}

.home-news-date {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.home-news-headline {
	text-transform: uppercase;
	font-size: 12px;
}

.home-news-headline a {
	font-weight: bold;
	color: #a85d0a;
}

p.home-news-body {
	margin: 2px 0px 12px 0;
}

a.home-news-readmore {
	font-weight: normal;
	font-size: 12px;
	color: #a85d0a;
}

.home-event-wrapper {
	margin-bottom: 17px;
}

.home-event-date {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}

.home-event-title {
	text-transform: uppercase;
	font-size: 12px;
}

.home-event-title a {
	font-weight: bold;
	color: #a85d0a;
}

.home-event-time {
	
}

.home-event-viewdetails {
	font-weight: normal;
	font-size: 12px;
}

.home-event-viewdetails a {
	color: #a85d0a;
}

.home-social-button {
	margin: 0 0 0 7px;
	float: left;
}


/* INSIDE PAGE IDs ----------------------------------------------- */

#menu-container { width: auto; float: right; text-align: right; }
#menu-container-alt { text-align: center; padding: 9px; 0px; }
#menu1 { display: block }
#menu2 { display: none }
#menu3 { display: none }
#menu4 { display: none }

#directions-mapcontainer {
	/* float: right; */
	border: 1px solid #3c2608;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: none;
}


/* GLOBAL CLASSES ----------------------------------------------- */

.floatright { float: right; margin: 0; }
.floatleft { float: left; margin: 0; } 
.clearer { display: block; clear: both; height: 1px; overflow: hidden; }

.input-field { border: 0; background-color: #ffffff; padding: 3px; }
.submit { background-color: #3e2709; border: 0; color: #e0c186; font-weight: bold; font-size: 10px; padding: 3px; }

.price { font-size: 12px; color: #7a4411; }

.errors {font-weight: bold; color: #cc0000; }

div.menu-printable {
	float: right;
	border: 1px solid #C59952;
	margin: 16px 0px 10px 14px;
	padding: 6px;
	background-color: #D9BA82;
	font-weight: normal;
}

div.menu-printable-alt {
	float: right;
	border: none;
	margin: none;
	padding: 6px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height:24px;
}

div.menu-printable-alt img {
	border: none;
	margin: none;
	padding: none;
}

div.menu-printable-alt a {
	text-decoration: none;
}

/*  Gallery classes  */
div.photoalbum {
	float: left;
	width: 150px;
	height: 160px;
	border: none;
	margin: 9px;
	padding: 6px;
	text-align: center;
}

div.photoalbum:hover {
	background-color: #f0d196;
}

img.photoalbum-image {
	margin-top: 6px;	
	margin-bottom: 4px;
	border: 2px solid #7a4411;
}

div.photoalbum-caption {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div.photoalbum-caption a {
	color: #7a4411;
	text-decoration: none;
}

div.photo {
	float: left;
	border: none;
	margin: 0px 6px 6px 0px;
	padding: 6px;
	text-align: center;
}

.event-photo-container {
	float: right;
	margin: 0 0 20px 20px;
	border: none;
	padding: none;
}

.event-photo {
	border: 2px solid #607320;
	padding: none;
	margin: none;
}

.event-photo-caption {
	font-style: italic;
	border: none;
	padding: none;
	margin:  5px 0 0 0;
}

#event-featured-artists {
	width: 330px;
}