/*Wildlights, all rights reserved-2009*/

/*********************************************************************************************/
/************************************    html    ******************************************/
/*main tags*/

body {	
	margin: 0px;
	text-align: center;
	padding-bottom:5px;
	font:12px "Verdana", sans serif;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-attachment:fixed;
}

a:link, a:visited{
	font: 12px "Verdana",sans-serif;
	color: #B2900A;
	text-decoration: none;
	border:0;
}

a:hover, a:active{
	color: #CCB866;
	border:0;
}

/*bottom navigation links*/
a.sm:link, a.sm:visited {
	font: 10px  "Verdana",sans-serif;
	padding:1px 3px 1px 3px;
	color: #B2900A;/*CCB866*/
	font-weight : bold;
}

a.sm:hover, a.sm:active {
	color: #c7b070; /*BA9400-B08C00-B2900A-997A00*/
}

/************************************************************************************/
/*other tags*/
h1, h2 {
	font: "Verdana", sans serif;
	color:#B2900A;
}

input.border{
	border:2px groove #996600 ; 
	margin-bottom:3px;
	background-color: transparent;
	background-image: none;
}

input.border:hover, input.border:focus{
	border:2px groove #CCB866;
	margin-bottom:3px;
	background-color: transparent;
	background-image: none;
}

label {	
	font:12px "Verdana", sans serif;
	color: #996600;
	text-align:justify;
	text-decoration:underline;
}

p  {	
	font:12px "Verdana", sans serif;
	color: #996600;
	text-align:justify;
	line-height:14px;
}

strong {
	font: 12px "Verdana",sans-serif;
	color: #663300;
	font-weight:bold;
}

table{/*extras*/
	width:90%;
	font:12px "Verdana", sans serif;
	color: #996600;
}

tr{
	vertical-align:top;
	text-align:left;
}
	
ul,li {/*style for the navigation box*/
	list-style-type:none;
}

/************************************************************************************/
/*classes*/

.border{/*border of each photo in "photo.php" & "map.php"*/
	border:2px groove #996600 ; /*CCB866*/
	margin-bottom:3px;
	background-color: transparent;
	background-image: none;
}

.center{/*centers the comment under each photo*/
	text-align:center;
}

.contact-bg{
	background-image:url(../images/contact-bg.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

div.middle{/*centers thumbnails in the "mini" box*/
	width:170px;
	height:170px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

div.mini{/*contains one thumbnail only*/
	width:170px;
	height:170px;
	text-align:center;
	float:left;
	margin:9px;
	background-color:#FFFFFF;
	border-width :1px 2px 2px 1px;
	border-color:#999999;
	border-style:solid;
}
	
.field{/*form fields style*/
	font:12px "Verdana", sans serif;
	color:#996600;
	border:none ;
	background-color: transparent;
}

.field-msg{/*form fields style*/
	font:12px "Verdana", sans serif;
	color: #F5DFB8;
	border:none;
	background-color: transparent;
	background-image:url(../images/contact-bg.png);
	background-repeat:no-repeat;
	padding:15px 48px 15px 20px;;
	width:auto;
}

.footer-txt{
	padding-top:76px;
	padding-left:90px;
}

.legend{/*legend of each thumbnail*/
	font:12px "Verdana", sans serif;
	color: #996600;
}

.main{/*style for the "contents" box in the different galleries*/
	margin-left:120px;
	width:570px;
	text-align:justify;
}

.main-index{/*style for the "contents" box in the index page*/
	text-align:justify;
	margin-left:120px;
	width:580px;
}

.main-photo{/*style for the "contents" box in "photo.php" & "map.php"*/
	text-align:center;
	padding-left :20px;
	margin-left:160px;
	margin-right:20px;
	border-left:1px solid #996600;
}

.resolutions{/*width of the cells*/
	width:150px;
	text-align:left;
}

.send{
	background-color:#c7b070;
	font:bold 12px "Verdana", sans serif;
	color:#ffffff;
	border:2px groove #996600 ; 
	padding:3px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.small{/*text at the bottom of "index.php"*/
	font:9px "Verdana", sans serif;
	color: #996600;
	text-align:center;
}

.separate{/* color of the separation at the bottom of each page*/
	border-top :1px solid #996600;
	text-align:center;
	padding-top: 3px;
}

.spacing {/*spacing between boxes*/
	clear:both;/*leaves the height of one line above and under the box */
}

.wallpapers{/*width of the cells*/
	width:150px;
}

.warning {	
	font:12px "Verdana", sans serif;
	color: #B2900A;
	font-weight:bold;
}	
	
/***************************************************************************************/	
/*identifiers*/

#comment{/*position of the text of a comment in the photo and map pages*/
	height:auto;
	width:165px;
	position:absolute;
	top: 570px;
	right:90px;
	font:12px "Verdana", sans serif;
	color: #996600;
	text-align:left;
}

#footer{
	width:936px;
	height:158px;;
	text-align:center;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position: bottom;
	margin: 0px auto -54px auto;
}

#header{/*main nav + page title*/
	width: 850px;
	height: auto;
	text-align:left;
	margin-left:120px;
}

#nav{/*sidebar position*/
	padding-right:60px;
	margin-bottom:-70px;
	padding-top:50px;
	height:297px;
	width:204px;
 	z-index:1;
	background-image: url(../images/nav-bg.png);
	background-repeat:no-repeat;
	float:right;
}

#navigation li a {/*menu list in the sidebar*/
	display:block;
	font:bold 12px "Verdana", sans serif;
	color:#996600;
	text-align:left;
	margin:4px 0px 4px 0px;
	padding:3px;
	width:130px;
	border: none;
	line-height:10px;

}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {/*menu list*/
	border-left: 3px solid #663300;
}

#page { 
	text-align: center;
	width: 984px;
	margin: 30px auto 0px auto;
	position: relative;
	padding-bottom:10px;
	height:auto;
	background-image: url(../images/page-bg.png);
	background-position:center top;
	background-repeat:repeat-y;
}

#thumbnails-box{/*position of the thumbnails box*/
	width:580px;
	height:auto; 
	float:left;
	padding-top:20px;
}

#tips{
	position:absolute;
	top: 600px;
	right:14px;
	height:360px;
	width:260px;
	background-image: url(../images/tips-clip-bg.png);
	background-repeat:no-repeat;
}

#tips-txt{/*position of the text of a tip*/
	margin-left:/*20*/40px;
	margin-top:/*130*/90px;
	height:auto;
	width:160px;
	font:12px "Verdana", sans serif;
	color:#663300;
	text-align:justify;
	line-height:14px;
}

/******************************************/
/*images*/

#lichen{
position:absolute;
top:760px;
right:44px;
}

#jayfeather{
position:absolute;
top:590px;
right:80px;
}