.selected {
font-weight:bold;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Defaults
 * A few styles taken from YUI base.css and other sources
 */
 
body, table {
font-family:Georgia,serif;
color:#636466;
}

p {
	margin-bottom:20px;
	font-size:116%;
	line-height:161.6%;
	color: #636466;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

del, strike {
	text-decoration: line-through;
}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style-position: outside; /* Helps with ul li alignment in IE */
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

/* Opera requires 1px of padding to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

a:link,
a:active,
a:visited {
	color: #636466;
	text-decoration: none;
}

a:hover, 
a:visited:hover {
	color: #636466;
	text-decoration: underline;
}

/* Prevent system borders generated for anchor tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Image Replacement - Gilder/Levin Method
 * Example markup:
 * <div class="bg-image">
 *  <span class="bg"></span>Image Text
 * </div>
 */
 
.bg-image { /* Containing element */
	position: relative;
	overflow: hidden;
}

.bg-image span.bg { /* Span element containing bg image */
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Example */
#element_id { /* Set dimensions of containing element */
	width: 285px;
	height: 72px;
}

#element_id span.bg { /* Set bg image on span */
	background: url('http://i.cmpnet.com/custom/common/bc_template08/masthead-bg.gif') no-repeat center top;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Image Map
 */
 
a.image-map {
	display: block;
	position: absolute;
}

body a.image-map, 
body a.image-map:hover, 
body a.image-map:visited, 
body a.image-map:visited:hover {
	text-decoration: none;
}

a.image-map i {
	visibility: hidden;
}

/* Example links - Set your own link IDs with positions and sizes */

a#link_id1 {
	top: 0px;
	left: 0px;
	width: 60px;
	height: 20px;
}

a#link_id2 {
	top: 0px;
	left: 70px;
	width: 80px;
	height: 20px;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Float Clearing
 * http://positioniseverything.net/easyclearing.html
 */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE-mac fix */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* Floated element *must* have dimension for IE */
.clearfix {display: block;} /* remove inline-block for all other browsers (besides IE-mac) */
/* End hide from IE-mac */

/* fix so lists may display bullets, etc - a bit screwy in IE */
ul li.clearfix {
	display: list-item;
}

/**
 * http://www.quirksmode.org/css/clearing.html
 *  - Doesn't work as well... requires width:100% for IE6, which messes up layouts
 */

.clearfix-q {
	overflow: hidden;
	*width: 100%;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Drop Shadow
 */
 
.drop-shadow {
	display: inline; /* IE6- float margin bug */
	position: relative; /* So img border shows up in IE6 (p56) */
	float: left;
	clear: right;
	margin: 0px 0 0px 0px; /* Set to your needs for inline image */
	background: url('http://i.cmpnet.com/informationweekreports/analytics//images/template/cover_drop_shadow.gif') no-repeat right bottom;
}

.drop-shadow img {
	position: relative; /* So img border shows up in IE6 (p56)*/
	display: block; /* So img border shows up in IE6 (p56) */
	margin: -3px 10px 6px -3px; /* Set specific to size of background image */
	border: 1px solid #999999;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Custom Doc Width
 * All widths set in EMs. To calculate EMs:
 *  Pixel width / 13px = "EM width"
 *  "EM width" x 0.9759 = "IE's EM width"
 */
 
/* Example - 940px width */
	#custom-doc {width:73.85em;*width:72.07em;min-width:960px; margin:auto; text-align:left;}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Cross-section Styles
 */
h1#header {
	float:left;
	width: 500px;
	height: 195px;
}

h1#header span.bg { /* Set bg image on span */
	background: url('/images/template/logo.png') no-repeat left top;
	position: absolute;
	width: 500px;
	height: 195px;
}

h1#header a#homelink {
	width: 500px;
	height: 195px;
	position:absolute;
	display:block;

	text-decoration:none;
}

h1#header a#homelink em {
	visibility:hidden;
}


 #searchandnl {
	float:right;
 }
 
 #search {
	height:auto;
	margin-bottom:8px!important;
	width:320px;
}
#search .search-box {
	text-align:right; 
	padding-right:0;
	} 
	
#search .search-box input.cat_textbox_small {
	border:1px solid #afaebe;
	height:18px;
	float:right;
	width:238px;
	color:#555;
}

#search .search-box input.cat_button {
	float:right;
}

#nl {
	height:auto;
	text-align:right;
	background: url('/images/template/nl-bg.gif') no-repeat left top;
	width:320px;
	height:120px;
}

#nl h3{
	text-align:center;
	font-weight:bold;
	font-size:138.5%;
	padding:11px 0 9px 0;
}
	
#nl input {
	border:1px solid #afaebe;
	height:18px;
}

#nl .item {
	padding:0 0 6px 0;
}

