/*Brundibar Arts Festival Website 2016 Memories Stylesheet*/


/* =================== Styles ============================= */
@import url(https://fonts.googleapis.com/css?family=Special+Elite);

	body {
	
	background: 		#fff;
	margin: 		0;
	
	padding: 		0;
	
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 		90%;
	background-image:	url("../images/MusiciansUsedNoYear.jpg");
	background-repeat:	no-repeat;
	background-position: 	center top; 
	}

	.memories-container {

	width: 			1100px; 	
	overflow: 		hidden; 
	margin-right: 		auto;
	
	margin-left: 		auto;
	
	margin-top: 		0px;

	/* background: 		#FFFFFF; 
	border:			1px solid #000000;*/

	
}

	.memories-container-top {
	margin:			0px 20px 0px 20px;
	width:			1060px;
    	height: 		425px;
	}

	.memories-page-header {
    	margin: 		20px 0px 10px 10px;
	padding:		40px 15px 210px 165px;
    	width: 			600px;
    	height: 		50px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size: 		20px;
    	line-height: 		1;
	color: 			#2880c8;
	}


	.memories2016 {
	width:			auto;
	text-align: 		left;
	margin:			20px 0px 25px 0px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size: 		28px;
    	line-height: 		1;
	color: 			#8c1e2e;
	}

	.instructions-holder {
	padding:		0px 0px 10px 50px;
	height:			120px;
	width:			auto;
	border-bottom: 		1px solid #298bcc;
	}

	.instructions-holder .goback-links {
	font-family:		Verdana, Arial, Helvetica, sans-serif;

	font-size: 		16px;
	font-weight:		bold;
	text-align:		right;
	margin:			35px 0px 35px 0px;
	}

	.instructions-holder .goback-links a:link, a:visited {
    	color: 			#0483d6; /* MedBlue */
    	text-decoration: 	none;
	}

	.instructions-holder .goback-links a:hover, a:active {
    	color: 			#8c1e2e; /* DeepRed */
    	text-decoration: 	none;
	}


	.instructions-holder .goback-links {
	float: 			left;
	width:			auto;
	font-family:		Verdana, Arial, Helvetica, sans-serif;

	text-align: 		left;
	}

	.instructions {
	float: 			left;
	width:			auto;
	font-family:		Verdana, Arial, Helvetica, sans-serif;

	text-align: 		left;
	padding:		0px 100px 0px 0px;
	}

	.event-header {
	margin:			20px 0px 15px 50px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size: 		20px;
    	line-height: 		1;
	color: 			#8c1e2e;
	}


/* =================== Main Content Styles ============= */

	.memories-main-content {
	width:			1060px;
	margin:			20px 20px 20px 20px;
	min-height:		500px;	
	clear:			both;
	}

	.memories-yearend {
	width:			auto;
	text-align: 		left;
	margin:			0px 0px 35px 0px;
	border-top: 		5px double #298bcc;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size: 		28px;
    	line-height: 		1;
	color: 			#298bcc;
	}

	.memories-schulhoff {
	margin:			5px 0px 20px 50px;
	border-bottom: 		1px solid #298bcc;
	padding:		0px 0px 40px 0px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		16px; 
	font-weight:		normal;
	line-height:		1.5;
	color:			#000;
	}


	.memories2016 .memories-page-menu {
	margin:		0px 20px 0px 40px;
	padding:	0px 20px 0px 20px;
	background-color:	#c6dde7;
    	text-align: 		center;
	font-size:		15px;
    	 /* color: 			#31a0ff; Blue */
    	text-decoration: 	none;
	}


	.memories2016 .memories-page-menu a:link, a:visited {
    	color: 			#31a0ff; /* Blue */
    	text-decoration: 	none;
	}

	.memories2016 .memories-page-menu a:hover, a:active {
    	color: 			#8c1e2e; /*Red */
	}



	.reset			{
	clear:			both;
	}

/* =================== End Main Content Styles ======== */

/* =================== Nav Bar Styles ========================== */

	ul {
    	list-style-type: 	none;
    	margin: 		0;
    	padding: 		0;
	}

	#navigation_container {
	float: 			right;

	margin:			40px 0px 10px 0px;	
   	/* width: 		715px; */
	width: 			1025px;
	height:			48px;
	/*background: 		#298bcc; */
	}

	#navigation {
   	/* width: 		715px; */
	width: 			1025px;
	list-style-type:	none;
	margin:			0;
	padding:		0;
	overflow: 		hidden;
	}

	#navigation li {
	float: 			left;
	margin:			2px 15px 2px;
	}

	#navigation a {
    	display: 		block;
    	width: 			auto;
    	text-align: 		center;
	font-size:		16px;
	}

	#navigation li a:link, a:visited {
    	display: 		block;
    	width: 			auto;
    	font-weight: 		bold;
    	color: 			#31a0ff; /* Blue */
    	text-decoration: 	none;
        margin-top: 		2px; 
	margin-bottom:		2px;
	}

	#navigation li a:hover, a:active {
    	color: 			#8c1e2e; /*Red */
	}

	#navigation li a:hover {
        margin-top: 		2px;
	margin-bottom:		2px;
	} 

	#navigation li#thispage a {
	color: 			#8c1e2e; /* Red */
        margin-top: 		2px;
	margin-bottom:		2px;
	}

	.sub-menu {
    	display: 		none;
    	position: 		absolute;
    	z-index: 		1;

	}

	.sub-menu a {
	margin: 		1px 0px 1px 30px;
	padding: 		4px 4px 4px 4px;
	background-color:	#c6dde7;
	}


	#navigation :hover .sub-menu {
	 display: 		inline;
	}

