/* containers */
div#subBody{
	text-align:left;
	margin:0 auto;
	width:890px;/* gonna set this dynamically */
}

td.thumb{
	background: #eee; 
	border: 1px solid #7A7A7A; 
	padding: 4px;
	text-align:center; 
}
td.selected{
	background:#FFFFCC;
}

/* -------------------------------------------------- */
/* prev/next/help buttons */
ul#photosNav{
	list-style:none;
}
ul#photosNav li{
	float:left;
	margin: 2px;
}
ul#photosNav a{ 
	display:block;
	font-size: 1em;
	padding: 3px 4px;
	line-height: 120%;
	border: 1px solid #CAD9DB;
	text-decoration: none;
} 
ul#photosNav a:hover {
	border: 1px solid #000;
	color: #333;
	background-color: #CAD9DB;
	text-decoration: underline;
} 
ul#photosNav a.start {
	color: #275B24;
	background-color: #ECF1D8;
}
ul#photosNav a.stop {
	color: #7C0701;
	background-color: #FCB1C0;
}

/* -------------------------------------------------- */
div#photosHeader{
	margin-bottom:10px; 
}
div#paging{
	float:right;
	padding-top:4px;
}
div#photosNavBar{ 
	height:20px; 
	margin:0 -15px;
	background:url("/photos/images/patternnav.gif") left top repeat-x; 
	padding: 2px 8px;
	border-bottom:6px solid #D3D3D3;
}

div#photoInfoBox{
	float:left;
	width:325px;
}
div#photoThumbsBox{
	float:right;
	/* width:265px; */
}
div#photoThumbsBox td{
	width:120px;
}

/* -------------------------------------------------- */
div#thePhotoBox{
	margin-bottom:35px;
	text-align:center;
}
div#caption{ 
	padding:3px 12px; 
}
div#caption p{
	width:auto;
}
div#photoInfo{
	padding:3px 12px; 
	font-style: italic;
	color:#999; 
}
div#photoTitle { 
	font-size: 14px; 
	color:#333; 
	font-weight:bold; 
	padding:1px 12px;
}
div#photoPermaLink{ padding:0 12px;}
div#photoExtra1{ padding:0 12px; }


/* page index for thumbnails, i.e. "1 2 all" used to choose thumbnail page */
span#pgidx a { 
	font-size: 1em;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #CAD9DB;
	text-decoration: none;
} 
span#pgidx a:hover {
	border: 1px solid #000;
	color: #fff;
	background-color: #2143CB;
	text-decoration: underline;
}