/*
 * $Revision: 732 $
 * $Author: tkeffer $
 * $Date: 2012-11-03 13:59:51 -0700 (Sat, 03 Nov 2012) $
 */
  
/* Global */

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #F0F0F0;
    background-image: url('backgrounds/Clouds.jpg');
    background-repeat: repeat;
    background-attachment: scroll;
}	

#container {
    margin: 0;
    padding: 0;
    border: 0;
}

/*
 * This is the big header at the top of the page
 */
#masthead {
    margin: 1% 1% 0 1%;
    padding: 5px;
    text-align: center;
    border-color:#999999;
	border-radius:10px; 
  border-style:solid;  
  border-width:2px;
/* background-image: url('../rpi_logo-48.png'); */
  background-color: #F0F0F0;
}

#masthead h1 {
    color: #3d6c87;
}
#masthead h3 {
    color: #5f8ea9;
}

/*
 * This holds the statistics (daily high/low, etc.) on the left: 
 */
#stats_group {
	width: 33%;
	min-height: 500px;
	margin: 1%;
	padding: 3px;
	float: left;
	border-color:#999999;
	border-radius:10px; 
	border-style:solid;  
	border-width:2px;
	background-color: #F0F0F0;
}

.stats table {
	margin: 1% 0 1% 0;
	border-collapse:collapse;
	border: thin solid #999999;
	border-radius:5px;
	border-width:2px;  
	width: 100%;
}

.stats tr.even {
    background-color: #F0F0F0;
}
.stats tr.odd {
    background-color: #D0D0D0;
}

.stats td {
/*	border-radius:5px; */ 
/*    border: thin solid #d8d8d8; */ 
/*    padding: 2px; */
}

.stats tr {
/*	border-radius:5px; */ 
/*    border: thin solid #d8d8d8; */ 
/*    padding: 2px; */
}

.stats_header  {
    margin: 1% 0 1% 0;
    background-color: #F0F0F0;
	border: thin solid #999999;
	border-radius:5px; 
	border-width:2px;
    color: #3d6c87;
	text-align: center;
    font-size: 12pt;
    font-weight: bold;

}


.stats_label {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    color: black;
    width: 170px;
}


.stats_data {
    color: blue;
}

.stats_uv_data {
	color: black;
}

/*
 * This holds the "About", "Almanac", and plots on the right
 */
#content {
    width: 60%;
    min-height: 500px;
    margin: 1%;
    padding: 3px;
    float: right;
    border-color:#999999;
	border-radius:10px; 
  border-style:solid;  
  border-width:2px;
      background-color: #F0F0F0;
    text-align: center;
}

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


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

#content table {
    text-align: center;
    width: 100%;
}

/*
#content td {
    width: 50%;
}
*/

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

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


#contentcpu {
    margin: 1% 1% 0 1%;
    padding: 5px;
    text-align: center;
    border-color:#999999;
	border-radius:10px; 
  border-style:solid;  
  border-width:2px;  
    background-color: #F0F0F0;
}

#contentcpu .header {
    font-size: 14pt;
    font-weight: bolder;
    color: #3d6c87;
    margin-bottom: 10px;
}


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

#contentcpu table {
    text-align: center;
    width: 100%;
}

#contentcpu td {
    width: 50%;
}

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

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


#about {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#almanac {
    margin: 1% 1% 1% 1%;
    padding: 5px;
	margin-top:10px;
    border-color:#999999;
	border-radius:5px; 
  border-style:solid;  
  border-width:2px;
}



.celestial_group {
}

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

#plots {
    width: 99%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#plots img {
	border-radius:10px;
    border: thin solid #3d6c87;
    margin: 2px;
    padding: 2px;
}

#plotscpu {
    width: 99%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#plotscpu img {
	border-radius:10px; 
    border: thin solid #3d6c87;
    margin: 2px;
    padding: 2px;
}

#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
 */
#navbar0 {
    margin: 1% 1% 1% 1%;
    padding: 5px;
    text-align: center;
    clear: both;
    border-color:#999999;
    border-radius:5px;
    border-style:solid;
    border-width:2px;
    background-color: #F0F0F0;
}

#navbar {
    margin: 1% 1% 1% 1%;
    padding: 5px;
    text-align: center;
    clear: both;
     border-color:#999999;
	border-radius:5px; 
  border-style:solid;  
  border-width:2px;  
    background-color: #F0F0F0;
}

#navbartop {
    margin: 1% 0 1% 0;
    padding: 5px;
    text-align: center;
    clear: both;
     border-color:#999999;
	border-radius:5px; 
  border-style:solid;  
  border-width:2px;  
    background-color: #F0F0F0;
}


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

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