/* Styles for http://www.cafeavocado.com */

/* Eric Meyer's Reset styles 
v1.0 | 20080212 */

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;
}

body {
	width: 760px;
	margin: 0 auto;
	background-color: #fff7e2;
	color: #2f3013;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 27px;
}
a:link, a:visited {
	color: #2f3013;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	background-color: #2f3013;
	color: #FFF7E2;
}
/*Branding */
#branding {
	position: absolute;
	top: 0;
	text-indent: -99999999px;
	overflow: hidden;
	display: block;
	width: 338px;
	height: 264px;
	background: transparent url('/assets/images/logo.jpg') no-repeat left top;
	z-index: 100;
}
#strap {
	z-index: 100;
	position: absolute;
	top: 75px;
	color: #eedcad;
	font-size: 27px;
	line-height: 41px;
	width: 373px;
	margin-left: 369px;
	text-align: left;
}
	#strap .keyword {
		color: #e5eae5;
		font-style: italic;
	}

/* Navigation */
h2.nav {
	display: none;
}

ul.nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 33px;
	margin: 0 auto;
	padding: 10px 0 298px 310px;
	text-align: center;
	background: transparent url('/assets/images/bg_nav2.jpg') repeat-x left top;
	font-size: 21px;
}
	ul.nav li {
		display: inline;
		padding-right: 10px;
		margin-right: 10px;
		border-right: 1px solid;
	}
	ul.nav li:hover {
		/* Background Image? */
	}
	ul.nav li.last {
		border-right: none;
	}
	ul.nav li a:link,
	ul.nav li a:visited {
		color: #3e3e18;
		text-decoration: none;
	}	
	ul.nav li a:hover,
	ul.nav li a:focus,
	ul.nav li a:active {
		color: #450a0f;
		background-color: #c8c56b;
		text-decoration: underline;
	}

/* Main Content */
div#main {
	margin-top: 264px;
	position: relative;
}
	div.about {
		width: 532px;
		height: 295px;
		background: #ebd8ae url('/assets/images/bg_about.jpg') no-repeat left top;
	}
		.about h2 {
		text-indent: -999999em;
		overflow: hidden;
		}
		.about p {
			padding-left: 305px;
			padding: 13px 0 0 295px;
			width: 223px;
		}
	#contextualNav {
		width: 484px;
		height: 66px;
		margin: 3px 0 0 20px;
		padding: 8px 8px 0 8px;
		background: transparent url('/assets/images/bg_paper2.jpg') no-repeat left top;
	}
	div#news {
		width: 500px;
		margin: 18px 0 0 20px;
	}
		div#news h2{
			text-indent: -999999em;
			overflow: hidden;
			height: 55px;
			background: transparent url('/assets/images/bg_paper2.jpg') no-repeat left -73px;
		}
		div#news ul li {			
			padding-top: 12px;
		}
		div#news ul li.first {			
			padding-top: 0;
		}
		div#news span.date {
			float: right;
			font-size: 14px;
			margin-top: 6px;
			margin-right: 9px;
		}
		div#news h3{
			font-size: 21px;
			line-height: 33px;
			font-weight: normal;
			margin: 0 9px;
		}
			div#news h3 a:link, div#news h3 a:visited {
			color: #7d7931;
		}
			div#news h3 a:hover, div#news h3 a:focus, div#news h3 a:focus {
				background-color: transparent;
				color: #4d4901;
			}
		div#news p {
			font-size: 14px;
			line-height: 21px;
			margin: 0 9px;
		}
	div#specials {
		float: right;
		width: 220px;
		margin-top: -357px;
		background: transparent url('/assets/images/bg_specials.jpg') no-repeat left top;
	}
		div#specials h2 {
			display: block;
			width: 214px;
			height: 55px;
			margin-left: 12px;
			text-indent: -999999em;
			overflow: hidden;
			background: transparent url('/assets/images/h2-specials.gif') no-repeat left top;
		}
		div#specials span.date {
			display: block;
			margin-top: -9px;
			padding-left: 15px;
		}
		div#specials span.hours {
			display: block;
			font-size: 14px;
			margin-top: -9px;
			padding-left: 15px;
		}
		div#specials ul {
			margin-top: -4px;
		}
		div#specials li {
			margin-top: 14px;
			font-size: 14px;
			line-height: 21px;
			padding-left: 15px;
			background: transparent url('/assets/images/bg_specials.jpg') no-repeat left 50%;
		}
		div#specials li.last {
			background-position: left bottom;
		}
		div#specials li h3 {
			float: left;
			margin-right: 4px;
		}


	div#links {
		clear: both;
		height: 250px;
	}
		div#links h2 {
			text-indent: -9999999em;
			overflow: hidden;
		}
		div#links li {
			float: left;
			width: 230px;
			min-height: 200px;
			margin: 0 9px;
			background: transparent url('/assets/images/bg_paper2.jpg') repeat -510px top;
		}
			div#links li p {
				padding: 15px;
			}

