/*
 * Sean Donnola
 */

* {
	outline-style:none;
}

body {
	background: #fff;
	font-family: "Helvetica Neue";
	margin: 15px auto;
}

a {
	color: black;
	text-decoration: none;
}

li a {
/*	-webkit-transition-property: opacity, color;
	-webkit-transition-duration: 0.25s, 0.25s;
*/
}

/*
	header
*/
.header {
	padding-top: 25px;
	padding-bottom: 50px;
}

.header h1 {
	color: black;
	font-size: 36px;
	text-transform: uppercase;
}

.header h1 a {
	background: url('images/sean-donnola-logo.png');
	width: 290px;
	height: 28px;
	display: block;
}

.header h1 a span {
	display: none;
}

.header h1 a:hover {
	color: #888;
	/* opacity: 0.6; */
}

/**** navigation ************************************************************/
.js .navi ul { display:none }

.navi { display:block; width:140px;margin-top:18px; }

.navi ul {
	margin: 0px;
	padding: 0px;
	width:140px;
}

.navi ul li {
	list-style: none;
	margin: 0px;
}

.navi ul li a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.navi ul li a:hover,
.navi ul li a.active {
	color: #888;
}

.navi ul li a:active {
	color: black;
}

.navi ul li ul {
	padding-bottom: 20px;
}

.navi ul li ul li a {
	color: #666;
	font-weight: normal;
}

.navi ul li ul li a:active,
.navi ul li ul li a.active {
	color: black;
}

/*
	gallery
*/
.gallery {
	margin-top: 6px;
	margin-top:0;
}

/*
	icons
*/
.gallery .icons .instructions {
	float: left;
}

.gallery .icons a {
	background: url('/css/images/icons.png');
	display: block;
	float: left;
	margin-right: 6px;
}

.gallery .icons a:hover {
/*	opacity: 0.5;
  filter: alpha(opacity = 50);
	zoom:1;
*/
}

.gallery .icons a span {
	display: none;
}

.gallery .icons a.grid { width: 15px; height: 12px; background-position: 0px 0px; }
.gallery .icons a.singlePhoto { width: 15px; height: 12px; background-position: -68px 0px; display:none;}

.gallery .icons a.fullscreen { width: 15px; height: 12px; background-position: -22px 0px; }
.gallery .icons .previous,
.gallery .icons .thumb_previous { width: 6px; height: 12px; background-position: -47px 0px; }
.gallery .icons .next,
.gallery .icons .thumb_next { width: 6px; height: 12px; background-position: -58px 0px; }

.gallery,
.gallery .icons .instructions {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 11px;
}

.gallery .caption,
.gallery .paginationInfo {
	float:right;
	width:270px;
}

.paginationInfo {
	display: none;
}

.gallery .omega {
	line-height: 11px;
	text-align: right;
}

.gallery .controls { text-align:right }

.gallery .controls a { outline-style:none }

/*
	gallery with controls
*/

/*
	grid
*/
.gallery .thumbGrid {
	/* display: none; */

/*	opacity: 0;
  filter: alpha(opacity = 0);
	zoom:1; */
}



div.grid .thumbGrid {
display:hidden;
	/* display: block; */
/*	opacity: 1;
  filter: alpha(opacity = 100);
	zoom:1; */
}

.grid .images {
	/* display: none; */
	text-align:center;
/*	opacity: 0;
  filter: alpha(opacity = 0);
	zoom:1;
	z-index:1; */
}

.grid .controls a.grid {
	background-position: -68px 0px;
	width: 15px;
	height: 12px;
}

.gallery .icons .thumb_next,
.gallery .icons .thumb_previous {
display: none;
}

.grid .icons .next,
.grid .icons .previous {
	display: none;
}

.grid .icons a.fullscreen {
	display: none;
}

/* Thumbnail Grid */
.thumbGrid {display: none;height:484px;width:700px;overflow:hidden;position:relative;}
.thumbGrid ul {height:484px;width:700px;}
.thumbGrid ul li,
.thumbGrid ul li a{float:left;overflow:hidden;position:relative;display: block;height:90px;width:90px;margin:0 15px 15px 0;}
.thumbGrid ul li{margin:0 32px 15px 0;cursor:pointer;}
.thumbGrid ul li.end {margin-right:0;}
.thumbGrid ul li a{margin:0 auto;outline-style:none;}
.tester{height:40px;width:40px;}
.thumbGrid ul li.loading{background:url(/includes/style/images/loader.gif) no-repeat 50% 50%;}

/*
	and more grid
*/
.thumbGrid {
	display:hidden;
	margin-top: 3px;
}

.thumbGrid ul li a {
/*
	opacity: 0.7;
  filter: alpha(opacity = 70);
	-webkit-transition: opacity linear 0.25s;
	zoom:1;
*/
}

.thumbGrid ul li a:hover {
/*	opacity: 1;
  filter: alpha(opacity = 100);
	zoom:1;
	*/
}

/*
	info
*/
.info h2 {
	font-size: 14px;
	margin-bottom: 0px;
}

.info a:hover {
	color: #666;
}


#info-photo {
	margin-top:5px
}


/*
	footer
*/

.footer {
	position: fixed;
	bottom: 10px;
	right: 10px;
	
	color: #b2b2b2;
	font-size: 10px;
}

.footer a {
	color: #b2b2b2;
	-webkit-transition: color linear 0.25s;
}

.footer a:hover {
	color: black;
}

/* fading gallery */
.gallery {
	position: relative;
}

.gallery .images,
.gallery .thumbGrid {
	position: absolute;
	top: 25px;
	left: 0px;	
	width: 700px;
	height: 466px;
}


.gallery .images a {
	outline-style:none;
}