/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* general */
html { height:100%; }
body { height:100%; font:13px/1.5em Georgia, 'Times New Roman', serif; color:#2c2625; background:url(/assets/img/bg.jpg); }

a { text-decoration:none; color:#683636; }
a:hover { text-decoration:underline; }
ul { margin-bottom:1.5em; }
body.home ul.links { padding-left:15px; }
ul.links li a { padding-left:12px; font-size:14px; line-height:1.8em; text-transform:uppercase; color:#4a403e; background:url(/assets/img/arrow_link.gif) no-repeat 0 50%; }
ul.links li a:hover { text-decoration:underline; }
ul.links li.active a { color:#333; }
h1 { font-size:24px; line-height:1.3em; margin-bottom:1.3em;  }
h2 { font-size:24px; line-height:1.3em; margin-bottom:.5em; }
h2.comments-title { margin-top:1em; }
h2.big { margin-bottom:1.5em; }
#sidebar h2 { font-size:22px; line-height:1.4em; }
h3 { font-size:16px; font-weight:bold; line-height:1.3em; margin-bottom:0.1em; color:#2c2726; }
h2 span,
h3 span { display:block; font-size:14px; line-height:1.3em; color:#683636; font-weight:normal; }

h4 { font-weight:bold; color:#2c2726; }
h1 a, h2 a, h3 a, h4 a { color:#2c2625; }
ul.rule li { padding-bottom:0.8em; margin-bottom:0.8em; background:url(/assets/img/rule_dot.gif) repeat-x 0 100%; }		
ul.rule li.last { margin-bottom:0; background:none; }
ul.rule li h4 { line-height:1.3em; }
.intro { margin-right:100px; }
p.intro { margin-bottom:2em; font-size:14px; text-transform:uppercase; color:#4A403E; }
img.left, .left { float:left; margin:0 15px 18px 0; }
img.right, .right { float:right; margin:0 0 18px 15px; }
img.stroke { border:1px solid #b1aca0; }
img.inline { margin-top:0.4em; }
p { margin-bottom:1.5em; }
p.tight { margin-bottom:.5em; }
p.last { margin-bottom:0; }
i.caption { color:#746F62; }
div.rule { clear:both; height:19px; padding:20px 0; background:url(/assets/img/rule.gif) no-repeat 50% 50%; }
div.rule.spacer { padding:35px 0; }

.clear { clear: both; }
#hero:after, .grid2col:after, .grid3col:after, .selfclear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }		
* html #hero, * html .grid2col, * html .grid3col, * html .selfclear { zoom: 1; } /* IE6 */
*:first-child+html #hero, *:first-child+html .grid2col, *:first-child+html .grid3col, *:first-child+html .selfclear { zoom: 1; } /* IE7 */

.column, .sub-column { float:left; }
.grid3col .column { width:31.2%; margin-left:3%; }
.grid3col .column.first { margin-left:0; }
.grid2col { background:url(/assets/img/sidebar_bg.png) no-repeat 607px 0; }
.grid2col .column.last { width:25%; }
.grid2col .column.first { width:70%; }
.column.last, .sub-column.last { float:right; }
.sub-grid2col .sub-column { width:47%; }

#subnav { border-top:1px solid #b1aca0; border-bottom:1px solid #b1aca0; line-height:24px; text-align:center; }
#subnav li { display:inline; padding:4px 0 5px;}
#subnav li a { padding: 0px 12px; text-transform:uppercase;  }
#subnav li.active { background:#b1aca0; }
#subnav li.active a { color: #1e1a19; }
#subnav li.active a:hover { text-decoration:none; cursor:default; }

#wrapper { position:relative; min-height:100%; width:850px; padding:0 55px; margin:0 auto; background:url(/assets/img/main_bg.png) no-repeat; _background:none; }
#header { position:relative; }
#header #logo { display:block; width:324px; height:67px; margin:3px 0 30px; text-indent:-9999px; background:url(/assets/img/logo.png); }		

#nav { position:relative; left:-18px; margin-bottom:0; height:31px; }
#nav li { position:relative; float:left; height:31px; padding-right:48px; margin-right:-15px; font-size:16px; font-family:Georgia,'Times New Roman',serif; background:url(/assets/img/tab_bg_right.gif) no-repeat 100% 0; }
#nav li.last { background:url(/assets/img/tab_last_bg_right.gif) no-repeat 100% 0; }
#nav li a { display:block; width:100%; height:31px; padding-left:25px; margin-left:-7px; line-height:31px; text-decoration:none; color:#d9dad1; background:url(/assets/img/tab_bg_left.gif) no-repeat 0 0; }
#nav li.first a { background:url(/assets/img/tab_first_bg_left.gif) no-repeat; }

* html #nav { left:-25px; }
* html #nav li,
* html #nav li.last { padding-right:0; margin-right:0; background:none; background:#542727; }
* html #nav li { margin-right:4px; }

* html #nav li a,
* html #nav li.first a { display:inline; margin-left:0; padding-right:25px; background-image:none; }

#nav #tab_home { z-index:16; }
#nav #tab_about { z-index:15; }
#nav #tab_blog { z-index:14; }		
#nav #tab_menu { z-index:13; }
#nav #tab_coffee { z-index:12; }
#nav #tab_catering { z-index:11; }
#nav #tab_locations { z-index:10; }
body.home #nav li#tab_home,
body.about #nav li#tab_about,
body.menu #nav li#tab_menu,
body.coffees-and-teas #nav li#tab_coffee,
body.catering #nav li#tab_catering,
body.locations #nav li#tab_locations,
body.blog #nav li#tab_blog,
body.single #nav li#tab_blog { z-index:17; background:url(/assets/img/tab_active_bg_right.gif) no-repeat 100% 0; _background:#1e1a19; }
body.home #nav li#tab_home a,
body.about #nav li#tab_about a,
body.menu #nav li#tab_menu a,
body.coffees-and-teas #nav li#tab_coffee a,
body.catering #nav li#tab_catering a,
body.locations #nav li#tab_locations a,
body.blog #nav li#tab_blog a,
body.single #nav li#tab_blog a { background:url(/assets/img/tab_active_bg_left.gif) no-repeat; _background-image:none; }

.gnav { position:absolute; right:0; top:15px; margin:0; font:10px/1em Helvetica, Arial, sans-serif; text-transform:uppercase; }
.gnav li { display:inline; border-left:1px solid #979180; }
.gnav li.first { border:0; }
.gnav li a.last { padding-right:0; }
.gnav li a { padding:0 8px; color:#746f62; }
.gnav li a:hover { text-decoration:underline; }
.gnav li.icon { border-left:0; }
.gnav li.icon a { display:block; position:absolute; top:26px; padding:0; text-indent:-9999px; overflow:hidden; }
.gnav a#subscribe { right:65px; width:134px; height:26px; background:url(/assets/img/subscribe.gif) no-repeat 0 0; }
.gnav a#twitter { right:0; top:27px; width:24px; height:24px; background:url(/assets/img/icon_twitter.png) no-repeat 0 0; }
.gnav a#facebook { right:33px; top:27px; width:24px; height:24px; background:url(/assets/img/icon_facebook.png) no-repeat 0 0; }
.gnav a#yelp { right:0; top:27px; width:24px; height:24px; background:url(/assets/img/icon_yelp.png) no-repeat 0 0; }


#content { clear:both; padding:5px 0 130px; }

#hero { position:relative; left:-25px; padding:20px 25px; width:850px; margin:0 0 40px; background:#1e1a19; }		
#hero .cap { position:absolute; left:0; width:900px; _zoom:1; font-size:1%; }
#hero .cap.top { top:-5px; height:5px; background:#1e1a19; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }
#hero .cap.bottom { bottom:-19px; height:19px; background:url(/assets/img/hero_cap_bottom.png); }
#hero h1 { font-size:26px; margin:0 0 0; color:#cecdc1; }
#hero h1 span { color:#909085;}
#hero .breadcrumb { position:absolute; bottom:0px; right:25px; font-size:11px; font-family:Helvetica, Arial, sans-serif; color:#554f4e; text-transform:uppercase; }
#hero .breadcrumb a { color:#554f4e;}
#hero.featured h1, #hero.featured h2 { margin:15px 0 25px; }
#hero .details { width:260px; margin-right:20px; position:relative; float:left; }
#hero .details p { font-size:14px; line-height:1.4em; color:#b9b9b1; }
#hero .details a.more { display:block; float:right; padding-right:12px; margin:0 1em 0 0; color:#6f6765; font-size:16px; line-height:1em; text-transform:lowercase; background:url(/assets/img/hero_more_arrow.gif) no-repeat 100% 60%; }
#hero .details a.more:hover { text-decoration:underline; }
#hero .details h3 { margin-bottom:0.5em; font-size:16px; line-height:1.4em; color:#6f6765; }
#hero img { position:relative; width:550px; height:210px; border:10px solid #0e0c0c; background:#0e0c0c; }

#hero .ui-tabs-panel { position:relative; }
#hero .ui-tabs-hide { display:none; }
#hero ul.ui-tabs-nav{ 
	position:absolute; 
	bottom:-17px; right:25px; 
	width:52px; 
}
#hero ul.ui-tabs-nav li { float:left; margin-left:6px; background:#0e0c0c; -webkit-border-radius:2px; }
#hero ul li.ui-tabs-selected { background:#383130; }
#hero ul.ui-tabs-nav span { display:block; text-indent:-9999px;  width:11px; height:11px; }

body.home #hero { height:230px; }
.column.blog li span { font-size:12px; line-height:1.4em; }	
.column.blog li a.more { float:right; font-size:12px; line-height:1.4em; color:#683636; }
.column.blog li span a { }
.column.blog li p { margin-bottom:0.3em; }

#sidebar #searchform ul {
   display: block;
   background:#9c9b93;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 5px 5px 4px 5px;
}

#sidebar #searchform ul:hover {
   background:#706f6a;
}
#sidebar #searchform ul {
   height: 25px;
   position: relative;
   width: 202px;
}
 
#sidebar #searchform li label, #sidebar #searchform li input {
   border: 0;
   left: 5px;
   height: 16px;
   padding: 5px;
   position: absolute;
   top: 4px;
   width: 140px;
	background:#ecece6;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-bottomleft: 2px;
}
 
#sidebar #searchform li {
   left: 0; position: absolute; top: 0; width: 202px; margin-botom:0;
}
 
#sidebar #searchform li label { text-indent: -9999px; }
 
#sidebar #searchform li input#searchsubmit {
   background:#4d4c48;
   display: block;
   height: 26px;
   left: auto;
   position: absolute;
   right: 6px;
   text-align: center;
   width: 53px;
	color:#cecdc1;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -moz-border-radius-topright: 2px;
   -moz-border-radius-bottomright: 2px;
}

#sidebar #searchform ul:hover li input#searchsubmit { background:#393935; }

#sidebar h2 { margin-bottom:0.2em; }
#sidebar li {
	background:url(/assets/img/arrow_link_small.gif) no-repeat 0 .4em;
	padding-left:12px;
}

#sidebar .widget { padding-top:1em;  background:url(/assets/img/sidebar-divider.gif) no-repeat 0 0; }
#sidebar #text-3,
#sidebar .widget_recent_entries { padding-top:0; background:none; }
#sidebar #text-4 { padding-top:25px; }


#footer { position:absolute; bottom:0; left:0; width:100%; height:70px; padding:30px 0 0 0; font:10px/1.6em Verdana, Arial, sans-serif; color:#746f62; background:url(/assets/img/footer_bg.png) no-repeat; }
#footer span.address { display:block; float:left; width:160px; margin-left:55px; }
#footer ul.vendors { float:left; margin-left:20px; }
#footer ul.vendors li { float:left; margin-right:20px; }
#footer ul.gnav { right:55px; top:40px; }

div.flickr-gallery { background:url(/assets/img/loader.gif) no-repeat 50% 55px; }
div.sociable strong { display:block; margin-bottom:0.3em; }

body.home h3 { font-size:20px; margin-bottom:.6em; }

body.menu .menu { position:relative; }
body.menu .menu .column { padding-bottom:0em; }
body.menu .menu p.details { margin-bottom:1em; font-size:11px; line-height:1.3em; color:#683636; }
body.menu .menu p.details strong { color:#2c2625;}
body.menu .menu h2 { font-size:24px; margin-bottom:.8em; }
body.menu .menu h3 { position:relative; font-size:13px; line-height:1.3em; margin-bottom:0; }
body.menu .menu h3 span { float:right; padding-right:10; font-size:11px; }
body.menu .tab-content li { clear:right; margin-bottom:1em; }
body.menu .menu .callout { position:relative; width:225px; padding:10px 20px 12px; background:#a9a89b; background:rgba(112,111,97,.3); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
body.menu .menu .callout#bagels { margin-top:0px; }
body.menu .menu .callout h2 { font-size:18px;  }
body.menu .menu .callout ul { float:left; width:48%; margin-bottom:.6em; }
body.menu .menu .callout ul li { margin-bottom:0; font-size:11px; line-height:1.5em; }
body.menu img#help_click { position:absolute; right:270px; top:32px; }

body.catering .option { margin-left:10px; }
body.catering .option h3 { position:relative; font-size:14px; line-height:1.3em; margin-bottom:0; }
body.catering .option h3 span { float:right; font-size:14px; line-height:1.3em; padding-right:20px; }

body.locations .map { float:left; margin:0 15px 0 0; }
body.locations .map iframe { border:1px solid #5e5751; }

body.contact .entry-content label,
body.contact .entry-content input { font-size:16px; }
body.contact .entry-content label { margin-bottom:3px; }
body.contact .entry-content input { padding:3px; background:#fff; border:1px solid #999; margin-bottom:0.5em; }

.full .heading h1 { margin-bottom:0; }
.full .heading span { }
.full .heading { margin-bottom:1.5em; }

.full .comments-link a,
.full .comments-link a:visited,
.full .comments-link span,
.excerpt .comments-link a,
.excerpt .comments-link a:visited,
.excerpt .comments-link span{
	background: url(/assets/img/comment.gif) no-repeat left center;
	padding: 1px 0 0 20px;
}
.excerpt .comments-link a,
.excerpt .comments-link a:visited,
.excerpt .comments-link span{
	width:120px;
}

p.by-line, p.comments-link { margin-bottom:0; }

/* Posts
 =============================== */

.hentry {
	position:relative;
}
.hentry .edit {
	background-color:#900;
	border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	font-size: 11.5px;
	opacity:.60;
	padding:3px 5px 1px;
	left:-32697px;
	position:absolute;
	top:0;
}
.hentry:hover .edit,
.post:hover .edit-post,
.comment.hentry:hover .edit-comment {
	left: auto;
	right:0;
}
.hentry:hover .edit-comment {
	left:-32697px;
	right: auto;
}
.comment.hentry.bypostauthor:hover .edit-comment {
	top: 2px;
	right: 2px;
}
.edit a,
.edit a:visited,
.edit a:hover{
	color:#fff;
}
.full .full-content {
	clear:both;
}
.full .pages-link,
.page-numbers {
	font-weight:bold;
}
.full .pages-link a,
a.page-numbers {
	border:1px solid #cecfd1;
	font-weight:normal;
}
.full .pages-link a,
.page-numbers{
	padding:2px 6px;
}
.full .pages-link a:hover {
	border-color:#746F62;
	text-decoration:none;
}
.full p.comments-link {
	float:right;
}

.hentry ul {
	margin-left: 20px;
}

.menu .hentry ul { margin-left:0; }
.hentry ol {
	margin-left: 32px;
}

#content .archive {
	border-top: 1px dotted #ada99d;
	list-style: none;
	margin: 1.5em 0 0;
}
.archive li {
	margin-bottom:0;
}
.archive .full {
	margin-top:18px;
}
.excerpt {
	background: url(/assets/img/arrow_link_small.gif) no-repeat 0 16px;
	border-bottom: 1px dotted #ada99d;
	padding: 12px 146px 12px 12px;
	position:relative;
}
.excerpt strong.entry-title {
	font-size: 14px;
}
.excerpt strong.entry-title a,
.excerpt strong.entry-title a:visited {
}

.excerpt .date {
	margin-top:1.5em;
}
.excerpt p {
	margin:0;
}
.excerpt .date,
.excerpt .comments-link a,
.excerpt .comments-link a:visited,
.excerpt .comments-link span {
	display: block;
	width: 140px;
}
.excerpt .date,
.excerpt .comments-link {
	position:absolute;
	right:0;
	top:14px;
}
.search {
	border-top: 1px dotted #cecfd1;
	padding-top:18px;
}
body.search{ padding-top:0; }

.pagination,
.pagination-single {
	background-color:#e9eaea;
	margin-top: 20px;
	overflow:hidden;
}
.pagination .previous a,
.pagination-single .previous {
	float:left;
	padding:18px;
}
.pagination .next a,
.pagination-single .next {
	float:right;
	padding:18px;
}
.loading {
	background: url(/assets/img/loader.gif) 10px 17px no-repeat;
	clear: both;
	color: #746F62;
	height: 50px;
}
.loading span {
	display: block;
	padding: 17px 42px 0;
}
.close {
	background-color:#e9eaea;
	border-bottom: 1px solid #ddd;
	padding: 8px 0 6px;
	text-align: center;
}


/* Comments and comment form
=================================== */
body.menu .comments-wrapper { width:70%; }

.commentlist{
	clear:both;
	list-style:none;
	margin:0 0 18px;
}
li.li-comment{
	background:transparent;
	margin:0;
	padding:0;
	position:relative;
}
li.li-comment li.li-comment {
	background:url(/assets/img/comment-thread.gif) no-repeat 0 3px;
	padding-left:24px;
}
.commentlist .comment {
	margin-bottom:8px;
	overflow:hidden;
	padding:0 0 0 60px;
}
.commentlist .comment .photo img {
	margin-left:-60px;
	position:absolute;
}
.comment cite.fn {
	font-size:14px;
	font-weight:bold;
}
.comment .comment-content {
	overflow:hidden;
	margin-bottom:4px;
}
.comment .comment-content p:last-child,
.comment .comment-content p.last-child {
	margin-bottom:0;
}
.comment-meta {
	color:#746F62;
	font-size: 10.5px;
}
.comment-meta .date {
	float:right;
}
.comment-reply-link,
.comment-reply-link:visited,
.comment-reply-link:hover {
	background:#900;
	border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	color:#fff;
	font-size:9.5px;
	opacity:.7;
	padding:3px 5px 2px;
}
/* author comments */
.commentlist .bypostauthor {
	background-color:#efeff1;
	padding:8px 12px 6px 72px;
}

/* trackbacks and pingbacks */
.ping {
	border-top:1px dotted #cecfd1;
	padding:9px;
}
.ping .entry-summary,
.ping .entry-summary p {
	border:0;
	margin:0;
	padding:0;
}
form.comment-form {
	background-color:#a7a699;
	border:1px solid #89887d;
	margin-bottom:8px;
	padding:15px;
}
.comment-form label {
	color:#2c2625;
	font-size:14px;
	font-weight:bold;
}

.comment-form label.h3 { display:block; }

.comment-form-user-info input {
	margin-right:9px;
	width:200px;
}
.comment-form em {
	color:#635f53;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
}
.comment-form textarea {
	height:9em;
	width:95%;
}


.alt-font {
	color: #746F62;
	font-family: Georgia, Palatino, "Palatino Linotype", Baskerville, serif;
	font-style:italic;
}