/*@import url(../default.css); /* ses default style sheet */

/* Combined Index/Media styling */

#iHeader, #iCaption, #mNavigation, #mCaption {
	font-family: verdana, sans-serif;
	background-color: white;
	color: #333366;  /* dark purple */
	/*color: red;  /* testing */
	}

/* Styling on the Index page */

#iBody { background: white; }
#iHeader {}
#iHeadLeft {
	font-size: larger;
	font-weight: bold;
	}
#iIndex {}
#iHeadRight { color: #888; }
#iThumbs3 td { width: 33.3%; }
#iThumbs4 td { width: 25.0%; }
.iPreview {	/* thumbnail icon */
/*	width: 120px; /**/
	border: 10px solid blue;
/*	border-image: url("extras/photoShadow.png") 0 6 6 0 stretch stretch; /**/
/*	border-image: url("extras/photoShadow2.gif") 0 10 10 0 stretch stretch; /**/
	display: table-cell; 
	} 
.iPreview img {
	background: white;
	border: 1px solid #CCC; 
	padding: 4px; 
	}
.iPreview img:hover {
	border: 1px black solid;
	}
.iCaption { 
	width: 180px;
	/* font-size: larger; /**/
/*	border: 1px orange solid; /**/
/*	text-align: center; /**/
/*	margin: 10px;
	margin-top: 15px; /**/
	}
#iFooter {}
#iFootTop {}
#iFootBottom {
	clear: both;
	font-size:smaller;
	color: #888;
	text-align: center;
	}



/* Styling on the Media page */

#mBody {	}
#mNavigation {
	margin: 10px;
	font-size: smaller;
	font-weight: bold;
	}
#mLast {
	vertical-align: middle;
	margin-right: 3px;
	}
#mNext {
	vertical-align: middle;
	margin-right: 10px;
	}
#mHome {
	vertical-align: middle;
	margin-right: 10px;
	}
#mCreated { 
	vertical-align: middle;
	}
#mCaption { 
/*	border: green solid 1px; /* testing */
	font-size: larger;
	margin: 10px;
	}
#mMedia { /* full-sized picture */
	float: left; 
/*	padding: 10px; /**/
/*	border: 1px blue solid; /**/
	background: url(extras/shadowAlpha.png) no-repeat bottom right !important;
	background: url(extras/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important; /**/
	margin: 10px 0 0 5px;
	}
#mMedia img {
	display: block;
	padding: 10px;
	position: relative;
	background-color: #fff;
	border: 1px solid #CCC; /**/
	margin: -6px 6px 6px -6px; 
	}
#mCredit { 
	display: none; 
	}