/*

Project:	Photo Flick
Title:		Screen Style Sheet
Date:		February 2006

(C) 2006 dotjay

*/



/* --- photo flick ---
*/

#photo-flick{
	float:right;

	margin-left:20px;
}

.flick{
	overflow:hidden;

	border:1px solid #000;

	width:100px;
	height:100px;
}

/* hide the actual image when flicking through */
.flick img{
	position:absolute;top:0;left:-9999px;
}

.flick .pause-start,
.flick .pause-stop{
	/* float:right; */
	display:block;
	position:relative;top:2px;left:2px;

	background:url(start-stop.gif) no-repeat 0 0;
	line-height:15px;
	text-indent:-9999px;

	width:15px;
	height:15px;
}

.flick .pause-start:focus{
	background-position:0 -15px;
	cursor:pointer;
}

.flick .pause-start:hover,
* html .flick .pause-start:active{
	background-position:0 -15px;
	cursor:pointer;
}

.flick .pause-stop{
	background-position:-15px 0;
}

.flick .pause-stop:focus{
	background-position:-15px -15px;
	cursor:pointer;
}

.flick .pause-stop:hover,
* html .flick .pause-stop:active{
	background-position:-15px -15px;
	cursor:pointer;
}