html, body { background: #ddd; }

#map-canvas { height: 100%; margin: 0; padding: 0; }

.card { width: 300px; height: 130px; border: solid 1px #ddd; }
.card-left { float: left; display: inline-block; width: 195px; height: 128px; border-right: solid 1px #eee; background: #fafafa; overflow: hidden; }
  .card-left .displayname { font-weight: bold; font-size: 110%; padding: .5em; }
  .card-left .address { padding: 0 .5em; }
  .card-left .hotels { margin-top: .5em; padding: .5em; border-top: solid 1px #eee; text-align:center; }
    .card-left .hotels a { color: #fff; }
.card-right { text-align: center; }
  .card-right .directions { padding: .5em; border-bottom: solid 1px #eee; }
    .card-right .directions a { color: #fff; }
  .card-right .contact { padding: .5em; }



#ad_unit { background: #eee; text-align: center; padding-top: 5px; height: 63px; overflow: hidden; border-bottom: solid 3px #999; }
#ad_unit_bottom { background: #555; text-align: center; padding-top: 5px; height: 63px; overflow: hidden; border-top: solid 3px #999; }
.theonedb-map-responsive { width: 320px; height: 50px; }

@media(min-width: 500px) {
  #ad_unit { height: 73px; }
  #ad_unit_bottom { height: 73px; }
  .theonedb-map-responsive { width: 468px; height: 60px; }
}

@media(min-width: 800px) {
  #ad_unit { height: 103px; }
  #ad_unit_bottom { height: 103px; }
  .theonedb-map-responsive { width: 728px; height: 90px; }
}



#header { background: #fafafa; }
#content { background: #fff; border-bottom: solid 3px #999; }
#container_map { height: 300px; border-top: solid 3px #999; border-bottom: solid 3px #999; }
#weather { background: #eee; border-bottom: solid 3px #999; padding: 20px 0; }
#disclaimer { background: #ccc; min-height: 80px; padding: 10px 0; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #container_map { height: 500px; }
}

table.standard { width: 100%; margin-bottom: 2em; }

table .hide-narrow { display: none; }

table.games th { background: #eee; }
table.games th, table.games td { padding: .11em; text-align: center; border: solid 1px #ddd; }
table.games span { display: block; }
table.games td.date-and-time { width: 17%; overflow: hidden; }
table.games td.venue { width: 23%; overflow: hidden; }

table.games { font-size: .8em; }
  table.games span.score { font-weight: bold; color: #0B91C4; }


@media only screen and (min-width: 760px) {
  table .hide-narrow { display: table-cell; }
  table .hide-wide { display: none; }
  table.games th, table.games td { padding: 0.15em; }
  table.games span { display: inline; }
    table.games span.score { display: none; }
  table.games td.date-and-time { overflow: visible; }
  table.games td.venue { overflow: visible; }
  table.calendar span.score { display: inline; }
}

span.hide-narrow { display: none; }

@media only screen and (min-width: 760px) {
  span.hide-narrow { display: inline; }
}


@media only screen and (min-width: 760px) {
  table.games { font-size: .9em; }
}