/* -------------------------------------------------------------- 
   
   layout
   * All the layout style overwrites.
   
-------------------------------------------------------------- */

body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#page {
	margin: 25px auto 0;
	width: 806px;
}

#header {
	display: block;
}

#header .left {
	float: left;
}

#header .right {
	float: right;
}

#container {
	margin: 20px 0;
}

#results_bar {
	float: left;
	/*height: 490px;*/
	width: 186px;
}

#sidebar_map {
	height: 400px;
	overflow: auto;
}

#map_container {
	float: right;
	height: 490px;
	width: 600px;
}

.clear {
	clear: both;
}



/* -------------------------------------------------------------- 
   
   typography
   * All the typography style overwrites.
   
-------------------------------------------------------------- */

a:focus,a:hover { 
	color: #4690bf; 
	text-decoration: underline; 
}

a { 
	color: #4690bf; 
	text-decoration: none; 
}



#results_bar h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0;
}

h4 {
	font-size:1.1em;
	font-weight: 400;
	line-height:1.25;
	margin-bottom:1.25em;
}

h4 a, a:hover, a:focus {
	color: #111;
}

ul.gmapSidebar {
	list-style: none;
	margin:0 1.5em 1.5em 0;
}

ul.gmapSidebar li.gmapSidebarItem a {
	color: #676767;
	display: block;
	margin:0 0 1.5em 0;
	text-decoration: none;
	text-transform: uppercase;
}

ul.gmapSidebar li.gmapSidebarItem a span.location_link  {
	color: 4690bf;
	text-transform: capitalize;
}

.store_name {
	text-transform: capitalize;
	display: block;
}

.event { display: inline; float: left; padding: 20px 14px 0 14px; width: 240px; }
.event h2 { font-size: 1.5em; font-weight: lighter; margin-bottom: 0; }
.header { color: #000; font-size: 1.1em; font-weight: 400; }
.event p { color: #999; margin: .5em 0; }
p.small { color: #999; margin: .5em 0; }
.rsvp { color:#4690BF; }



/* -------------------------------------------------------------- 
   
   forms
   * All the form style overwrites.
   
-------------------------------------------------------------- */

label {
	display: block;
	font-weight: bold;
}

input.text, input.title, 
input, textarea, select {
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	color: #676767;
	font-size: 1em;
  	margin: 0.2em 1em 0 0;
	padding: .1em .3em .2em .3em;
}

input.disabled , select.disabled {
	background-color: #F6F6F6;
	color: #F6F6F6;	
}

input.enabled, select.enabled {
	background-color: #e7e7e7;
	color: #676767;
}

select {
	padding: .1em;
}

#submit {
	border: 0 none;
	padding: 0;
}