/* ===================== End Nav Bar Styles ===================== */



/* =================== Hoverbox Styles ================ */
	.hoverbox {
	cursor:			default;
	list-style:		none;
	}

	.hoverbox a {
	cursor:			default;
	}

	.hoverbox a .preview {
	display:		none;
	}

	.hoverbox a:hover .preview {
	display:		block;
	position:		absolute;
	top:			15px;
	/*right:			0px;*/
	z-index:		1;
	}

	.hoverbox img {
	background:		#fff;
	/* border-color:		#555;
	border-style:		solid;
	border-width:		1px;
	color:		#000; */
	padding:		2px;
	vertical-align:		top;
	width:			250px;
	}

	.hoverbox li {
	background:		#fff;
	display:		inline;
	float:			left;
	margin:			5px;
	padding:		3px;
	position:		relative;
	text-align:		center;
	}


	.hoverbox .preview {
	border-color:		#000;
	width:			800px;
	}

	.hoverbox a {
	position:		relative;
	}

	.hoverbox a:hover {
	display:		block;
	font-size:		100%;
	z-index:		1;
	}

	/*.hoverbox a:hover {
	top:			-100px;
	left:			-5px;
	} */

	.hoverbox li {
	position:		static;
	}


/* =================== End Hoverbox Styles ========= */


/* =================== Pictures Styles =============*/

	.artist-picture {
	width:			auto;
	height:			auto;
	padding:		0px 80px 0px 80px;
	border-bottom: 		1px solid #298bcc;
	}

	.image-details {
	width:			auto;
	}

/*	.artist-name-container {
	width:			auto;
	height:			50px;
	}


	.artist-name {
	list-style:		none;
	}

	.artist-name li {
	display:		inline;
	float:			left;
	margin:			5px;
	padding:		3px;
	position:		relative;
	width:			183px;
	height:			49px;
	position:		static;
	} */





/* =================== End Pictures Styles =========== */

/* ===================== Footer Styles =========================== */
	.memories-footer-container {
	margin: 		5px 20px 20px 20px;
	
   	width: 			1058px;
	height:			300px;
	text-align: 		center;
	/* white-space: 		nowrap; 
	overflow: 		hidden; */
	}

	.memories-footer-content {
	width:			1056px;
	height:			auto;
/*	display: 		inline-block;  */
	vertical-align: 	middle;
	padding:		5px 10px 20px 10px;
	}

	.memories-footer-content {
	*display: 		inline;
	*margin: 		0 20px 0 20px;
	}

	.memories-footer-content .memories-quote {
	font-family: 		'Special Elite', serif;
	font-size:		22px; 
	font-weight:		bold;
	line-height:		1.0;
	color:			#000;
	}

	.memories-footer-content .memories-quote-author {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		16px; 
	font-weight:		normal;
	line-height:		1.5;
	color:			#000;
	}

	.memories-footer-reg {
	width:			1056px;
	height:			30px;
	vertical-align: 	middle;
	padding:		20px 10px 20px 10px;	
	color: 			#045288;
	}




/* ===================== EndFooter Styles ======================== */

/* ===================== Video Styles =========================== */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ===================== EndVideo Styles =========================== */