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

	body { background: rgb(255,255,255); }
	

/* ============
		ALL: Header
	 ============ */
	#headline 	{ width: 100%; font-weight: normal; position: relative; margin-top: 15px; }
	h1.h3 { font-size: 2.0em; }
	#byline 		{ margin-top: 16px; line-height: 15px; font-size: 1.5em; }
	.lt-ie9 #byline { margin-top: 0; font-size: 15px; }
	#counter		{ position: absolute; top: 0; right: 0; width: 10%; margin: 0; padding: 0; font-size: 1.0em; text-align: right; }

/* ============
		ALL: Main
	 ============ */
#main { padding: 15px 0; }

	#showcase-container aside figure img { margin-bottom: 15px; }
	#new-gallery img { display: block; width: 100%; max-width: 100%; margin-bottom: 15px; }

	#prev { left: 0; display: none; }
	#next { right: 0; display: none; }


@media only screen and (min-width: 768px) {
/* ============
		WIDE: Header
	 ============ */
	h1.h3 { font-size: 1.5em; }


/* ============
		WIDE: Main
	 ============ */
#main { padding: 0; }

	
	#showcase-container article{	 /* 486.486px */
		float:left;
		width:70%;
		margin-right: 3%;
	}
	
	#caption { display: none; }
	
	#showcase-container article section { padding-top: 469px; }
	
		#curtains { position: absolute; top: 49px; width: 570px; overflow: hidden; }
			#new-gallery { position: relative; width: 570px; height: 414px; overflow: hidden; }
				#new-gallery img { display: block; width: 570px; height: 414px; margin-bottom: 0; }
			#prev, #next { position: absolute; top: 375px; width: 80px; height: 34px; z-index: 999; }
		
	#showcase-container aside {	 /* 179.6256px */
		float:left;
		width:27%;
	}
	
	#backLink { display: none; }

			
	#footer-container footer {
		margin-top: -50px;
		line-height: 18px;
		text-align: right;
	}
}

@media only screen and (min-width: 960px) {

/* ===============
		Maximal Width
	 =============== */

	.wrapper{
		width: 806px; /* 844px - 2.22% for padding */
		margin:0 auto;
		padding: 0 1.11%;
	}
}