@charset "utf-8";
/* coding: utf-8 / charset=utf-8 */
/* http://www.themerrypoppins.com/css/hoverbox.css */

/*
 * Hoverbox by Nathan Smith
 *
 * http://sonspring.com/
 * http://sonspring.com/journal/hoverbox-image-gallery
 */

.hoverbox {
	cursor:default;
	list-style:none;
}

div.hoverbox {
	text-align:center;
}

.hoverbox ul {
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

.hoverbox a {
	cursor:default;
}

.hoverbox a .preview {
	display:none;
}

.hoverbox a:hover .preview {
	display:block;
	left:-95px;
	position:absolute;
	top:-70px;
	z-index:1;
}

.hoverbox img {
	border:1px solid gray;
	background:#d9d9d9;
	height:150px;
	padding:1px;
	vertical-align:top;
	width:200px;
}

.hoverbox li {
	border:1px dashed gray;
	display:inline;
	float:left;
	margin:5px;
	padding:5px;
	position:relative;
}

.hoverbox .preview {
	border:1px solid gray;
	height:300px;
	width:400px;
}