/* @override http://localhost/public/css/main.css */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*end of yahoo reset*/
/*the css below is written by Daniel Mahal, Daniel Connor and Hugo Ahlberg*/


@font-face {
	font-family: 'Alternate Gothic';
	src: url('fonts/AlternateGothicNo3-webfont.eot');
	src: local('☺'), url('fonts/AlternateGothicNo3-webfont.woff') format('woff'), url('fonts/AlternateGothicNo3-webfont.ttf') format('truetype'), url('fonts/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,
nav {
	display: block;
}

html,
body {
	height: 100%;
	background: #111;
}

body {
	font-family: "Alternate Gothic", sans-serif;
	line-height: 22px;
	overflow: hidden;
	letter-spacing: 1px;
	word-spacing: 1px;
}

a {
	color: #b6f4ff;
	-webkit-transition: color 1.5s;
}

a:hover {
	color: #fefac9;
	-webkit-transition: color 1s;
}

#content {
	position: absolute;
	width: 100%;
	height: 100%;
}

#logo {
	position: absolute;
	left: 20px;
	top: 20px;
	text-decoration: none;
	z-index: 5;

	
}
	
	h1 {
		text-transform: uppercase;
		font-size: 37px;
		line-height: 26px;
	}
		h1 small {
			font-size: 18px;
			display: block;
		}

#info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

	#info #main-nav {
		padding: 10px 20px;
		width: 100%;
		overflow: hidden;
	}
		#info #main-nav li {
			text-transform: uppercase;
			float: left;
			margin-right: 30px;
			font-size: 16px;
			color: #fff;
			white-space: nowrap;
		}
		
			#info #main-nav #current-gallery-label span {
				opacity: .7;
				margin-left: 10px;
			}
		
			#info #main-nav li a {
				/*color: #a8e0ec;*/
				text-decoration: none;
				/*-webkit-transition: color 1s;*/
			}

			#info #main-nav li a:hover {
				/*color: #fefac9;*/
				text-decoration: none;
				border-bottom: 1px #fff solid;
/*				-webkit-transition: color 1s;*/
			}
		
	#info #about {
		z-index: 5;
		display: none;
		padding: 40px 20px 18px 20px;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		background-color: #000;

		background: rgba(0,0,0,.6);
		color: #fff;
		font-size: 17px;
		overflow: hidden;
		width: 100%;
		clear: both;
	}
		#info #about h2 {
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		
		#info #about section {
			float: left;
			margin-right: 70px;
		}
		
		#info #about .biography {
			width: 370px;
			margin-bottom: 22px;
		}
			.biography p {
				margin-bottom: 10px;
				}
		
		#info #about .contact {
			margin-bottom: 44px;
		}
		
		#info #about .credits {
			color: #999;
		}
			#info #about .credits a {
				margin-left: 5px;
				/*color: #c7ebf7;*/
			}
		
			#info #about .agents .agent {
				margin-bottom: 22px;
			}
				#info #about .agents .agent a {
					text-transform: lowercase;
				}
				
				#info #about .agents .agent a,
				#info #about .contact a {
					display: block;
					/*color: #c7ebf7;*/
					text-decoration: none;
				}
#galleries {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	#galleries .gallery {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
/*		-webkit-transition-property: opacity, -webkit-transform;
		-webkit-transition-duration: 0.5s;*/
		display: none;
	}
		
		#galleries .gallery h2 {
			display: none;
		}
		
		#galleries .gallery a {
			display: block;
			float: left;
			width: 100%;
			height: 100%;
			cursor: default;
			background-position: 50% 50%;
			background-repeat:no-repeat;
		}
			#galleries .gallery a {
				overflow: hidden;
		   -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
		     -o-background-size: cover;       	  /* Opera 9.5 */
		-webkit-background-size: cover;           /* Safari 3.0 */
				background-size: cover;           		  /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
			}
			
			.csstransforms.csstransitions #galleries .gallery a {
				opacity: 0;
			}
			
			.csstransforms.csstransitions #galleries .gallery a.loaded {
				opacity: 1;
			}
		#galleries .gallery a img {
			min-width: 100%;
		}

	
#gallery-menu {
	position: absolute;
	left: 20px;
	top: 100px;
	width: 90%;
	z-index: 6;
}
	#gallery-menu .flash {
		display:none;
		text-transform: uppercase;
	}
		#gallery-menu .flash a {
			font-size: 58px;
			line-height: 60px;
			color: #fefac9;
		}
	#gallery-menu ul {
		display:none;
	}
		#gallery-menu li {
			font-size: 48px;
			line-height: 60px;
			color: #fff;
			text-transform: uppercase;
			float:left;
		}
			#gallery-menu li a {
				color: #fff;
				text-decoration: none;
				cursor: pointer;
			}
			
				#gallery-menu li span {
					margin: 0 15px;
				}
			
				#gallery-menu li.selected a,
				#gallery-menu li a:hover {
					color: #ffff99;
					border-bottom: 3px #ffff99 solid;
				}
			

#instructions {
	position: absolute;
	padding: 12px 14px;
	left: 200px;
	top: 300px;
	font-size: 18px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	z-index: 10;
	/*-webkit-box-shadow: 2px 2px 50px 0px#000;*/
}
	#instructions span {
		font-size: 15px;
		display: block;
		color: #999999;
	}
	
#context-menu
{
	display:none;
	position: absolute;
	z-index: 1000;
	font-size: 14px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 8px 12px;

}
	#context-menu ul
	{
		display:block;
		padding: 5px

	}
		#context-menu ul li a:
		{
			display:block;
			list-style:none;
			cursor:pointer;
			text-decoration: underline;
		}
		
		.share {
			margin: 20px 0px;
			border-top: 1px solid #666;
			border-bottom: 1px solid #666;
			padding: 12px 21px 5px 0px;	
			margin: 8px 0px 7px 7px;	
}
		.share, .share_twitter, .share_facebook
		{
			display: inline-block;
		}
		
		
#mobile-ui {
	display: none;

}

div#temp_link {
	text-transform: uppercase;
	font-size: small;
	color: white;
	left: 0;
	display: inline-block;
	vertical-align: top;
/*	width: 200px;
	position: absolute;
	right: 64px;
	text-transform: uppercase;
	font-size: small;
	color: #fff;
*/	
}
	

#temp_share {
	position: absolute;
	right: 10px;
	opacity: .7;
	-webkit-transition: all 1.5s;
}

#temp_share:hover {
	opacity: 1;
	-webkit-transition: all .5s;
}

#fwa {
 /* remove on 22 may 2011 */
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 4000;
}

		
/*ipad, tablets, smart phones..*/
@media only screen and (max-width: 1024px) {
	#mobile-ui {
		position: absolute;
		z-index: 4000;
		color: #b6f4ff;
		right: 0px;
		bottom: 20%;
		display: block;}
}
	#previous, #next {
		display: block;
		background: rgba(0,0,0,0.6);
		border-radius: 4px;
		font-size: 25px;
		font-family: arial, sans-serif;		
		margin: 10px -5px 0px 20px;
		padding: 10px 50px 13px 10px;
	}
}