/*stylesheet for wicks index*/

/* remove browser default margins and padding*/

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;

/* use command below to give divs borders when needed so as to see them clearly */
/*border:dashed thin #f00; */ 
}


body{
background-color:#000;
font-family:Gill Sans, sans-serif;
}


#wrapper{
/*center the wrapper*/
margin-top: 2em;
margin-left: auto ;
margin-right: auto ;
margin-bottom:2em;

border: solid 1px white;
background: #856E5E url(images/tourbkgrd.jpg);
width: 950px;
height:37em;
}



/* to move down buttons div and create space for future content */
#containerone{
width:50%;
height:27em;
}

/* to move down buttons div and create space for future content */
#containertwo{
float:right;
width:50%;
height:19em;
margin-top:5.5em;
clear:overflow;

}




/* styles welcome in upper left */
#wrapper #containerone #welcome{
margin-left:2.5em;
width:9em;
margin-bottom:.4em;
}


#wrapper #containerone #welcome h6{
color:white;
font-size:150%;
line-height:1em;
text-align:left;
padding-top:1em;
}




/* styles box where soundlinks reside */
#soundlinks{
margin-left:2.5em;
margin-top:3em;
line-height:2.5em;
width:20em;

}



/* Remove bullets from ul in the navbar */
#soundlinks ul{
  list-style-type:none;
}



/* style soundfile hyperlinks */
#soundlinks li{
  text-decoration:none;
  color:yellow;
  font-size:0.8em;
}



/* style audio player */
#audioplayer{
color:white;
}


/* style box behind and under audio player */
#clickhere {
margin-left:4em;
margin-top:6.5em;
color:#cc9900;
background-color:#111;
width:15em;
height:9.6em;
opacity: .5;
filter: alpha(opacity=50);
font-size:80%;
}

/* style caption under audio player */
#clickhere p{
margin-top:.5em;
text-align:center;
}




/* Remove bullets from ul in the links box */
#containerone #linksbox ul{
  padding-top:.1em;
  list-style-type:none;
}




/* style linksbox hyperlinks */
#containerone #linksbox li a{
  color:white;
  font-size:0.7em;
text-decoration:none;
}




/* allow for room between "visit" and list of links */
#containerone #linksbox h4{
padding:.2em;
font-size:70%;
}




h6{
color:white;
align:center;
}




/* to space nav buttons apart */
.cellpadding{
padding: 0 1.1em 0 1.1em;
}



/* to center mailing list type */
#mailinglist {
position:absolute;
top:35em;
left:23.5em;
color:#cc9900;
}





/* for use when adding mailing list/form link */
#mailinglist a:link{
color: #cc9900;
text decoration: none;
}

#mailinglist a:visited{
color: #cc9900;
text decoration: none;
}

#mailinglist a:hover{
color:#ffffff;
text decoration: none;
}

#mailinglist a:active{
color: #cc9900;
text decoration: none;
}



/* for styling mp3 links */
#soundlinks a:link{
color: #cc9900;
text-decoration: none;
}

#soundlinks a:visited{
color: #cc9900;
text-decoration: none;
}

#soundlinks a:hover{
color:#ffffff;
text-decoration: none;
}

#souldlinks a:active{
color: #cc9900;
text-decoration: none;
}



#photocredit{
margin-top:1.75em;
color:white;
font-size:90%;
width:100%;
}




/* for use when adding mailing list/form link */
#photocredit a:link{
color: #cc9900;
text decoration: none;
}

#photocredit a:visited{
color: #cc9900;
text decoration: none;
}

#photocredit a:hover{
color:#ffffff;
text decoration: none;
}

#photocredit a:active{
color: #cc9900;
text decoration: none;
}



#photocredit a img{
text-decoration: none;
border:none;
}





/* button images */
#buttons img{
border:solid 2px #c90;
}

/* to style buttons */
#buttons a:link img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:visited img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:hover img{
border-color:#ffffff;
text-decoration: none;
}

#buttons a:active img{
border-color: #cc9900;
text-decoration: none;
}


#wrapper #buttons .centertable {
	margin-right: 2em;
	margin-left: 1em;
}

#wrapper #content #housetourlink p{
line-height:1em;
color:white;
margin-bottom:.5em;
text-align:center;
}

/* to get rid of blue link and underline */
#wrapper #content #housetourlink a{
color:white;
text-decoration:none;
}

/* to get rid of blue link and underline */
#wrapper #content #housetourlink span{
font-size:82%;
}

#scroll {
height: 18em;
width: 22em;
overflow: auto;
border: 1px solid #666;
padding: 8px;
margin-left:2.5em;
margin-top:2.25em;
}

#scroll h3{
color:#c90;
margin-bottom:.5em;
margin-top:.75em;
}

#scroll p{
color:white;
}

#scroll h4{
color:white;
font-size:95%;
margin-bottom:.1em;
}

#scroll ul li{
color:white;
}

#scroll a{
text-decoration:none;
}

#scroll a:link{
color: #cc9900;
text-decoration: none;
}

#scroll a:visited{
color: #cc9900;
text-decoration: none;
}

#scroll a:hover{
color:#ffffff;
text-decoration: none;
}

#scroll a:active{
color: #cc9900;
text-decoration: none;
}


/* to style holiday message and adjust line height */
#scroll span{
line-height:1em;
font-size:65%;
}
