/****
	Overrides for the default styling of purecss's layout(s)

	color palette:
	http://paletton.com/#uid=73y0u0k+bFooMYfHB+5YtpFVIew
****/

html,
body {
    background-color: #252525;
}

a {
    color: #FFC000;
    border: 0;
    outline: 0;
}

img {
    border: 0;
}

#menu {
    background-color: #05028F;
}

#menu .pure-menu-item.selected {
    background-color: #0A8EFC;
}

#menu .pure-menu-item.selected a {
    color: #FFF;
}

#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
    background-color: #006AC2;
    color: #FFF;
}

#menu .pure-menu-link {
    /* text color of menu items that are not selected or hovered */
    color: #7DC2FB;
}

#menu .new-menu-link {
    position: absolute;
    z-index: 1;
    padding: 0 3px;
}

#menu .new-menu-link img#new {
    height: 20px;
}

#menu .menu-footer {
    font-size: 0.8em !important;
    padding-left: 3px;
    position: absolute;
    bottom: 3px;
}

.pure-u {
    text-align: center !important;
}

.header {
    border-bottom: 1px solid #014884;
}

.header h1,
.header h2 {
    color: #45A6F7;
}

img.whitebg {
    background-color: #FFFFFF;
}

/*
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
*/
html,
body,
button,
input,
select,
textarea,
.pure-g [class *="pure-u"] {
    font-family: 'Open Sans', sans-serif;
    color: #8F8F8F;
    /* Set your content font stack here: */
    /*font-family: Georgia, Times, "Times New Roman", serif;*/
}





/****
	other misc css
****/

.textbox {
    width: 90%;
    text-align: center;
    background-color: #014884;
    color: #FFF !important;
    font-size: 0.8em;
    border-top: 1px solid #45A6F7;
    border-bottom: 1px solid #45A6F7;
    padding: 0.5em 1em;
    margin: 1em auto;
}

.accuweather {
    background-color: #FFF;
    display: inline-block;
    padding: 5px 5px 0 5px;
    margin-bottom: 5px;
}

#noaa_watches {
    background-color: #FFF;
    text-align: center;
    display: table-cell;
}

#weathergov_legend {
    background-color: #4C484A;
    color: #FFF;
    text-align: left;
    font-size: 0.6em;
    margin: 0 auto;
    border-spacing: 2px;
    border-collapse: separate;
}

#weathergov_legend td {
    padding: 1px 4px;
}

.legend_cell {
    border: 2px solid black;
    width: 15px;
}