body {
  background: #13131e;
  color: #a3d3a3;
  font-family: "palatino", "times new roman", times, serif;
  font-size: 100%;
  font-weight: 100;
}

h1 {
  color: #f1ef10;
  font-family: "garamond", "times roman", serif;
  font-size: 170%;
  font-weight: 100;
}

h2 {
  color: #9f3400;
  font-family: "garamond", serif;
  font-size: 145%;
  font-weight: 200;
  margin: 0pt;
  margin-top: 1em;
}

h3 {
  color: #af1400;
  font-family: helvetica;
  font-size: 120%;
  font-style: italic
}

p {
  font-family: inherit;
  font-weight: 100;
}

div {
  font-family: inherit;
}

a {
  color: #b4c4e4;
  text-decoration: none;
  font-style: italic;
  font-weight: 100;
  font-family: "garamond", "palatino", "times", serif;
}

a:hover { 

}

a.external { 
  background: transparent url(/external-href.png) right center no-repeat; 
  padding-right: 10px; 
  margin-right: 5px;
  color: #d0d070;
}

img {  
  border: none;
}

div.outer {
  background: inherit;
  text-align: center;
  margin: auto;
  width: 80%;
}

div.inner {
  background: #3b0641;
  padding: 2px 2px;
  text-align: center;
  clear: both;
  margin: auto;
  width: 350px;
  height: auto;
  min-height: 65px;
}

div.pic {
  padding: 2px;
  margin: 5px;
  float: left;
  width: 16%;
  min-height: 50px;
  height: auto;
  border: 1px solid black;
  background: #191923;
}

div.pic:hover {
  background: #404050;
}

div.picnofloat {
  padding: 2px 2px;
  float: left;
  clear: right;
  background: #250225;
  width: auto;
  height: auto;
  min-width: 55px;
  height: auto;
  min-height: 50px;
  border: 2px solid #650465;
}

div.picnofloat:hover {
  background: green;
  border: 2px solid green;
}

span.text {
  font-size: 8pt;
  color: #20c02a;
}

span.date { 
  color: #039800;
}

span.searchword { 
  background-color: #802075;
}

td.pixindextd {  
  margin-bottom: 1em;
  border: 1px solid #404040;
  border-collapse: collapse;
}

tr.pixindexrow {  
  padding-bottom: 1em;
  border-collapse: collapse;
}

td.description { 
}

img.bullet { 
}

div.reset { 
  float: none; clear: both;
  height: 1px;
  width: 100%;
  background: #13131e;
}


div.navbar { 
  width: 100%;
  background-color: #13131e;
  color: #2398ab;
  font-family: "palatino", "times new roman", times, serif;
  border: none;
  margin: 2px;
  padding: 2px;
  white-space: nowrap;
}

div.navbar * ul {
  display: inline;
  font-size: small;
  white-space: nowrap;
}

div.navbar * ul li {
  display: inline;
  font-size: small;
  border-left: 1px solid silver;
  padding-right: 0.25em;
  padding-left: 0.25em;
  white-space: nowrap;
}

div.navbar * ul li a:hover {
  display: inline;
  color: #c080a0;
  white-space: nowrap;
}

.floatleft { 
  float: left;
  clear: none;
  background: inherit;
}

.floatright { 
  float: right;
  clear: none;
  background: inherit;
}

span.rss { 
  background: #171725;
  color: #2388ab;
  border: none;
}

div.files { 
  float: left;
  border: solid 1px #5f1400;
  padding: 5px;
  width: 95%;
  background: #3a0543;
}

div.file { 
  color: #77a3a3;
  float: left;
  width: auto;
  min-width:  55px;
  min-height: 48px;
  height: auto;
  margin: 0.5em;
  border: solid 1px green;
  text-align: left;
}


div.file:hover {  
  background-color: #202030;
}

div.filenf { 
  float: none;
  clear: both;
}


div.outerpic {  
  width: 100%;
  text-align: center;
  vertical-align: middle;
  height: 100%;
}

div.series {  
  float: left;
}

