﻿/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| */
/* Using the photo display related css only */

#photos
{
    width: 700px;
    margin-left: 24px;
}

#photos img
{
    background:white none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    margin:3px 20px 0 0;
    padding:5px;
}

#photos a, #photos a:hover
{
    border-bottom:solid 0px #DDDDDD;
}

/*#photos a span
{
	position:absolute;
	left:-9999px;
}

#photos a:hover span
{
    top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	//-moz-opacity:.8;
	//	opacity:.80;
}

/*#photos li
{
    width:200px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
    // uncomment and adjust this if you want a rounded frame in Mozilla browsers
	    -moz-border-radius:20px;
     //
	background:#FEFEFE;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}



#altphotos
{
    width:535px;
    margin-left: -25px;
}

#altphotos a span
{
	position:absolute;
	left:-9999px;
}

#altphotos a:hover span
{
    top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	//-moz-opacity:.8;
	//	opacity:.80;
}

/*#altphotos li
{
    width:200px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
    //uncomment and adjust this if you want a rounded frame in Mozilla browsers
	//  -moz-border-radius:20px;
    //
	background:#FEFEFE;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}*/