* {
  padding: 0;
  margin: 0;
}

/*************************************************************
 * Wrapper
 */
#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

body {
  font-family: arial, verdana, arial, helvetica, sans-serif;
  font-size:   0.9em;
  line-height: 1.3;
}

/*************************************************************
 * Header
 */
#header {
  float: left;
  width: 100%;
}

#site-id {
  float: left;
  margin: 10px;
  display: inline;
}

#site-id a {
  border: none;
}

#site-id img {
  float: left;
}

#ad-banner {
  display: inline;
  width: 468px;
  height: 60px;
  float: right;
  margin: 10px;
}

/*************************************************************
 * Main
 */
#main {
  padding-top: 0px;
}

#main-panel {
  padding: 10px;
  border: 1px solid #ccd;
  float: left;
  width: 938px;
}

#middle {
  border-top: 1px solid #ccd;
  padding-top: 4px;
}

#left-column {
  float: left;
  width: 100px;
  display: inline;
}

#center-column {
  width: 500px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-left: 1px solid #ccd;
  border-right: 1px solid #ccd;
  min-height: 320px;
  display: inline;
}

#right-column {
  float: left;
  width: 290px;
  display: inline;
}

#right-column li {
  list-style-type: none;
}

#right-column .section {
  margin-bottom: 20px;
}

/*************************************************************
 * Footer
 */
#footer {
  font-size: 0.8em;
}

#footer p {
  font-size: 1em;
}

#footer {
  padding: 10px;
  width: 940px;
  float: left;
  text-align: center;
}

#footer .copyright {
  float: left;
}

#footer .links {
  float: right;
}

/*************************************************************
 * Headings
 */

h1 {
  font-size: 1.4em;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
}

h2, h3, h4, h5, h6 {
  padding-top: 0.2em;
  padding-bottom: 0.5em;
}

/*************************************************************
 * Misc
 */
br {
  clear: both;
}

p {
  padding-bottom: 1em;
}

img {
  border: none;
  padding: 0;
  margin: 0;
}

img a {
  border: none;
}

img a:hover {
  border: none;
}

pre {
  padding: 10px;
}

.full-width {
  width: 100%;
}

.takeaway-name-suggestion {
  font-size: 4em;
  padding: 10px;
  border: 1px solid #ffffff;
}

/*************************************************************
 * Lists
 */
li {
  list-style-image: url(../images/list-marker.png);
  margin-left: 2em;
}

ul, ol {
  padding-bottom: 1em;
}

/*************************************************************
 * Tables
 */
td {
  padding: 10px;
}

/*************************************************************
 * Errors
 */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*************************************************************
 * Colour scheme
 */
body {
  color: #666;
  background-color: #000;
}

#wrapper {
  background-color: #fff;
}

pre {
  background-color: #eee;
}

h2 {
  color: #800000;
  font-size: 1.2em;
  font-weight: bold;
}

img a:hover {
  background-color: #ffffff;
}

#header, #footer {
  background-image: url(../images/stripe.png);
  background-repeat: repeat-x;
}

#footer a {
  color: #aaa;
}

/*************************************************************
 * Individual restaurant display
 */
.phone-number {
  font-weight: bold;
  float: left;
}

.restaurant-id {
  float: left;
  width: 500px;
}

.quarter-column {
  float: left;
  display: inline;
  width: 24.25%;
  margin: 0.5%;
  text-align: center;
}

#left-column li {
  margin: 0px;
}

.floating-column {
  float: left;
  margin-right: 2em;
}

/* Wordpress blog formatting */
.post {
  margin-bottom: 20px;
}

#commentform textarea {
        width: 100%;
}

/*************************************************************
 * Restaurant lists
 */
li.restaurant-list-item {
  float: left;
  list-style-image: none;
  list-style-type: none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
  border-bottom: 1px solid #ccd;
  background-color: #fff;
  width: 100%;
}

.restaurant-list-item .restaurant-name, .restaurant-list-item .restaurant-address {
  margin-bottom: 3px;
}

.restaurant-marker {
  width: 25px;
  float: left;
  margin-left: 20px;
  display: inline;
}

.restaurant-name-and-type {
  width: 170px;
  float: left;
  margin-left: 10px;
}

.restaurant-name {
  font-size: 1.2em;
}

.restaurant-distance {
  font-size: 0.8em;
  font-weight: bold;
}

.restaurant-phone, .restaurant-address, .restaurant-cuisine {
  font-size: 0.9em;
}

.restaurant-address-and-phone {
  width: 160px;
  float: left;
}

.menu-thumbnail {
  margin: 10px;
  float: left;
}

/*************************************************************
 * Maps
 */
#map-wrapper {
  margin-left: 10px;
  margin-right: 10px;
  height: 300px;
}

#mini-map-wrapper {
  margin-bottom: 10px;
  margin-top: 4px;
  width: 100%;
  height: 300px;
  float: left;
}

#show-map-wrapper {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ccd;
  margin-bottom: 10px;
  margin-top: 4px;
  width: 300px;
  height: 200px;
  float: right;
  background-image: url(../images/map-loading.gif);
}

#map_div {
  width: 100%;
  height: 100%;
}

.food-image {
  width: 100%;
}

/*************************************************************
 * Cuisine links
 */
#cuisine-links {
  padding-top: 0px;
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 10px;
}

#cuisine-links li {
  padding: 3px;
  list-style: none;
  list-style-image: none;
}

#cuisine-links li.selected {
  list-style-image: url(../images/list-marker.png);
}