div.galpic {
  vertical-align: middle;
  text-align: center;
  border : none;
  margin: 0;
}

div.caption {
  text-align : left;
  float: left;
  color : #d26503;
  font-style : italic;
  margin-bottom : 0.5em;
  clear : right;
}

div.head {
  text-align : center;
  color : #d26503;
  font-style : italic;
  margin-bottom : 0.5em;
  float : left;
}

dl.allseries { 
  margin-bottom: 1em;
}

dt.allseries {
  float: left;
  width: 45%;
  border: 1px solid #505050;
  margin: 1em;
  min-height: 5em;
  background: #450b50;
}

dd.allseries { 
  margin-bottom: 1em;
  background: #37043a;
  padding: 2px;
}

h3.subject { 
  font-family: "times roman", serif;
  margin: 0px; padding: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 125%;
  color: #3ab;
  background-color: #152020;
}

div.blogitem { 
  background: #151520;
  border: 1px solid #313131;
  margin-top: 1em;
  padding: 2px;
}

div.meta { 
  border: none;
  border-top: 1px dashed #202020;
  padding: 2px;
  float : none; clear: both;
  font-style: italic;
  color: #707070;
  min-height: 2em;
  height: auto;
}

div.body { 

}

select.selminimal { 
  background: #151520;
  color: #40c050;
  font-size: smaller;
  border: none;
}

div.bmsect {  
  border-top: solid 1px #300000;
  border-left: solid 1px #300000;
  width: auto;
  display: block;
}

.formsmall { 
  background: inherit;
  color: #40c050;
  font-size: 80%;
  border: solid 1px #208025;
}

.formsmallsubmit { 
  background-color: #202020;
  color: #40c050;
  font-size: 80%;
  border: none;
  margin: 0px;
  padding: 0px;
}

div.blogcomment { 
  background-color: #171722;
  border: solid 1px #303040;
  margin-bottom: 1em;
}

div.blogcommentmeta { 
  margin-bottom: 0.5em;
}

div.blogcomment h3 { 
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #181825;
  font-size: 120%;
  font-weight: normal;
  color: green;
  font-style: normal;
  font-family: "times", serif;
}

div.blogcommentbody { 
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

ul.straightdown * { 
  margin-bottom: 0.25em;
  display: block;
  list-style: none;
  text-align: right;
}

div.keywordcloud { 
  padding: 1em;
  border: solid 1px silver;
}

a.cloudkeyword { 
  color: #9090a0;
}

span.cloudkeyword { 
  color: #a0f0ff;
}

div.left_half { 
  float: left;
  width: 45%
}

div.right_half { 
  float: right;
  width: 45%;
}

div.calendarmonth { 
  width: 47%;
  background-color: #1a1a2a;
  border: solid 1px silver;
  min-height: 10em;
  float: left; clear: none;
  margin-right: 1em;
  margin-bottom: 1em;
  min-height: 15em;
  height: auto;
}

h2.calendarmonthhead { 
  background-color: #0a3a0a;
  border: none;
  display: block;
  font-size: 140%;
  font-family: cursive, "times", serif;
  width: 100%;
  padding: 0; margin: 0;
}

h2.calendarmonthhead:hover { 
  text-decoration: underline;
}

div.calendarmonthsection { 
  float: left; clear: none;
  padding: 0; margin: 1px;
  border: none;
  width: 32%;
}

h3.calendarmonthsection { 
  background-color: inherit;
  color: #f1ef10;
  border: none;
  font-family: garamond, times, serif;
  font-style: italic;
  text-decoration: none;
  font-size: 110%;
  display: block;
  width: 100%;  
  padding: 0; margin: 0;
  text-align: center;
}

ul.minimal { 
  display: block;
  margin: 0; padding: 0;
}

ul.minimal li { 
  display: block;
  margin: 0; padding: 0;
  margin-bottom: 2px;
}

ul.horizontal { 
  display: inline;
  margin: 0; padding: 0;
}

li.horizontal { 
  display: inline;
}

table.data { 
  border: solid 1px silver;
  border-collapse: collapse ;
  padding: 1px;
}

table.data thead * { 
  border-right: solid 1px silver;
  padding-left: 10px;
  padding-right: 10px;
  color: yellow;
  margin: 1px;
}

table.data * { 
  border-right: solid 1px silver;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: lighter;
  font-size: 95%;
  white-space: nowrap;
}

tr.weathertoday * {
  color: #c3e3f3;
}

#boundinggraphs { 
  width: 100%;
  clear: right;
}

