#popular {
  clear: both;
  padding: 0 0 0 0;
  text-align: left;
  width: 800px;
  line-height: 30px;
}

#popular ul {
  margin: 0 0 20px 0;  
  padding: 0 0 0 0;
}
#popular li {
  display: inline;
  margin: 0;
  padding: 0 10px 4px 7px;
}

#popular a.volcanic { font-size: 2.6em}
#popular a.on-fire { font-size: 2.2em }
#popular a.spice, a.spicy { font-size: 2.0em }
#popular a.medium { font-size: 1.8em }
#popular a.mild { font-size: 1.6em }

span.up {
  font-size: 11px !important; 
  font-weight: bold;
  color: #090;
}
span.down {
  font-size: 11px !important; 
  font-weight: bold;
  color: #900;
}
span.new {
  font-size: 11px !important; 
  font-weight: bold;
  color: #009;
}
span.equal {
  font-size: 11px !important; 
  font-weight: bold;
  color: #000;
}


#local, #extra, #copy, #footer, #popular {
 margin: 0 auto;
 width: 750px;
 text-align: center;
}

#local {
 text-align: left;
}

#header {
 margin: 40px auto 0 auto;
}

#header td {
 vertical-align: middle;
}
#header h1 { 
 font-size: 3.2em;
}
#header h3 { 
 text-indent: 0.32em; 
 font-size: 1.5em; 
 color: gray;
}
#header a {
 display:block;
 height: 75px;
 width: 75px;
 background: white url('/images/whiteyellow.gif') no-repeat 0 0;
 border: 0;
}
#header a span {
 display: none;
}

b {
 font-size: 1.5em;
}

#local ul {
 margin: 0px 10px 10px 0;
}

#local li {
 font-size: 1.9em;
 font-weight: bold;
 padding: 0.5em 0 0 0;
 margin: 0 10px;
 color: black;
 float: left;
 display: block;
 cursor: pointer;
}

#local li.selected, #local li:hover {
 color: red;
}


#businessSearch, #peopleSearch {
 margin-top: 15px;
}

.sbHidden {
 display: none;
 visibility: hidden;
}


#popular {
 margin-top: 25px;
 border: 1px solid #CCC;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 padding-top: 1.5em;
}

#extra {

}

.beta {
 display: none !important;
}

input[type=text] {
 height: 24px;
 width: 200px;
 border: 1;
 vertical-align: -3px;
 font-size: 18px;
 padding: 2px;
}

input[type=image] {
 vertical-align: -12px;
 padding: 0 0 0 20px;
}

label {
 margin: 0 10px;
 font-size: 2.4em;
 font-weight: bold;
 vertical-align: middle;
}


#footer {
 font-size: 1.3em;
 line-height: 2.5em;
 margin-top: 10px;
}

#footer a {
 font-size: 1em;
}

#copy {
 font-size: 1.1em;
 line-height: 2.5em;
 color: gray;
}

#copy a {
 font-size: 1em;
}


#footer {
 margin-top: 25px;
}

html, body, #index {
 height: 100%;
 margin: 0;
 padding: 0;
}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -130px;
}
.footer, .push {
 padding: 0;
 margin: 0;
 height: 130px; 
}