html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        background: transparent;
        
}
body{
    font-family:"HelveticaNeue", Arial, Helvetica, san-serif;
}
#tab-bar{
    background:#050405;
    border-bottom:1px #441d22 solid;
    position: relative;
    zoom:1;
    height:20%;
    
}
#tab-bar:before,#tab-bar:after{
        content:"\0020";
        display:block;
        height:0;
        overflow:hidden;
}
#tab-bar:after{
    clear:both;
}
/*Float the tab bar*/

/*Set elements as Blocks*/
#tab-bar a{
    color: #cdcdcd;
    display: block;
    font-size: .875em;
    font-weight: bold;
    height: 4.583em;
    margin:0 .833em;
    overflow: hidden;
    padding-top:.428em;
    position: relative;
    text-align: center;
    text-decoration: none;
}
#tab-sighting a{
    background:#d5d2d2;
    color:#111111;
    height: 4.9em;
    margin: 0 0 -.367em;
}
.page-spots #tab-spots a {
    background-color: cornflowerblue;
    color:white;    
}
.page-stars #tab-stars a {
    background-color: cornflowerblue;
    color:white;    
}
.page-new #tab-sighting a {
    background-color: cornflowerblue;
    color:white;    
}
.table-view{
    background:steelblue;
}
.table-view li{
    border-top: 1px grey solid;
    border-bottom:1px darkgrey solid;
}
.table-view .even{
    background:cornflowerblue;
}
.table-action li{
    position: relative;
    }
.table-action a{
    color:white;
    display:block;
    padding: .5em .785em .714em;
    position: relative;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .4)0 -1px 1px;
    }
.table-action h2{
     color: white;
     font-size:1.285em;
     width:82%;
    }
.table-action .relative-distance{
    font-weight: normal;
    }
.table-action .sightings{
    background:cornflowerblue;
    border: 1px white solid;
    -webkit-border-radius: .143em;
    -moz-border-radius: .143em;
    color:black;
    font-weight: bold;
    position: absolute;
    padding: .214em .429em;
    right:2.5em;
    top:50%;
    margin-top:-1.1em;
    }
    #tab-spots a:after{
        content:url(sprite.png);
        clip: rect(0 18px 33px 0);
        position: absolute;
        left:50%;
        margin-left: -10px;
        top:1.833em;
        position:absolute;
    }
    .table-action h2{
        overflow:ellipsis;
        white-space:nowrap;
        width:82%;
    }
    html{
        -webkit-text-size-adjust:100%;
        ms-text-size-adjust:100%;
    }
    .in.out{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-animation-duration:300ms;
    }
    @-webkit-keyframes fade-in{
        from{opacity:0;}
        to{opacity:1}
    }
    .fade.in{
        -webkit-animation-name:fade-in;
        z-index:0;
    }
    fade.out{
        z-index:0;
    }