#boundingdata { 

  width: 100%;
  clear: right;
}

div.lefthalf{ 
  float: left;
  max-width: 48%;
  clear: none;
}

div.righthalf { 
  float: left;
  clear: none;
  max-width: 48%;
}

#quantityselect { 
  background-color: #13131e;
  color: #a3d3a3;
}

#intervalselect { 
  background: #13131e;
  color: #a3d3a3;
}

#dataquantityselect { 
  background-color: #13131e;
  color: #a3d3a3;
}

#dataintervalselect { 
  background: #13131e;
  color: #a3d3a3;
}

#graph { 
  width: 580px;
  height: 360px;
  float: right; 
  border: solid 1px #404040;
  background-color: #10101c;
  text-align: center;
  vertical-align: middle;
}

#data { 
  width: 580px;
  height: 360px;
  float: right; 
  border: solid 1px #404040;
  background-color: #10101c;
  text-align: center;
  vertical-align: middle;
  overflow: scroll;
}

table.weatherdata { 
  color: #f5f6e1;
  border: solid 1px silver;
  border-collapse: collapse;
  margin-bottom: 1em;
}

table.weatherdata * { 
  color: #f5f6e1;
  border: solid 1px silver;
  border-collapse: collapse;
}

table.weathercurrent { 
  background-color: inherit;
  color: #ffa050;
  border-collapse: collapse;
  border: solid 1px silver;
}

table.weathercurrent * td { 
  background-color: inherit;
  padding: 3px;
  border-collapse: collapse;
  border: solid 1px silver;
}

table.weathercurrent thead * { 
  background-color: #2040af;
  color: #ffa050;
  border-collapse: collapse;
  border: solid 1px silver;
  text-align: center;
}

#weathersubmenu { 
  height: 1em;
  padding: 0px;
}

#weathersubmenu li { 
  border-right: solid 1px silver;
  padding-left: 3px;
  padding-right: 3px;
}

table.exiftable { 
  width: 100%;
  clear: both;
  float: none;
  border: solid 1px #202050;
  border-collapse: collapse;
  margin: 2px;
}

table.exiftable * td { 
  padding: 2px;
  border: solid 1px #202050;
}

h1.witteringinlineheading { 
  font-size: 110%;
  background-color: #202020;
  padding: 0px;
  margin: 0px;
}

h2.witteringinlineheading { 
  font-size: 110%;
  background-color: #202020;
  padding: 0px;
  margin: 0px;
}

h3.witteringinlineheading { 
  font-size: 110%;
  background-color: #202020;
  padding: 0px;
  margin: 0px;
}

h4.witteringinlineheading { 
  font-size: 110%;
  background-color: #202020;
  padding: 0px;
  margin: 0px;
}

div.galtag { 
  width: 95%;
  float: left;
  padding: 0.5em;
  margin: 0.5em;
  border: solid 1px #102050;
  text-align: justify;
}

h2.galtag { 
  padding: 0px;
  margin: 0px;
  margin-bottom: 3px;
  background-color: #153505;
  padding-bottom: 5px;
  height: 1em;
}

p.galtag { 
  margin: 0px;
  padding: 0px;
  padding-bottom: 3px;
  font-size: small;
}

blockquote {
  background-color: #102040;
  border: solid 1px #101010;
  border-left: solid 4px #aaaaaa;
  padding-left: 0.5em;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.left {
  float: left;
  clear: none;
}

div.right {
  float: right;
  clear: none;
}

#svgq {
  width: 800px; 
  min-height: 500px; 
  border: solid 1px silver; 
  overflow: scroll;
}

#svgbox {
  max-width: 80%;
}