html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
}

#tab-bar {
background: #050405;
border-bottom: 1px #441d22 solid;
position: relative;
zoom: 1;
}

/* Clearfix to stop our floats escaping */
#tab-bar:before, #tab-bar:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}

#tab-bar:after {
clear: both;
}

/* Float our three list items so they’re evenly spaced */
#tab-bar li {
display: inline;
float: left;
width: 33.333%;
}

/* Set a elements as blocks */
#tab-bar a {
color: #cdcdcd;
display: block;
font-size: 0.875em; /* 12px / 14px */
font-weight: bold;
height: 4.583em; /* 55px / 12px */
margin: 0 0.833em; /* 10px / 12px */
overflow: hidden;
padding-top: 0.428em; /* 6px / 14px */
position: relative;
text-align: center;
text-decoration: none;
}

#tab-spots a:after {
content: url(../images/sprite.png);
clip: rect(0 18px 33px 0px);
left: 50%;
margin-left: -10px;
top: 1.833em;
position: absolute;
}

#tab-sighting a {
background: #d5d2d2;
color: #111111;
height: 4.95em;
margin: 0 0 -0.367em;
}

.page-spots #tab-spots a {
color: #ebc466;
}

.page-spots #tab-spots a:after {
clip: rect(0 37px 33px 18px);
margin-left: -29px;
}

.page-stars #tab-stars a {
color: #ebc466;
}

.table-view {
background: #7c0c18;
}

.table-view li {
border-top: 1px #8c2a34 solid;
border-bottom: 1px #640913 solid;
}

.table-view .even {
background: #830f1b;
}

.table-action li {
position: relative;
}

.table-action a {
color: #d6b69e;
display: block;
padding: 0.5em 0.785em 0.714em;
position: relative;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
}

.table-action h2 {
color: white;
font-size: 1.285em; /* 18px / 14px */
width: 82%;
}

.table-action .relative-distance {
font-weight: normal;
}

.table-action .sightings {
background: #6f0914;
border: 1px #841420 solid;
-webkit-border-radius: 0.143em;
-moz-border-radius: 0.143em;
border-radius: 0.143em;
color: #ebc466;
font-weight: bold;
position: absolute;
padding: 0.214em 0.429em;
right: 2.5em;
top: 50%;
margin-top: -1.1em;
}