/* Fixes hover pseudo-class not working for IE6
 */
html body a:hover{
	background-color:transparent;
}

#gallery{
	position:relative;
	width:288px;
	height:288px;
	min-height:288px;
	border:1px solid #e8e8e8;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

/* Float fix from positioniseverything.com
   Makes UL expand to contain LIs, which are all floating
 */
#gallery:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#gallery li{
	float:left;
	clear:none;
	margin:0px;
	padding:0px;
	vertical-align:center;
	line-height:1em;
}

#gallery li a img{
	width:16px;
	height:16px;
	margin:1px;
	padding:2px;
	border:1px solid #d0d0d0;
}

#gallery li a img.fav{
	border:1px solid #8080c0;
}

#gallery li a:hover img{
	border:1px solid #0000ff;
}

#gallery li a .galnotes{
	display:none;
}

#gallery li a:hover .galnotes{
	display:block;
	position:absolute;
	top:0px;
	left:300px;
	width:300px;
	padding:10px 0px 0px 0px;
	text-decoration:none;
}

#gallery li a .galnotes .galtitle{
line-height:1.2em;	
font-size:2em;
	font-weight:bold;
	color:#f3bc00;
	padding-bottom:15px;
	display:block;
}

#gallery li a .galnotes .galurl{
	font-size:1.2em;
	color:#00c100;
	padding-bottom:5px;
	display:block;
}

#gallery li a .galnotes .galdesc{
	margin-top:15px;
	line-height:1.2em;
	font-size:1em;
	color:#0058c8;
	display:block;
	width:250px;
}

#gallery li a .galnotes .galdate{
	margin-top:10px;
	line-height:1em;
	font-size:0.8em;
	color:#808080;
	display:block;
}