@charset "UTF-8";
/* CSS Document */
/* JG.css */

/*#cat-index-thumbs  {
	clear:both;
	float: left;
	padding: 5px;
	width: 788px;
}*/

/*.details-cat-index-foot {
	background-repeat: repeat;
	padding: 5px;
	width: 788px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align: left;
	float: left;
	margin-top: 600px;
}


/************************/
/*  BEGIN LAYOUT  */
/************************/

/*#form {
	width: 500px;
	margin-right: 150px;
	margin-left: 150px;
}*/

/************************/
/*  BANNER STYLES  */
/************************/

/*#mainLcol {   /* CONFLICT  rename or fix JG-basic.css */
/*	width: 565px;
	float: left;
}
#mainLcol img {	/* CONFLICT  rename or fix JG-basic.css */
	/*float: left;
}


#mainRcol img {	/* CONFLICT  rename or fix JG-basic.css */
	/*text-align: center;
}
#update {	/* CONFLICT  rename or fix JG-basic.css */
	/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.143em;
	color: #993333;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 15px;
	text-align: left;
}*/

/************************/
/*  MAIN GALLERY GRID   */
/************************/
#main-content li  {
	width:200px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
}
/************************/
/*  LARGE IMAGE PAGES   */
/************************/
/*#fullplate-navigation{
	list-style:none;
	margin:5px 0 0 45px;
}
#fullplate-navigation li{
	display:block;
	width:210px;
	float: left;
}
#previous{
	text-align:left;
	margin-left: 100px;
}
#next{
	text-align:right;
}
#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}
#fullplate-navigation li a:hover{
	/*color:#333333;*/
	/*text-decoration: underline;
	color: #993333;
	font-style: oblique;
}
#fullplate-photo{
	border:solid #EEEEEE;
	border-width:0 1px 1px 0;
	width:768px;
	height: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFFFFF;
}
#photo-info {
	background-image: url(images/cccbig.png);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	width: 80%;
}
#photo-info-sm {
	background-image: url(images/cccbig.png);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	width: 55%;
}
#photo-info-xsm {
	background-image: url(images/cccbig.png);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	width: 42%;
}
.photo-info p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-align: left;
	font-size:16px;
}
.photo-info-credit	{
	text-align:right;
		font-size:12px;
}	
.details {
	background-image: url(images/cccbig.png);
	background-repeat: repeat;
	padding: 5px;
	width: 788px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align: left;
	border: thin ridge #666666;
}
.details-table {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/**************************************************/
/* THESE CONTROL POSITION OF THUMBS */
/**************************************************/
#main-content  a span  {
	position:absolute;
	left:-9999px;
}
#main-content a:hover span  {
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFFFFF;
	color:#999999;
	padding:5px 0 5px 0;
	font-size:80%;
	border:1px solid #EEEEEE;
	border-width:0 0 10px 0;	/*filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
	font-variant: small-caps;
} 
img  {
	border:3px solid #EEEEEE;/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666666 #EEEEEE #EEEEEE #666666;
 */
}
/*********************/
/* INTRO STYLES  */
/*********************/

/*#intro { 	/* CONFLICT  rename or fix JG-aboutpgs.css */
	/*font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-style: italic;
}

/************************/
/*  MAIN TEXT  */
/************************/


/*#index-thumbs  {
	width: 100%;
	clear: both;
	margin: 5px;
}

/************************/
/*  SIDEBAR  */
/************************/
#updates {
	float: right;
	width: 160px;
}

/********************************************/
/*	GALLERY INDEX PAGES             */
/*******************************************/

