/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

/* font stack */

body, input, textarea, select {
	font: 14px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-variant: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-variant: normal;
	font-weight: bold;
	text-transform: lowercase;
	color: #ed1c24;
}

/* custom header */

.wrapper {
	min-width: 980px;
}

.fixed-bar {
	background: #302e2e;
	height: 32px;
}

.fixed-bar ul {
	width: 960px;
	margin: 0 auto;
}

.fixed-bar li {
	display: inline;
	float: right;
	line-height: 32px;
}

.fixed-bar span {
	margin: 0 10px 0 10px;
}

.header {
	background: #fff;
}

.header_in {
	padding: 5px 0 0 0;
}

.logo {
	position: absolute;
	top: 0;
}

.logo a {
	display: block;
	width: 281px;
	height: 130px;
	background: url('images/weats_mast.png') no-repeat left bottom;
	text-indent: -999em;
}

.fork {
	position: absolute;
	right: 0;
	top: 0;
	width: 94px;
	height: 106px;
	background: url('images/fork.png') no-repeat left bottom;
	text-indent: -999em;
}

.logged-in .logo {
	margin-top: 30px;
}

.main_nav {
	background: #fff;
	margin: 0 0 0 0;
}

/* top bar */

.top-bar {
	background: url('images/checker.jpg');
	height: 40px;
}

.top-bar-in {
	width: 950px;
	height: 40px;
	margin: 0 auto;
}

.top-bar-in span {
	float: right;
	line-height: 40px;
	color: #999;
	margin: 0 5px 0 5px;
}

.top-bar a {
	float: right;
	line-height: 40px;
	color: #999;
	font-weight: bold;
	font-size: 13px;
}

.top-bar a:hover {
	color: #ffc20e;
}

.multi_city {
	position: absolute;
	top: -130px;
	left: 10px;
	visibility: hidden;
}

/* menus */

.main_nav {
	position: relative;
	z-index: 20;
}

.main_nav_in {
	background: none;
	height: 106px;
	margin-bottom: 15px;
}

#menu-final-menu {
	height: 106px;
}

#menu-final-menu > li {
	display: inline;
	float: left;
	width: 105px;
	height: 106px;
}

ul.menu li a, div.menu li a {
	width: 106px;
	padding: 0;
	bottom: 0;
	-webkit-transition: 0.2s ease-in;  
	-moz-transition: 0.2s ease-in;  
	-o-transition: 0.2s ease-in;  
	transition: 0.2s ease-in;
}

