/*  CSS file for the photo viewer on theshortbusrocks.com */

.galleria{
	list-style:none;
	width:200px
}
.galleria li{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}
.galleria li a{display:none}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption{
	display:block;
	padding-top:.5em
}
/* * html .galleria li div span{width:400px} /* MSIE bug  */

body{
	padding:0px;
	background:white;
	text-align:center;
	background:black;
	background-image: url(images/diamondplate.gif);
	background-repeat: repeat;
	color:#bba;
	font:80%/140% georgia,serif;
}
h1,h2{
	font:bold 80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
}

/*	a{
		color:#fff;
		text-decoration:none;
		outline:none;
	}
	a:link{color:#fff;}
	a:hover{color:#fff;}
*/
/*.caption{font-style:italic;color:#000;}  /* under main image */
.demo{
	position:relative;
	margin-top:5px; 
}
/*  parameters for ROW of thumbnails */
.gallery_demo{
	width:750px;
	margin:0 auto;
}
/* parameters for EACH thumbnail */
.gallery_demo li{
	width:85px;
	height:85px;
	border:3px double #000;  /* border around all unselected thumbnails */
	margin:2px 2px;
	background:#bba; /* color of mask over all unselected thumbnails */
}
/* border around thumbnail that has been selected (ie displayed in large frame) */
.gallery_demo li.active{border-color:#623;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

/* black frame upon which the large photo sits */
#main_image{
	margin:0px 0px 0px 0px;
	height:auto;
	width:775px;
}
#main_image img{margin-top:5px; margin-bottom:5px;}

.nav{
	font:80% 'helvetica neue',sans-serif;
	color:#fff;
	text-align:center;
	letter-spacing:3px;
	text-transform:uppercase;
}
	
.nav a:link{
	color:#fff;
	text-decoration:none;
}
.nav a:visited{
	color:#fff;
	text-decoration:none;
}
.nav a:hover{
	color:#fff;
	text-decoration:none;
}
.nav a:active{
	color:#fff;
	text-decoration:none;
}

/* Large text above main pic - used for gig venue & date */
.gig_heading{
	width:775px;
	color:#fff;
	font:24px 'helvetica neue',sans-serif;
	text-align:center;
}


/* small text below main pic - used for photographer credit */
.photog{
	font:80% 'helvetica neue',sans-serif;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:3px;
	text-transform:uppercase;
}

.photog a:link{
	color:#FFFFFF;
}
.photog a:visited{
	color:#FFFFFF;
}
.photog a:hover{
	color:#FFFFFF;
}
.photog a:active{
	color:#FFFFFF;
}