/*
CSS for piercecountyatv.org
*/

h1, h2 {
  font-family: Verdana, Arial, sans-serif;
  color: black;
  background-color: #228b22;
  border: 3px solid silver;
  padding: 3px;
}

h3 {
  font-family: Verdana, Arial, san-serif;
  color: black;
  background-color: #758956;
  border: 3px solid silver;
  padding: 3px;
}


div, li, p, td {
  font-family: Verdana, Arial, san-serif;
  color: black;
}

.navimage {
  border: 0px solid;
}

#navigation {
  padding: 0;
  margin: 0;
  position: absolute;
}

#bodycontent {
  padding-right: 10px;
  margin: 0;
  position: absolute;
}

#header {
  position: absolute;
  padding: 10px;
  margin: 0;
  width: 50%;
}

#tagline {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 135px;
  width: 332px;
  background: url(images/forestroad.jpg) no-repeat;
}

#search {
  position: absolute;
  top: 158px;
  right: 20px;
  font-size: x-small;
  font-weight: bold;
}

#navigation {
  top: 185px;
  width: 125px;
}

#bodycontent {
  top: 185px;
  left: 140px;
}

.ulineparagraph {
  padding-bottom: .8em;
  border-bottom: 1px solid #228b22;
}

.attentionparagraph {
  padding-bottom: .8em;
  border-bottom: 1px solid #228b22;
  color: red;
}

/*
table stuff
*/

th {
  text-align: left;
  background-color: #228b22;
  padding: 0.2em;
}

/*
 * table data complimentary colors:
 * 3ed6600: orange
 * eda976: peach
 * 6e8e93: blue-gray
 * 007d93: darker blue
 * 498893: lighter blue
 *
 * color scheme complements of http://www.colormatch.dk/
 */
 
td.event {
    background-color: #d3d3d3;
}

td.ride {
    background-color: #728e99;
}

td.meeting {
    background-color: #eda976;
}

table.events {
  border-collapse: collapse;
}

table.events caption {
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
}

table.events th, table.events td {
  padding: 4px;
  border: 1px solid #000000;
}

table.events th {
  font-size: small;
}

table.events td {
  font-size: small;
}

/*
forms style stuff
*/
form.contact label.fixedwidth {
  display: block;
  width: 130px;
  float: left;
}

form.contact .buttonarea input {
  font-family: Verdana, Arial, san-serif;
  background: #228b22;
  color: black;
  font-weight: bold;
  padding: 5px;
  border: 1px solid black;
}

/*
Flickr Badge style elements
*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#0063dc;}
#flickr_badge_wrapper {background-color:#CCCCCC;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}