/*this is for the whole site  #808080= 50% grey based on ps 128 128 128, #00000 black, #ffffff white*/

body 
{ 
padding-left: .5em; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #000000; 
background-color: #808080 ; 
}

a:link 
{
color: #000000
}

a:visited 
{
color: #ffffff
}

/*border around the images*/
img {
   padding:1px;
   border:1px solid #021a40;
}


/*header section for main index page  */
h1{
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size:  18px;
    font-weight: bold;
    }

/*subcap on main index pages  and is the text under the thumb for main index, journeys and rock roll*/
.subcap
{ 
margin-top: 3px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:  14px;
text-decoration:  none;
color: #ffffff;
}

/*for link images on:  BabiesChildren, EventsParties, U2Vertigo, U2360, alaska, australia, 
CircumfrenceAroundHome, costarica, europe, hawaii, ncsc, nhme, nz, oregon, peru, teton_yelst 
#<div id =""></div>*/
.thumbs
{
/*<div style="float: left; height:160px; width:160px;">*/
	margin: 1px; /*indents*/
   	border-width: 2px;
 	border-color: #736F6E;
    border-style: solid;    /*style for thumbs only or table gets a border*/
	border-spacing:  5px; /*space between columns*/
    padding: 1%; /*spacing within cell*/
}

/*issue on gigs with id vs class*/
#thumbs
{
/*<div style="float: left; height:160px; width:160px;">*/
	margin: 1px; /*indents*/
   	border-width: 2px;
 	border-color: #736F6E;
    border-style: solid;    /*style for thumbs only or table gets a border*/
	border-spacing:  5px; /*space between columns*/
    padding: 1%; /*spacing within cell*/
}

.hometext
{
 	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size:  20px;
    font-weight: bold;
}

/*trying to get images into a single space*/	
/*didn't get this to work, did table instead
#container
{	
width: 830px;
}

#prev
{
float:  left;
width:  40px;
}

#main
{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 50px;
margin-left: 135px;
height:  610px;
width:  630px;
}

#nxt
{
float: right;
width: 40px;
}
*/
#container
{	
height: 610px;
width: 610px;
}

/*for link names on:  OtherGigs 
footer note to self . nenotes class and unlike ID (nenoted by #) it wont force linebreaks  <span class=""></class>*/
.othergigs
{
padding: 0%	 ;
float: left;
font-size:  16px;
}

/*for link names on:  OtherGigs image.php */
.footthumbs
{

}


	
/*in image.php (images folder) for caption text from db*/
#caption
 { 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-indent:  7px;
font-size: 1.2em
text-align: center;
}

/*in image.php (images folder) for 2nd caption text from db*/
#cap2
 { 
font-family: Helvetica, Geneva, Arial, SunSans-italic, sans-serif;
text-indent:  60px;
font-size: 0.775em;
font-style:  italic;
}

#footer
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:  0.775em;
}




/*all the rest of this is the little floater box "home details contac bio" on front page, detail page, contact page and bio page */
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a 
{ 
padding: 3px 10px; 
}
#navlist a:link, #navlist a:visited
{
color: #585858;
background-color: #E8E8E8;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}