/* -----------------
Footer
----------------- */
	div#footer {
		clear: both;
		position: absolute;
		left: 0;
		right: 0;
		height: 275px;
		text-align: left;
		background: #3f0302 url('/assets/images/bg_footer.jpg') repeat-x 50% top;
		color: #f8eccd;
		border-top: 9px solid #C9C56C;
	}
		div#footer h2 {
			font-size: 18px;
			font-weight: normal;
		}
		div#footer a {
			color: #f3e3bb;
			text-decoration: none;
			background-color: transparent;
		}
		div#footer a:hover,
		div#footer a:focus,
		div#footer a:active {
			background: transparent url('/assets/images/avomarker.gif') no-repeat 0 -2px;
			text-decoration: underline;
		}
		div#footer ul {
			font-size: 14px;
			line-height: 21px;
		}
			div#footer ul li {
				float: left;
				width: 115px;
				text-indent: 18px;
			}
			div#footer ul li:hover,
			div#footer ul li:focus,
			div#footer ul li:active {
			}
			div#footer ul li a {
				display: block;
			}
			div#footer ul li.long {
				width: 200px;
			}
		div#contactWrap {
			position: absolute;
			left: 50%;
			margin-left: -375px;
			padding: 25px 10px 25px 30px;
			height: 225px;
			font-size: 14px;
			line-height: 21px;
			color: #450a0f;
			background: #F2E3BA;
			width: 190px;
		}
		div#footer h2.contact {
			display: none;
		}
		div#footer div.contact a.fn {
			font-size: 27px;
		}
		div#footer div.contact a {
			color: #450a0f;
			text-decoration: none;
		}
		div#footer div.contact a:hover,
		div#footer div.contact a:focus,
		div#footer div.contact a:active {
			color: #450a0f;
			background: transparent none;
			text-decoration: underline;
		}
		div#footer .adr,
		div#footer .tel,
		div#footer .email {
			margin-left: 9px;
		}
		div#footer .country-name {
			visibility: hidden;
		}
		div#footer h2.hours {
			top: 200px;
			font-weight: normal;
			font-size: 18px;
			margin: 25px 0 0 9px;
		}
			div#footer dl.hours dd.lunch {
				margin-right: 5px;
			}
			div#footer dl.hours {
				margin-left: 9px;
				position: relative;
			}
			div#footer dl.hours dt {
				margin-right: 5px;
			}
			div#footer dl.hours dd {
				position: absolute;
				margin-top: -20px;
				right: 10px;
			}
			div#footer dl.hours dd.lunch {
				right: 50px;
			}
			div#footer dl.hours dt:after {
				content: ": "
			}
		div#footer .searchForm,
		div#footer .pages {
			position: absolute;
			left: 50%;
			margin-left: -125px;
			width: 230px;
			padding-left: 20px;
		}
		div#footer .searchForm {
			top: 25px;
			font-size: 14px;
			line-height: 1;
		}
		div#footer .searchForm .searchBoxWrap {
			display: block;
			padding-left: 12px;
			padding-bottom: 12px;
			background: url('/assets/images/bg_searchBoxWrap.gif') no-repeat left top;
			vertical-align: top;
		}
			div#footer .searchForm label {
				margin-left: 9px;
			}
				div#footer .searchForm #searchInput {
					padding: 4px 0 0;
					border: 0 none;
					height: 20px;
					width: 150px;
					color: #3f0302;
					font-family: Georgia, serif;
					background: #fff7e2 url('/assets/images/bg_searchBox.gif') repeat-x left top;
					vertical-align: top;
				}
				div#footer .searchForm .button {
					padding: 0;
					border: 0 none;
					padding: 0 0 3px 3px;
					height: 24px;
					width: 61px;
					background: transparent url('/assets/images/btn_search.gif') no-repeat right -24px;
					font-family: Georgia, serif;
					color: #3f0302;
					vertical-align: top;
				}
				div#footer .searchForm .button:hover {
					background-position: right 0;
				}
				div#footer .searchForm .button:active {
					background-position: right -48px;
				}
		div#footer h2.pages {
			top: 100px;
		}
		div#footer ul.pages {
			top: 125px;
		}
		div#footer .feeds,
		div#footer .links {
			position: absolute;
			left: 50%;
			margin-left: 125px;
			width: 230px;
			padding-left: 20px;
		}
		div#footer h2.feeds {
			top: 25px;
		}
		div#footer ul.feeds {
			top: 50px;
		}
		div#footer h2.links {
			top: 125px;
		}
		div#footer ul.links {
			top: 150px;
		}
		div#footer p {
			position: absolute;
			left: 50%;
			top: 237px;
			width: 350px;
			text-align: left;
			margin-left: -125px;
			font-size: 14px;
			padding-left: 20px;
		}
			div#footer p a:hover,
			div#footer p a:focus,
			div#footer p a:active {
				background: transparent none;
			}