/* Reset (abbr. from reset.css)
----------------------------------------------------------------------------*/
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%; /* or 1em */
	vertical-align: baseline;
	background: transparent; 
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img,:link img,:visited img { border:none }

address { font-style:normal }

a {
	outline: none; 
	text-decoration:none;
}


/* ************************* RECIPES ********************* */

p.recipe_listing 	{
	margin-top: 20px;
	margin-bottom: 20px;
}

body.recipes-id #main_content h2	{
	margin-top: 20px;
	margin-bottom: 20px;
}

p.recipeBlurb	{                /* this does not work for excerpt, though will for direct text */
	font-style: italic;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#recipe_data	{
margin-top: 20px;
margin-bottom: 20px;
}



/* Containers
-----------------------------------------------------------------------------*/

body {
	font: 11px  Arial, Verdana, sans-serif;
	color: #666666;	
	text-align:left;
	background-color:#ffffff;      /*
    background-image: url('/images/siteDesign/hellskBG.jpg'); 
    background-repeat: no-repeat;
    background-position: center 0;*/
}

#uberContainer	{
	margin: 0 auto;
	width: 1055px;
	height: 636px;
	background-color: #ffffff;
	border-left: 1px dotted #d0d0d0;
	border-top: 1px dotted #e5e5e5;
	border-bottom: 1px solid #d0d0d0;
	background-image: url('/images/siteDesign/hkBG650new.jpg');
	background-repeat:no-repeat;
	background-attachment:absolute;
	background-position: 476px 0px;
}

#innerContainer     {
    position:relative;
    left:42px;
    top:0px;
	width: 955px;
	height: 636px;
	border: 0px dotted #000000;
}

#hk_head	{
	position:absolute;
	left: -20px;
	top: 10px;
	width: 390px;
	height: 150px;
	padding: 2px;
	background-color: #ffffff;
	border: 2px dotted #ffffff;
}

#header_description	{
	position: absolute;
	left: -15px;
	top: 60px;
	width: 380px;
	height: 100px;
	border: 1px dotted #ffffff;
}

#main_categories	{
	position:absolute;
	left: -20px;
	top: 165px;
	width: 144px;
	padding: 10px 2px 6px 7px;
	overflow: auto;
	background-color: #ffffff;
	border: 1px dotted #eeeeee;
}



#sub_categories	{
	position:absolute;
	left: 730px;
	top: 120px;  /* I had this at 120 */
	width: 164px; 
	padding: 10px 4px 1px 10px;
	overflow: auto;
	background-image: url('/images/siteDesign/semiTransp75.png');
	border: 1px dotted #eeeeee;
}



#main_content	{
	position:absolute;
	left: 210px;
	top: 165px;
	width: 400px;
	height: 290px;
	padding: 10px 30px 20px 20px;
	overflow: hidden;                /* this was auto ****************************** */
	background-image: url('/images/siteDesign/semiTransp75.png');
	background-repeat: repeat;
	border: 1px dotted #eee;
}


.listings-c1 #main_content	{
	width: 180px;
}

.information #main_content	{
	width: 250px;
}

.home #main_content,
.home #sub_categories,
.search #sub_categories,
.information #sub_categories,
.listings-c1 #sub_categories,
.information-id #main_content	{
	border: 0px;
	background: none;
}

.home #main_content p {
	margin-top: 0px;
	margin-bottom:20px;
	width: 280px;
	font-size: 13px;
	color: #111;
}


body.listings-id #main_content {
	padding-bottom: 0px;
}

#advertising	{
	position: absolute;
	left: 190px;
	top: 520px;
	width: auto;
	height: 90px;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	overflow: clip;/*
	background-image: url('/images/siteDesign/semiTransp75.png');
	background-repeat: repeat; 
	border: 1px dotted #eee;	*/
}

#advertising img {
	padding: 2px;
	border: 1px solid grey;
	background-color: white;
}

#advertising img.img-2 {
	border-left: 0;
}

.business_listing,
.recipe_listing	{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 11px;
	line-height: 14px;
	border: 0px solid #ff0000;
}

body.listings-id .business_listing {
	margin-bottom: 0px;
}

#about_contact	{
	position: absolute;
	top: 30px;
	right: 50px;
	font-size: 12px;
}

#search_form {
	position: absolute;
	top: 60px;
	right: 50px;
}

#backToPrev	{   /* not using this -- put search btp at end of results  */
	position: absolute;
	top: 60px;
	left:0px;
	text-align: left;
}


/* Headers & Links
-----------------------------------------------------------------------------*/

