/*
	Color of interest:
	Dark:		#222222		Links
	Dark:		#666622		Links, Borders
	Menu Dark:	#bbbbaa		Top Level
	Menu Light:	#ccccbb		Dropdown
	Blockquote:	#ddddcc		Background
	Line 1: 	#ffffee		Alternating line colors
	Line 2:		#eeeedd		Line color, index news header, family column BG
*/

body {
  background-color:#ffffff;
  background-image:url('/bg.jpg');
  font-size: 13px;
  font-family:Helvetica,Arial,sans-serif;
}

.main {
  margin: auto;
  background-color:#ffffff;
  width: 100%;
  max-width: 960px;
}

a {
  color: #407129;
}

a:visited {
  color: #205109;
}

img {
max-width: 100%;
}

.round10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-outline-radius: 10px;
  -webkit-outline-radius: 10px;
  outline-radius: 10px;
}

.round5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-outline-radius: 5px;
  -webkit-outline-radius: 5px;
  outline-radius: 5px;
}

.cur {
  cursor:pointer;
}

.sighting_year {
  text-align:right;
  border:solid 1px #407129;
  float:left;
  padding-right:5px;
}

.sighting_month {
  text-align:center;
  border:solid 1px #407129;
  width:20px;
  float:left;
}

.sightingdetail {
  border-left:double 4px #407129;
  border-right:double 4px #407129; 
  width:500px;padding-left:5px;
}

.clear {
  clear: both;
}


  @media only screen and (min-width: 1000px) {
    
	.sighting_year {
	  width:100px;
	}

	.sighting {
	  margin-left: 275px;
	}
	

  }

  @media only screen and (max-width: 999px) {
    
	.sighting_year {
	  width:75px;
	}

  }