#nl .item #CLEmailAddress {
	width:300px;
	margin-left:10px;
	float:left;
	color:#555;
}

#nl .item #CAT_Custom_107229 {
	width:220px;
	float:left;
	margin:1px 0 0 10px;
	color:#555;
}

#nl .cat_button {
	height:22px;
	border:0;
	margin-right:10px;
}

 #nlsignup {
 }

#topnav {
	background: url('/images/template/nav-bg.png') no-repeat left top;
	height: 40px;
	margin-bottom: 25px;
}

#topnav ul {
	float:right;
	margin:7px 10px 0 0;
}

#topnav li {
	font-size: 153.9%;
	display:inline;
	margin-right:47px;
	color:#636466;
}
#topnav li#last {
	margin-right:0;
}

/*** NL Compact Form Styles ***/
label.overlabel {
	color:#999;
}

div#nladdress {
	position:relative;
}

div#nlzipcode {
	position:relative;
}

#nladdress label.overlabel-apply {
	position:absolute;
	top:2px;
	z-index:1;
	color:#999;
	font-size:14px;
	width:120px;
	text-align:left;
	left:14px;
}

#nlzipcode label.overlabel-apply {
	position:absolute;
	top:2px;
	z-index:1;
	color:#999;
	font-size:14px;
	width:120px;
	text-align:left;
	left:14px;
}

#adcar {
	position:relative;
}

#adcar #facebook {
	position:absolute;
	height:60px;
	width: 60px;
	top:70px;
	left:868px;
	background: url('/images/template/facebook-logo.jpg')
}

#adcar #facebook span{
	visibility: hidden;
}

#adcar #twitter {
	position:absolute;
	height:60px;
	width: 48px;
	top:70px;
	left:810px;
	background: url('/images/template/twitter-logo.jpg');
	border:0;
}

#adcar a:hover, #adcar a:visited:hover {
	text-decoration:none;
}

#adcar #twitter span{
	visibility: hidden;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Main Document Sections
 */
 #leftcol {
	width:31.54em;
	*width:30.77em;
	min-width:410px;
	height:100%;
	height:auto;
	min-height:400px;
	float:left;
/*
	*height:30.03em;
*/
 }

.contactus #leftcol {
	background: transparent url('/images/template/dish-contactus.gif') no-repeat left top;
}

/*
.default #leftcol {
	background: transparent url('/images/template/dish-main.jpg') no-repeat left top;
}

.search #leftcol {
	background: transparent url('/images/template/dish-main.jpg') no-repeat left top;
}

.unsubscribe #leftcol {
	background: transparent url('/images/template/dish-main.jpg') no-repeat left top;
}

.emailupdate #leftcol {
	background: transparent url('/images/template/dish-main.jpg') no-repeat left top;
}

.pastdishes #leftcol {
	background: transparent url('/images/template/dish-main.jpg') no-repeat left top;
}
*/

 
 #rightcol {
	width:42.31em;
	*width:41.29em;
	min-width:550px;
/*
	height:30.77em;
	*height:30.03em;
	min-height:400px;
*/
	float:right;
 }

img.onecolhed {
	margin-bottom:10px;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Header
 */
 
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Main Content
 */
 h2#seched {
	float:left;
	width: 550px;
	_width:546px;
	height: 55px;
	margin-bottom:10px;
}

.default h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-latest-dish.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}

.contactus h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-contact-us.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}

.search h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-search.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}

.unsubscribe h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-unsubscribe.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}

.emailupdate h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-update-email.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}

.pastdishes h2#seched span { /* Set bg image on span */
	background: url('/images/template/hed-past-dishes.gif') no-repeat left top;
	position: absolute;
	width: 550px;
	height: 55px;
}


#content {
	margin-top:55px;
}

.onecol #content {
	margin-top:0;
}

#content img.image-border {
	border: 1px solid #dfdfdf;
	padding: 7px;
} 

#content img.image-align-left {
	float:left;
	border: 1px solid #dfdfdf;
	padding: 7px;
	margin-right: 20px;
}

#content img.image-align-right {
	float:right;
	border: 1px solid #dfdfdf;
	padding: 7px;
	margin-left: 20px;
}

#content img.image-align-center {
	border: 1px solid #dfdfdf;
	padding: 7px;
	margin-bottom: 16px; 
} 


#content h3 {
	font-size: 182%;
	font-weight: bold;
	color:#666;
	margin-bottom:20px;
}

#content h4 {
	font-weight:bold;
	font-size:123.1%;
	margin-bottom:5px;
}
 
#content p a:link, #content p a:visited, #content p a:active {
	color:#6864c0;
	font-weight:bold;
	text-decoration:underline;
}

