/* Gallery CSS
Modified 2016-02-22 - wide body, centred
*/

/* LAYOUT */

body {
/* 	width:1000px;*/
	width:900px;
	padding:0;
	margin:auto;
  	background-color: #222;
	color: #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}


#albumnav {
	float:left;
/*	width:180px; */
	width:150px;
	}

#content {
	border:1px solid #222; /* prevents collapsing margin bug in Firefox */
	padding-top:0px;
	/* margin-right:230px; */
	margin-right:160px;
	float: right;
	width: 580px;
	}
	
	
/* LH nav bar */
#albumnav img{
	margin-bottom:10px;
	}

	
#albumnav ul {
	margin:0px;
	padding:0px;
	}
	
#albumnav ul li {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888;
	font-weight:bold;
	list-style-type:none;
	padding:0;
	margin:0;
	/* background-color:black; */
	}
	
#albumnav ul ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
	margin-bottom:10px;
}

#albumnav ul li ul li {
	font-weight:normal;
	font-size:11px;
	line-height:150%;
	}

#albumnav a:link {color:#888; text-decoration:none}
#albumnav a:visited {color:#888; text-decoration:none}
#albumnav a:hover {color:white; text-decoration:none}
#albumnav a:active {color:#888; text-decoration:none}


h1 { font-size:22px;
	margin-top:20px;
	}
h2 {font-size:16px;}
h3 {font-size:14px;}

pre.small_pre {font-size:11px}

p.album_headline {
	font-size:24px;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
	}


#content a:link {text-decoration:none; color:#69F}
#content a:visited {text-decoration:none; color:#69F;}
#content a:hover {text-decoration:underline; color:#69F;}
#content a:active {text-decoration:none; color:#69F;}

	
/* back/next/index buttons */	
#imagenav  {
	margin-top:17px;
	}

#imagenav ul {
	margin:24px 0 10px 0;
	padding:0;
	}
	
#imagenav li {
	display:inline;
	margin:0 20px 0 0 ;
	padding:5px;
	background-color:black;
	font-size:18px;
	font-weight:bold;
	}

/* image and caption block */
.imageandcaption {
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	/* font-family:Arial, Helvetica, sans-serif;  */
	font-size:14px;
	}
	
.imageandcaption  img {
	display:block;
	}
	
.imageandcaption  p{
	margin-top:0px;
	margin-bottom:0;
	padding:5px;
	text-align:center;
	background-color:#333;
	}

/* Thumbnail grid */
table.thumbnail_grid {
	text-align:center;
	/* margin:10px 0px; */
	margin:0px 0px 10px 0px;
	}
table.thumbnail_grid td {
	/* border:1px solid red; */
	padding:2px;
	}
table.thumbnail_grid img {
	border-style:none;
	}

div.photolink {
	background-color:#006633;
	border-radius:10px;
	margin-bottom:30px;
	width:140px;
	padding:15px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

div.photolink a:link    {text-decoration:none; color:#ccc;}
div.photolink a:visited {text-decoration:none; color:#ccc;}
div.photolink a:hover   {text-decoration:none; color:#ccc;}
div.photolink a:active  {text-decoration:none; color:#ccc;}