@charset "utf-8";
/* CSS Document */

/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
html,body {
			height: 100%;
			margin: 0;
			padding: 0;
			overflow:hidden;
				font-family: sans-serif;

		}
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			background: rgba(0,0,0,.9);
			clear: both;
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 20px;
			position: relative;
			z-index: 1;
		}
		
		.fluid_container {
			bottom: 0;
			background:#000;
			height: 100%;
			left: 0;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 0;
		}
		
		#camera_wrap_2 {
			bottom: 0;
			height: 100%;
			left: 0;
			margin-bottom: 0!important;
			position: fixed;
			right: 0;
			top: 0;
		}
		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 20;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			z-index:20;
		}
		.camera_overlayer {
			opacity: .1;
		}
		
		span.caption {
			display:inline-block;
			position:fixed;
			text-align:center;
			top:10px;
			right:50%; /* Move it to the right for 50% of parent element */
			margin-right:-250px; /* You need here to put 1/2 of what you have below in width */
			width:500px;
			font-weight:bold; 
			z-index:10 !important;
			background-color:rgba(0, 0, 0, 0.5);
			padding:10px;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;		}
		
		span.caption h1 { color: #7c795d; font-family: 'Trocchi', serif; font-size: 2.6em; font-weight: normal; line-height: 48px; margin: 0; }
		
		span.caption .subheader { font-size: 1.2em; font-weight: 300; color: #ffcc66; margin: 0 0 24px; }
		
@media all and (max-width: 769px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
		span.caption {
			left:5px;
			width:100%;
			margin-right:0;
		}

		span.caption h1 { font-size: 1.8em; line-height: 1.1em; }
		
		span.caption .subheader { font-size: 1.1em; }


}