.onecol #content ul {
	margin-bottom: 10px;
}
.onecol #content ul li {
	list-style-type:disc;
	margin:0 0 0 20px;
	font-size:116%;
}



 /* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Blog
 */

/* .blog-post {
	margin:0 0 25px 0;
}
*/

/* These styles are here for two reasons: */
/* 1. To control styles of copy that is not wrapped in <p> tags */
/* 2. We didn't forsee this being an issue, so instead of rewriting fonts for the entire site, we made this modification for the blog posts, where the most activity will take place. */
.post-body {
color:#636466;
font-size:116%;
line-height:161.6%;
margin-bottom:20px;
}

.post-body p {
color:#636466;
font-size:100%;
line-height:146.5%;
margin-bottom:20px;
}


 /* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Secondary Content
 */

 /* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Contact Us
 */
table.webform label {
	font-size:116%;
}

table.webform input {
	border:2px solid #CACACA;
	color:#555555;
	font-size:16px;
	height:20px;
	padding:3px 0 3px 2px;
}

table.webform .cat_listbox {
	border: 2px solid #cacaca;
	color:#555555;
	font-size:16px;
	padding:3px 0 3px 2px;
}

table.webform #catwebformbutton {
	border:none;
	margin-left:232px;
	height:22px;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Ad Carousel
 */
#adcar {
	margin:16px 0;
}

#adcar ul {
padding-left:20px;
}

#adcar ul li {
	display:inline;
	margin-right:27px;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Directory
 */
.onecol #content #directorynav {
	float:left;
	margin-right:15px;
	width:200px;
}

.onecol #content #directorynav ul {
	margin-top: 40px;
	width:150px;
}

.onecol #content #directorynav ul li#twolines {
	height:53px;
	line-height:128.5%;
}

.onecol #content #directorynav ul li {
	list-style-type: none;
	text-align:center;
	margin:0 0 20px 0;
	font-style:italic;
	font-weight:bold;
	line-height: 188.5%;
	height:29px;
}

.onecol #content #directorynav ul li a, .onecol #content #directorynav ul li a:hover, .onecol #content #directorynav ul li a:visited {
}

.onecol #content #directorynav ul li.selected {
	background: transparent url('http://larchmontdish.com/images/template/dir-bg-one.gif') no-repeat;
}
 
.onecol #content #directorynav ul li.selected#twolines {
	background: transparent url('http://larchmontdish.com/images/template/dir-bg-two.gif') no-repeat;
	height:53px;
	line-height:128.5%;
}
 
.dir-container-listing {
	margin-bottom: 20px;
}

.dir-container-thumb {
	float:left;
	padding:0 10px 5px 0;
}

.dir-container-info {
	float:right;
	width:220px;
}

.dir-business-name a, .dir-business-name a:visited {
	color:#6864c0;
	font-weight:bold;
	font-size:138.5%;
	text-decoration:none;
}

.dir-business-name a:hover {
	color:#6864c0;
	text-decoration:underline;
}

.dir-business-email a, .dir-business-email a:visited {
	float:left;
	color:#6864c0;
	font-weight:bold;
	text-decoration:none;
}

.dir-business-email a:hover {
	color:#6864c0;
	text-decoration:underline;
}

.dir-business-description {
	font-weight:bold;
}

.dir-business-link {
	float:left;
}

.dir-gallery-link a, .dir-gallery-link a:visited, .dir-gallery-link a:visited:hover, .dir-gallery-link a:hover {
	color:#6864c0;
	font-weight:bold;
}
.dir-business-link a:link, .dir-business-link a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#6864C0;
}

.dir-business-link a:hover {
	text-decoration:underline;
}

.dir-facebook {
	float:left;
}

.dir-twitter {
	float:left;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Footer
 */
#ft {
	background: url('/images/template/footer-bg.png') no-repeat left top;
	height: 74px;
}
#ft ul {
	float:left;
	margin: 23px 0 0 70px;
	_margin:23px 0 0 35px;
}

#ft li {
	font-size: 108%;
	font-weight:bold;
	display:inline;
	color:#636466;
	margin-right:36px;
}
#ft p {
	clear:both;
	font-size:93%;
	text-align:center;
	margin-bottom:0;
}

#ft a:link, #ft a:visited {
	color:#636466;
}

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

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Section Pages
 */

#calendar-container { position: relative; }
#calendar-container #calendar-frame { height: 600px; width: 100%; margin: 0 auto; border: 0; }
#calendar-container #loading-cal { position: absolute; top: 53px; left: 0px; height: 35px; width: 35px; background: url("../images/template/ajax-loader.gif") no-repeat 50% 50%; }

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/**
 * Section: Ads Page
 */

.ratebox {float:left; margin-bottom: 20px;}
.rate {float:left; width:645px;}
.ppl-buttons {float:right; margin-left:20px;}