/* CSS for the weewx Standard skin
 *
 *  Copyright (c) 2015 Tom Keffer <tkeffer@gmail.com>
 * 
 *  See the file LICENSE.txt for your rights.
 */
  
/* Global */

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: rgba(255,255,255,0.5); 
    background: #1A1B1F url('backgrounds/Catalina.jpg') fixed no-repeat;
}	

#container {
    margin: auto;
    padding: 0;
    width:1350px;
}

/*
 * This is the big header at the top of the page
 */

.white{
    color:white;
}

/*
 * This holds the statistics (daily high/low, etc.) on the left: 
 */
#stats_group {
    width: 500px;
    min-height: 500px;
   background-color: rgba(255,255,255,0.0);
   float:left;
}

.stats table {
    border: thin solid #000000;
    width: 450px;
}
.stats td {
    border: thin solid #000000;
    padding: 2px;
}

.stats_header  {
    background-color: #000000;
    color: #a8b8c8;
    font-size: 14pt;
    font-weight: bolder;
    width:450px;
}

.stats_label {
    background-color: grey;
    font-weight:bold;
    color: black;
}

.stats_data {
    color: white;
}

/*
 * This holds the "About", "Almanac", and plots on the right
 */
#content {
    width: 800px;
    min-height: 500px;
    float:right;
background-color: rgba(255,255,255,0.0);
text-align: center;
}

#content .header {
    font-size: 14pt;
    font-weight: bolder;
    color: #3d6c87;
}


#content .caption {
    font-weight: bold;
    color: #3d6c87;
}

#content table {
    text-align: center;
}

#content td {
}

#content .label {
    text-align: right;
    font-style: italic;
}

#content .data {
    text-align: left;
}

#about, #almanac {
    width: 90%;
    color:white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.celestial_group {
}

.celestial_body {
    width: 48%;
    vertical-align: top;
    display:inline-block;
}

#plots {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
    
#plots img {
    border: thin solid #3d6c87;
    margin: 3px;
    padding: 3px;
}

#radar_img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 3px;
    padding: 3px;
}

#radar_img img {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin: 3px;
    padding: 3px;
}

#radar_img p {
    width: 90%;
    font-style: italic;
    font-size: smaller;
    text-align: center;
    margin-top: 0;
}

/*
 * Navigation bar (week, month, etc.) at the bottom
 */
#navbar {
    margin: 0 1% 1% 1%;
    text-align: center;
    clear: both;
}

#liveview{
    margin: 0 1% 1% 1%;
    padding: 5px;
    text-align: center;
    clear: both;
}

/*************** Global Styles ***************/

h2, h3, h4, h5, h6 {
    color: #3d6c87;
}

#black{
color:grey;
font-size: 20px;
font-weight:bold;
}