.main-restaurants > a { /* restaurants */
	display: block;
	background-image: url('images/restaurants.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-culinary > a { /* culinary shops */
	display: block;
	background-image: url('images/culinary_shops.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-farms > a { /* farms */
	display: block;
	background-image: url('images/farmers.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-wineries > a { /* beverages */
	display: block;
	background-image: url('images/wineries.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-markets > a { /* markets */
	display: block;
	background-image: url('images/markets.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-tours > a { /* tours */
	display: block;
	background-image: url('images/tours.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-shop > a { /* shop */
	display: block;
	background-image: url('images/shop.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-blog > a { /* blog */
	display: block;
	background-image: url('images/blog.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

.main-events > a { /* events */
	display: block;
	background-image: url('images/events.jpg') !important;
	background-position: center center !important;
	padding-top: 80px !important;
}

ul.menu li a:hover, div.menu li a:hover {
	opacity: 0.75;
}

div.menu ul li ul, ul.menu li ul {
	background: url('images/sub-menu-bg.jpg') repeat-x center center;
	top: 106px;
	-webkit-box-shadow: 2px 2px 10px #666;
	box-shadow: 2px 2px 10px #888;
	
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#menu-item-7303 .sub-menu {
	width: 960px;
}

#menu-item-7843 .sub-menu {
	margin-left: -70px;
}

div.menu ul li ul a, ul.menu li ul a {
	color: #fff;
}

div.menu ul li ul a:hover, ul.menu li ul a:hover {
	color: #fec10e;
}

.sf-sub-indicator {
	visibility: hidden;
	display: none !important;
}

/* custom map styles */

.top_banner_section {
	position: relative;
	background: none;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.top_banner_section:before {
	position: relative;
	content: "this gets inserted!";
	display: block;
	background: url('images/map_top.png') no-repeat center top;
	z-index: 19;
	text-indent: -999em;
}

.top_banner_section_in {
	border: 4px solid #d3d3d3;
	margin: -16px auto 0 auto;
	padding: 0;
}

.map_canvas {
	
}

.new-search-near {
	border-right: 4px solid #ed1c24;
	border-bottom: 4px solid #ed1c24;
	border-left: 4px solid #ed1c24;
	margin: 0 10px 0 10px;
	padding: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background: url('images/search-bg.jpg') no-repeat left center;
}

.new-search-near small {
	display: none;
}

.new-search-near #searchform2 {

}

.in-the-mood {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-left: 250px;
}

/* custom footer */

.bottom {
	background: url('images/cont-bg.jpg') repeat-x left 165px;
}

.bottom_in {
	background: url('images/full-bg.png') no-repeat;
	padding-top: 150px;
}

.bottom_in .widget {
	padding-top: 65px;
}

.footer {
	background: #222;
}

.footer_in {
	
}

.credits {
	display: none;
}

/* city navigation dropdowns */

.which-city {
	float: left;
	margin-right: 10px;
	line-height: 30px;
	color: #ED1C24;
	font-weight: bold;
}

.location-changers {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: 100px;
	margin-left: -40px;
	width: 550px;
	z-index: 50;
	display: none;
}

.logged-in .location-changers {
	margin-top: 128px;
}

.city-changer {
	min-height: 50px;
	float: left;
	margin-right: 15px;
}

.neighbour-changer {
	min-height: 50px;
	float: left;
}

#city-navi, #city-navi ul, #neighbour-navi, #neighbour-navi ul {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	width: 200px;
}

#city-navi ul, #neighbour-navi ul {
	padding-left: 6px;
}

#city-navi ul li, #neighbour-navi ul li {
	
}


#city-navi a, #neighbour-navi a {
	display: block;
	width: 190px;
	background: url('images/blk.png');
	color: #fff;
	padding: 3px;
}

#city-navi a:hover, #neighbour-navi a:hover {
	color: #ffc20e;
}

#city-navi li, #neighbour-navi li {
	float: left;
	width: 190px;
}

#city-navi ul li a, #neighbour-navi ul li a {
	border-bottom: 1px dotted #666;
}

#city-navi li ul, #neighbour-navi li ul {
	position: absolute;
	width: 190px;
	left: -999em;
}

#city-navi li:hover ul, #neighbour-navi li:hover ul {
	left: auto;
}

.city-select-lnk, .neighbour-select-lnk {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 26px;
	padding: 0 6px 0 6px !important;
	color: #fff !important;
	background: #ED1C24 !important;
	font-weight: bold;
	width: 195px !important;
}

/* general styles */

#loop {
	margin-bottom: 20px;
}

#loop h3 {
	text-transform: lowercase;
	font-weight: bold !important;
	color: #ED1C24;
	font: 21px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content-title h1, .entry .post-meta h1 {
	font-weight: bold;
	color: #ED1C24;
	letter-spacing: -1px;
}

.cat_desc {
	display: none;
}

.sidebar h3 {
	text-transform: lowercase;
	font-weight: bold !important;
	color: #ED1C24;
	font: 18px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.posts h2 a, .posts p a:hover, a, .sidebar li a {
	color: #018db0;
}

.bottom {
	font-size: 13px;
}

.bottom .widget h3 {
	font-variant: normal;
	text-transform: lowercase;
	font-weight: bold;
	color: #fff;
	font: 13px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.widget p, .textwidget {
	color: #555;
	line-height:20px;
	font-size: 12px;
}

.post-total-view, .post-daily-view {
	display: none;
}

.img_no_available {
	background: url('images/no-img.jpg') no-repeat center center !important;
	text-indent: -999em;
}

/* calendar styles */

.calendar_widget { border:1px solid #fff;  background:#fff9e8;  border-left:none;   -moz-box-shadow: 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px #ccc;
  box-shadow: 2px 2px 2px #ccc;
 }
 tr.title { -moz-box-shadow: 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px #ccc;
  box-shadow: 2px 2px 2px #ccc; }
 td.title { background:#ffd14a; color:#555; border-bottom:1px solid #fff; text-shadow:none; }
.calendar_widget td.days { background:#ffd866; color:#555; text-shadow: none; }
 
.calendar_widget td { background:#ffebb2; border-bottom:1px solid #fff; border-left:1px solid #fff; color:#555; }
.calendar_widget td a.event_highlight  { background:#ffe084; color:#555; text-shadow:none; }
.calendar_widget td a:hover.event_highlight { background:#ffbf02; }

/* hide categories in maps */

.map_category {
	display: none;
}

#toggle {
	display: none;
}