@charset "utf-8";
/* CSS Document */


	/* Copy Change Updates  */
	.about p {margin-bottom: 12px; }
	.about p a:hover {color: #29ABE2;}
	
	.advanced h5 {font-weight: normal; font-size: 16px; margin-bottom: 1em;}
	.advanced h5 a { color: #667;}
	.advanced h5 a:hover { color: #29ABE2;}
	
	.note {color: #29ABE2; font-size: 12px; }
	.explanation {font-size: 12px;}
	.explanation p {margin-bottom: 1em; }
	
	#mapex {display: none; padding-top: 12px;}
	
	/*Roaming Hunger Blue: #29ABE2 */
	body.wholike {display: block; }

	/* Basics */	
	* {margin: 0; padding: 0; }
	
	html {background: #000 url(../images/bg3.png) 40px -43px fixed; font-family: 'Helvetica Neue', 'MgOpen Moderna', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans;
	}	
	a {text-decoration: none; color: #666666; /* #ccc */ }
	a:hover {color: #29ABE2; }

	.clear {clear: both; }
	.subfooter p {display: block; font-size: 12px; clear: both; float: none;}

	#maintainer {
		/*
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #fff; 	
		padding: 0 58px 0 50px;
		width: 926px;
		margin: 0 auto;
		min-height: 750px;
	}
	
	
	
	/* Main Divs*/
	#main {padding-top: 8px; }
	.nav_col {width: 170px; float: left; padding-top: 4px;}
	.content, #content {width: 706px; float: left; padding: 0 0 0 50px;}	
	.container {width: 1034px; margin: 0 auto; }
	
	
	/* Flash Messages / Warnings */
	
	.message { margin-left: 50px; margin-bottom: 1em; float: left;
		text-align: center; clear: none;  color: #F00; font-size: 140%; 
		font-weight: bold; padding: 12px;  background: #e8e8e8; border: 3px solid #29ABE2;
		width: 676px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
	}
	
	.content .message {margin-left: 0px; }
	
	
	.admin_page .message { margin-left: 10px; width: 840px; margin-bottom: 0px; margin-top: 30px;}
	
	
	
	/* Header */	
	#login_signup {height: 28px; margin-bottom: 36px; position: relative; z-index: 10;}
	
	#welcome {height: 28px; line-height: 28px; float: left; color: #29ABE2}
	#welcome a {color: #29ABE2; }
	#welcome a:hover {border-bottom: 1px dotted #29ABE2; }
	
	#login_signup ul {
		font-family: 'Helvetica Rounded LT Std', 'Arial Narrow', Arial, Helvetica, Sans;
		list-style: none; float: right;  
		font-size: 16px;
		 background-color: #808080;
		 -moz-border-radius-bottomleft: 10px; 
		 -moz-border-radius-bottomright: 10px;
		 -webkit-border-bottom-left-radius: 10px; 
		 -webkit-border-bottom-right-radius: 10px;		 
		 }
	#login_signup li, .newListSelected {display: block; float: left; position: relative;}
	#login_signup li a, #login_signup li .selectedTxt {display: block; float: left;  text-transform: uppercase; color: #fff; font-size: 14px;  font-weight: bold; line-height: 28px;  height: 28px; padding: 0 25px; /* text-indent: -30em; overflow: hidden;
		/* font-family: "HelveticaRounded LT Std BdCn", "HelveticaRounded Lt", "Georgia", "Arial Narrow", sans; */
	 }
	 
	 #login_signup ul .return, #login_signup ul .return a, #login_signup ul .return a:hover  {
	 	 	-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-right-radius: 10px;
	 		-moz-border-radius-bottomleft: 10px;
			-webkit-border-bottom-left-radius: 10px; 
			text-decoration: none;
			line-height: 28px;
	 }
	 #login_signup ul .return a {padding-top: 8px; height: 20px; }
	 
	 
	 #login_signup .last a, #login_signup .last {
	 	-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	 #login_signup ul ul .last a, #login_signup ul ul .last, #login_signup ul ul li.last a:hover {
	 	-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px; 
		
	}		
	
	#login_signup li a:hover {background-color: #ff0000; }
	
	#login_signup li ul { display: none; width: 150px;  }
	#login_signup li#city { width: 150px; text-align: center; background-color: #FF0000;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px; 
	}
	#login_signup li#city:hover {

		-moz-border-radius-bottomleft: 0px;
		-webkit-border-bottom-left-radius: 0px; 
	}
	
	
	li#city a {text-align: center; width: 100%; padding: 0px;}
	#login_signup li#city a:hover { background-color: #FF0000;}
	
	#login_signup li:hover {background-color: #808080; }
	#login_signup li:hover ul {display: block; position: absolute; top: 28px !important; left: 0px; float: left; width: 150px; outline: 0; border: 0; } 
	#login_signup li ul li {width: 150px; }
	#login_signup li ul li a {display: block; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 28px;  height: 28px; text-indent: 0px; padding: 0; width: 100%; text-align: center;}
	#login_signup li ul li a:hover {background-color: #808080;}
	
	#login_signup li ul li.newListHover {background: #f00; }
	
	/*
	#login_signup #login_btn {background-position: 100% 0; width: 50px; margin-right: 16px;}
	#login_signup #login_btn:hover {background-position: 100% -25px; }
	#signup_btn {background-position: 0px 0px; width: 50px; margin-right: 1px;}
	#signup_btn:hover {background-position: 0 -25px;}
	*/
	
	
	#header {height: 140px; clear: both; padding: 26px 0 8px; }
	#header_nav {float: left; width: 170px; }
	#main_logo {display: block; text-indent: -40em; background: url(../images/logo_white_bg.png) no-repeat; width: 116px; height: 120px; margin: 20px auto 0; overflow: hidden;}
	
	#header_img {border: 1px solid #ccc; float: right; margin-top: 30px; margin-right: 0px; display: block;}
	
	/* #location_select {text-align: center; padding: 6px 0 0; position: absolute; } */


	/* Main Search Box */
	#search_form {padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; margin: 0; width: 100%;}
	#search {  font-size: 16px; 
	font-family: "helvetica neue", "MgOpen Moderna", "frutiger linotype", "lucida grande", "verdana";
	border: 1px solid #c6c6c6;
	background-image: url(../images/search_bg2.png); background-position: 8px 50%; background-repeat: no-repeat; width: 152px; height: 25px; padding: 3px 8px 0; }
	#search_submit {display: none; }
	
	/* Main Left Nav */
	.nav {list-style: none; float: left; width: 100%; font-family: 'Arial Narrow', Arial, Helvetica, Sans}
	.nav li {display: block; float: left; clear: both; margin-left: 2px; margin-bottom: 5px;}
	.nav li a {text-transform: uppercase; float: left;  font-size: 14px; display: block; 	color: #666666; padding: 4px;   white-space: nowrap; }
	/* .nav li a span {float: left;} */
	.nav li a:hover, .nav li a:active {padding: 3px; color: #fff;  background: #29abe2;  border: 1px solid #94d5f1; border-top-color: #5fc0e9;}
	/* background: #333; border: 1px solid #999; border-top-color: #666} */
	.nav li a canvas {top: 0px !important; }
	.nav {padding: 10px 0; border-bottom: 1px solid #c6c6c6; }
	#static.nav {border: 0; }
		
	body.picks .nav a.picks,
	body.most_liked .nav a.liked,
	body.savory .nav a.savory,
	body.sweet .nav a.sweet,
	body.vegetarian .nav a.vegetarian,
	body.pages.suggest .nav a.suggest
	{padding: 3px; color: #fff;  background: #29abe2;  border: 1px solid #94d5f1; border-top-color: #5fc0e9; }
	
	
	
	.icon {background-image: url(../images/icons_24.png); background-repeat: no-repeat; height: 16px; width: 18px; display: block; float: left;}
	/*    */
	* html .icon {background-image: url(../images/icons.png); }
	.vegetarian .icon{ background-position: 0 -20px; }	
	body.vegetarian .nav a.vegetarian .icon, a.vegetarian:hover .icon {background-position: 0 0px;}
	
	
	/* IE RULE */
	.nav li a {height: 18px; }
	.nav li a span {top: 1px !important; }
	.nav li a.vegetarian {width: 94px; white-space: nowrap; }
	.nav li a.vegetarian .icon { float: right; margin-left: 0px; background-position: 0 0;}
	
	/* IE UNDO */
	*|html .nav li a {height: auto; }
	*|html .nav li a span {top: 0px !important; }
	*|html .nav li a.vegetarian {width: auto; }
	*|html .nav li a.vegetarian .icon {float: right; margin-left: 4px;}
	

	/* Search Results */
	h2.search {color: #29abe2; font-size: 20px; border-bottom: 2px solid #29abe2; padding-bottom: 3px; margin-bottom: 10px;}
	
	
	/** STYLISH SELECT LIST  **/
	/*
	.newListSelected {background-color: #fff; width: 120px; margin-left: 40px; }
	.selectedTxt {background: url(../images/arrow.png) 100% -24px no-repeat;  }
	.newListSelHover .selectedTxt, .newListSelFocus .selectedTxt {background-color: blue; }
	.newListSelHover, .newListSelFocus { outline: 0;}
	.newList {list-style: none; border: 1px solid #c6c6c6;}
	.hiLite {background: red; }
	.newListHover {background: green; }
	*/
	
	/* Homepage Listing */
	.listing {width: 203px; min-height: 270px; float: left; position: relative; margin: 0 48px 20px 0; }
	.listing.col1 {clear: both; }
	.listing.col3 {margin-right: 0px; }
	
	.listing .img_link {display: block; margin-bottom: 6px; }
	.listing img, .basic img {/* width: 199px; height: 131px; */ border: 1px solid #c6c6c6; display: block; }
	.listing .functions {padding: 0px; width: 202px; margin-bottom: 8px; height: 18px; position: relative;}

	.list_nav { float: left;}
	.list_nav li {float: left; list-style: none;}
	.list_nav li a {display: block; float: left; text-transform: uppercase; font-size: 11px; margin: 1px 8px 0 0;}
	.share li a {padding: 1px 4px; background: #f00; color: #fff;}
	.share li a:hover {background: #808080; }
	
	/* .diet {float: left; }
	.diet li {list-style: none; list-style: none;} */
	
	.diet.icon {/*padding: 2px; border: 1px solid #e8e8e8;*/ text-indent: -100em; overflow: hidden; height: 20px; display: block; float: left; background-position: 0 0;}
	
	.listing .likes {display: block; float: right; width: 60px; height: 20px; text-align: right; outline: 0;}
	.listing .heart .icon {background-position: -18px -18px; float: right; height: 20px; width: 19px;}
	.listing:hover {}
		
	.listing h4, .listing h4 a {color: #f00; text-transform: lowercase; font-size: 16px; line-height: 26px; white-space: nowrap; }
	.listing h4 a:hover {border-bottom: 1px dotted #f00; }
	.listing p, .listing .timestamp {font-size: 12px; display: block; clear: both; line-height: 14px;}
	.listing .timestamp {color: #666666; }	
		
	/* Listing Popup */
	/* .listing .hold {position: absolute; right: 0px; top: 0px;} */
	.listing .like_hold {float: right; width: 50px; position: absolute; right: 0px; top: 0px;}
	.listing .heart.hold {position: absolute; top: 0px; right: 0px; float: left;}
	.listing .count.hold {position: absolute; top: 0px; right: 20px; float: left;}
	.listing .heart .icon:hover {background-position: -18px 2px;}	
	
	.listing a.like_count {padding: 0 2px; }
	.listing a.like_count:hover {color: #FFF; background: #29ABE2; font-weight: bold;}

	.pop {display: none; }
	.visitor .heart.hold:hover .pop {display: block; z-index: 10; }
	
	/* .pop:hover {display: block; } */
	.listing .pop {position: absolute; top: 20px; right: 0px; background-image: url(../images/up_arrow.png); background-repeat: no-repeat;}
	.heart .pop {background-position:  97% 0; }
	
	.listing .pop {width: 202px; padding-top: 5px; }
	.listing .pop p {background: #808080; padding: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}
	.listing .pop p a {color: #f00; font-weight: bold;}
	.listing .pop p a:hover {text-decoration: underline; }
	
	
	/* wholike */
	.wholike {display:none; margin-bottom: 8px; }
	.wholike .fan {position: relative; }
	.listing .wholike .fan {font-size: 12px; }
	.rank .wholike .fan {font-size: 14px; }
	
	.listing .wholike h6 {margin-bottom: 4px; font-size: 12px; }
	.rank .wholike h6 {font-size: 16px; }
	.rank .wholike .fan a {display: inline; }
	.wholike .fan span {float: right; }
	
	
	/* Details */		
	.details {width: 451px;  float: left; }
	.basic {height: 135px;  border-bottom: 1px solid #c5c5c5; padding-bottom: 16px; margin-bottom: 16px; position: relative;}
	.basic img {float: left; margin: 0 20px 20px 0; border: 1px solid #c6c6c6; }
	.basic h1 {color: #f00; font-size: 22px; font-weight: bold; text-transform: lowercase; position: relative; top: -6px; line-height: 22px; white-space: nowrap;}
	.basic p {line-height: 1.1; font-size: 14px;}
	.basic .timestamp {color: #666666; display: block; font-size: 12px;}
	.basic .buttons {position: absolute; float: left; bottom: 17px; left: 221px;}	
	
	.basic .list_nav {list-style: none; }
	.basic .list_nav li, .details .list_nav li a {float: left; display: block; }
	.basic .list_nav li a {font-size: 14px; padding: 2px 4px 1px; }
	.basic .list_nav .menu { background: #f00; color: #fff; }	
	.basic .list_nav .menu:hover {background: #00adee; color: #fff !important; }
	.advanced {clear: left; }
	.adv_nav {list-style: none; }
	.adv_nav li, .adv_nav li a {display: block; float: left; }
	.adv_nav li a {padding: 9px; margin-right: 10px; text-transform: uppercase;}
	.adv_nav li a:hover {padding: 8px; 	color: #fff;  background: #29abe2;  border: 1px solid #94d5f1; border-top-color: #5fc0e9;}	
	.advanced .tab {clear: left; }

	.details a.vegetarian {color: #8CC63F; }
	.details a.vegetarian .icon {background-position: 0 0; }
	
	.advanced p { margin-bottom: 1em; }

	/* Detail Status */
	.status {float: left; margin: 0 0 20px 20px; width: 229px; }
	.rank {padding-bottom: 16px;  }
	.rank a.heart {display: block; margin: 0 auto; background: url(../images/heart.png); width: 76px; height: 77px;}
	.rank a.heart {background-position: 0 -77px;}
	.rank a.heart:hover {background-position: 0 0; }
	.rank.already a.heart {background-position: -76px -77px; }
	.rank.already a.heart:hover {background-position: -76px 0px; }
	.rank a.like_count {display: block; text-align: center; color: #666; font-weight: bold; font-size: 18px; margin: 8px 0;}	
	.rank a.like_count:hover { color: #000; /* background: #29ABE2; */}
	
	.shares {background: url(../images/shares.png); width: 150px; height: 24px; margin: 0 auto;}
	
	
	.map {height: 153px; width: 229px; margin-bottom: 10px;}
	#address_input {padding: 0; width: 100%; margin-bottom: 10px;}
	#map_canvas {height: 100%; width: 100%; }
	
	
	/* Back */
	.back {display: block; font-size: 16px; text-indent: 14px; text-transform: uppercase; background: url(../images/arrow.png) no-repeat 0 -42px; }

	/* Twitter */
	#twitterfeed {padding: 10px 0 30px; clear: both; float: left; width: 100%;}
	#twitterfeed li:first-child {margin-top: 0px; }
	.twitter h2, .twitter h2 a {color: #00adee; font-size: 16px; font-weight: bold; margin-bottom: 6px;}
	.twitter h2 a:hover {border-bottom: 1px dotted #00adee; }
	.twitter ul {list-style: none; padding-right: 0px; }
	.twitter li {margin: 10px 0px 10px; font-size: 12px;}
	.twitter li.odd {background: #f4f4f4; }
	.twitter li span {color: #00adee;}
	.twitter li span.timestamp {display: block; color: #666666; font-size: 11px; }

	.twitter a:hover {color: #29abe2; }
	
	/*ADMIN */
	.admin_page .form form {padding-left: 30px; margin-bottom: 1em; }
	.admin_page #main_logo {margin: 10px 0; }
	.admin_page .container {padding-right: 10px !important; padding-left: 10px !important; width: 1014px !important;}
	.admin_page .content {padding-left: 10px; width: 882px; }
	.admin_page .nav_col {width: 120px; }
	.admin_page #search {width: 100px; }
	
	.admin_table * {font-size: 11px; }
	
	
	/* admin section */
	.admin-head {position: relative; margin-bottom: 20px; padding-left: 30px;}
	.admin-head h1 {margin-bottom: 10px; font-size: 1.5em;}
	.admin-actions { height: 25px;  margin: 0px 0 0 0px;  border-bottom: 2px solid #666; }
	.admin-actions li {list-style: none; float: left; }
	.admin-actions li a {display: block; float: left; padding: 2px 6px; margin-right: 10px; border: 1px solid #aaa; border-bottom-color: #666; }
	.admin-actions a.active {color: #000; background: #d6d6d6; }
	
	.admin-body {clear: both; padding-left: 30px; }
	.admin-list {list-style: none; margin-bottom: 2em;}
	.admin-list li a {padding-right: 10px; }
	.admin-list li a.delete {color: #f99; padding-right: 0px; }
	.admin-list li a.delete:hover {color: #f00; }
	
	/* .admin_table {width: 792px !important; }	 */
	td.actions a {display: block; line-height: 20px; }
	td.actions.flat a {display: inline; }
	
	/* Modals */
	.modal_content {display: none; }
	
	.jqimessage input, .jqimessage label {display: block; }
	

	div.paging {text-align: center; line-height: 18px; padding: 20px 0px 30px; font-size: 14px; clear: both;}
	div.paging .number {padding: 3px 8px; border: 1px solid #999; color: #787878; margin: 0 6px;}
	div.paging .number:hover {color: #000; border-color: #000; }
	div.paging .current {background: #29abe2; color: #fff; border: 1px solid #29abe2; padding: 3px 8px; margin: 0 6px; cursor: default;  }
	
	div.paging .prev {margin-right: 26px; }
	div.paging .next {margin-left: 26px; }
	
	div.paging div.disabled {
		color: #aaa;
		display: inline;
	}
	div.paging p.total {color: #aaa; text-align: center; clear: both; padding: 12px 0 0; font-size: 12px;}

	
	
	.footer, .subfooter {text-align: center; font-size: 12px; color: #999999; text-transform: uppercase; padding: 30px 0 10px;}
	.footer p {display: inline; margin-right: 10px; }
	.footer ul {display: inline; }
	.footer ul li {list-style: none; display: inline; }
	.footer a, .subfooter a {color: #fff; }
	.footer a:hover, .subfooter a:hover {border-bottom: 1px dotted #fff; }
	
	.subfooter {padding-top: 10px; }
	.subfooter p { font-size: 10px;}
	
	/* BUTTON */
	a.button {color: #fff; background: #f00; font-size: 15px; padding: 4px 5px 3px; display:block; clear: both; text-transform:uppercase; text-align: center; border: 0; cursor: pointer; float: left;}
	.status a.button {width: 219px; }
	#twitterfeed .button, .finder .button {float: none; }
	
	a.button:hover {background: #00adee; color: #fff !important;}
	a.button:hover span {color: #fff !important; }
	
	input.button {display: none !important; }
	
	
	/* FORMS */
	
	
	fieldset {
		padding-bottom: 16px;
		border: 0;
	}	
	.form h2, .content h2, #content h2 {
		font-weight: bold; clear: both; float: none; width: 100%; display: block; 
		color: #29abe2; font-size: 20px; border-bottom: 2px solid #29abe2; padding-bottom: 3px; margin-bottom: 10px;
	}
	
	form div {
		clear: both;
		padding: 8px 0 4px;
		vertical-align: text-top;
	} 
	
	form div.input {
		color: #444;				
	}
	form div.required {
		color: #333;
		font-weight: bold;
	}
	form div.submit {
		border: 0;
		clear: both;
		margin-top: 10px;
	}
	label {
		display: block;
		padding-right: 20px;
	}
	input, textarea {
		clear: both;
		font-family: "helvetica neue", "MgOpen Moderna", "frutiger linotype", "lucida grande", "verdana", sans-serif;
		padding: 1px;
		width: 160px;
		font-size: 16px;
	}
	select {
		clear: both;
		vertical-align: text-bottom;
		padding: 0;
		width: 164px;
		font-size: 16px;
	}		
	select[multiple=multiple] {
		
	}
	
	.input .example {display: block; font-size: .8em; color: #666; font-weight: normal;}
	
	.datetime select {width: 70px; }
	.time select {width: 50px; }
	
	option {
		padding: 0 1px;
		font-size: 16px;
	}	
	
	ul.checkboxMultiple {
    margin:0;
    padding:0;
    list-style-type:none;
    }
	
ul.checkboxMultiple li {
    display:block;
    float:left;
    width: 220px;
    margin: 0 8px 0 0;
    }