/* CSS Document 

Image Browse Scrollable CSS
http://design.jessierauch.com
by Jessie Rauch

c.2009-2010 All rights reserved. This CSS may not be duplicated for any purpose.


*/

/* Interface
----------------------------------------------------------------------------- */

.items img {
		margin:0;
}
.items div {
		display:block;
		float:left;
} 
#scrollable {
		position:relative;
		clear:both;
		margin:auto;
		width:100%;
		height:504px;
		overflow:hidden;
}
#scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin-left:80px;
		overflow:hidden;
		z-index:2000;
}
.scrollable .active {
		z-index:3000;
		position:relative;
}
#identity div {
		margin:20px;	
}
#identity img {
	background: url(../images/interface/1x1_alpha.png) repeat left top;
}
#scrollable .project a {
		cursor:default;	
}
#scrollable .endcap {
		height:504px;	
		width:360px;
}
.endcontrols {
		position:relative;
		margin:0px auto;
		top:33%;	
		
}
.endcontrols a {
		background:transparent url(../images/interface/pophover_bg.png);
		font-size:14px;
		text-align:center;
		color:#CCC;
		width:100%;
		padding:10px;
		display:block;
		border: 1px solid #333;
		-moz-box-shadow: 2px 2px 6px #111; 
    	-webkit-box-shadow: 2px 2px 6px #111;
		cursor:pointer !important;
		cursor:hand !important;
}
.endcontrols a.details { padding:40px 10px; color:#FFF; font-size:16px;}
.endcontrols a.span { color:#CCC; }
.endcontrols a:hover { color:#FFF; }