/*!
 * Imagebox • JavaScript Application
 * Version 2.0.0
 * http://codecanyon.net/item/imagebox-image-viewing-script/89035
 *
 * Copyright (c) 2009-2012, Sarathi Hansen
 *
 *
 * THIS FILE IS PART OF THE Imagebox v2 LIVE DEMO
 */

/* @group Structure */
	
	body {
		margin: 0;
		background: #4d4839;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	#wrapper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		background: #252525;
		padding: 10px 10px;
		padding-bottom: 80px;
	}
	
	#title, .browser, #logo, .view-large { background: url(images/sprite.png); }
	
/* @end */


	
	
/* @end */

/* @group Title */
	
	h2 {
		margin: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
		font-family: Helvetica, Arial, sans-serif ;
		font-size: 16px;
		color: #fff;
	}
	
	h2 small {
		display: block;
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
		color: #666;
		margin: 10px 0;
		line-height: 20px;
		margin-left: 15px;
	}
	
/* @end */

/* @group Thumbnails */
	
	.thumbnail {
		display: inline-block;
		position: relative;
		margin: 3 8px;
		border-bottom: 0px;
		cursor: pointer;
		z-index: 5;
	}
	.ib-notrigger { cursor: default; }
	
	.cover {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: black url(images/zoom.png) no-repeat center;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-o-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
	}
	
	.thumbnail:hover .cover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: 0.5;
	}
	
	.view-large {
		cursor: pointer;
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		background-position: -240px 0;
		top: -6px;
		left: -6px;
	}
	
/* @end */

/* @group Misc. */
	
	img {
		vertical-align: bottom;
		border: 3;
		margin-bottom: 10px;
		margin-top: 15x;		
	}
	
	a {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
	}
	a:hover { text-decoration: underline; }
	
/* @end */