h1, h3, h4, h5, h6, h1 a:link, h1 a:visited  {
	color: #993333;
}

h1	{
	font-family: verdana, arial, geneva, sans-serif;
	font-variant: small-caps;
	font-size: 36px;
	margin-bottom:5px;
}

h2	{
	font-size:16px;
	margin-bottom: 10px;
	color: #000000;
}

h3	{
	font-size: 12px;
	margin-bottom: 10px;
}

h4	{font-size: 12px;}

p	{font-size: 12px;}

#paras p	{
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 15px;
	color: #333333;
	width: 90%;
}

#paras p.first	{margin-top: 20px;}

#paras img	{
	border: 1px solid #cccccc;
}

#paras a:link,
#paras a:visited	{
	color: #993333;
}

#paras a:active,
#paras a:hover	{
	text-decoration: underline;
}

p.promo	{font-style: italic;}

a:link, a:visited {color: #666666; }
a:active, a:hover {color: #327EC6;}
.bz_url a:link, .bz_url a:visited	{color: #993333;}
.bz_url a:active, .bz_url a:hover	{color: #327EC6;}

#blue  {
	position:absolute; 
	left:-2px; 
	top:36px;
	width:3px;
	height:30px;
	background-image: url('/images/HOME/blue.gif');
	background-repeat:repeat;
	z-index:2;
}

.description	{
	color: #999999;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
}

ul.lists	{
	padding: 0px 10px 5px 0;
}

.listings-c1 #main_content ul.lists	{
	padding: 0;
}

ul.lists li	{
	font-size: 11px;
	margin-bottom: 3px;
}

#credit	{
	position:absolute; 
	visibility:visible; 
	left:-10px; 
	top:623px; 
	font-size:11px; 
	font-style:italic;  
	z-index: 100;
}

#sortation_zip	{
	color:#eee;
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	z-index:0;
}

.listingImage1	{
	float:left; 
	margin-right:15px; 
	margin-bottom:12px;
	border: 1px solid #999999;
}

/* map
-----------------------------------------------------------------------------*/

#main_content a.view {
	position: absolute;
	top: 10px;
	right: 20px;
}

#main_content .map-view {
	display: block;
}

#main_content a#list-view {
	display: none;
}



/* ************************* advertisements ********************* */
/*left for the big 768x90 box is: left:138px */

#adsBottom	{position:absolute; left:138px; top:505px; z-index:2;}

#groupon	{
	position:absolute; 
	left:820px; 
	top:622px; 
	width: 190px;
	text-align: right;
	height: 20px;
	border: dotted 0px #ccc;
	color: #ccc;
	z-index:2;
}

#groupon a	{
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.1em;}

#groupon a:link,
#groupon a:visited	{
	color: #8bca40;

}


/* ************************* WIDER MAIN CONTENT ********************* */

#main_content_wide	{
	position:absolute;
	left: 210px;
	top: 165px;
	width: 580px;
	height: 290px;
	padding: 10px 30px 20px 20px;
	overflow: auto;
	background-image: url('/images/siteDesign/semiTransp75.png');
	background-repeat: repeat;
	border: 1px dotted #eee;
}

#main_content_wide p	{
	margin-bottom: 8px;
}




/* SCROLLING --------------------------------------------------------------- */

a.jScrollArrowUp {
	background: url('../images/siteDesign/basic_arrow_up.gif');
	background-repeat: no-repeat;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url('../images/siteDesign/basic_arrow_down.gif');
	background-repeat: no-repeat;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
			
.scrollpane {
	width: 430px;
	height: 290px;
	overflow: auto;
	float: left;
}

.listings-c1 #main_content .scrollpane { width: 210px; }
.information #main_content .scrollpane { width: 280px; }

.pad	{
	padding: 0px;
}

body.listings-id .business_listing {
	position: relative;
}

body.listings-id .business_listing h2 {
	width: 350px;
}

body.listings-id p.review-count {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 10px;
}

body.listings-id div.reviews {
	width: 350px;
}

body.listings-id div.review {
	margin-top: 10px;
}

body.listings-id table.review-form td {
	padding: 2px;
}

body.listings-id table.review-form textarea {
	width: 345px;
	height: 100px;
}

body.listings-id #credit	{		/* this is to compensate for something weird going on with uber or inner &*/
	top:613px; 
}


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

body.recipes-id h1 a { color: green; }*/

.about_this_site ul.first li,
.about_this_site-id ul.first li	{
	font-size: 12px;
	margin-bottom: 3px;
	color: #000000;
	list-style: disc;
	margin-left: 25px;
}