html{margin:0px;padding:0px;height:100%;}
@font-face
{font-family: level; src: url('../fonts/ColabThi.otf');}

body{margin:0px;padding:0px;font-family:Level ,Arial,sans-serif;text-align:center;background:#ffffff;color:#202020;width:100%;height:100%;font-size:100%;}
img{border:0px;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
}


/*0 to 480*/
@media screen and (min-width: 0px) {body{font-size: 30%;}} /*phone*/
/*481 640*/
@media screen and (min-width: 481px) {body{font-size: 40%;}}
/* 641 - 900*/
@media screen and (min-width:640px) {body{font-size: 50%;}} 
/*900 - 1400*/
@media screen and (min-width:901px) {body{font-size: 60%;}}/*ipad  iphone phone*/

@media screen and (min-width:1100px) {body{font-size: 80%;}}/*laptop*/

@media screen and (min-width: 1800px) {body{font-size: 100%;}}


		a{text-decoration:none;color:#111111}
		a:visited{text-decoration:none;color:#111111;}
		p{text-align:justify;font-size:1em;line-height:1.4em;font-family:level;color:#444444;}
		h1 {color:#505050;text-align:left;font-size:2em;font-family:level , Arial, sans serif;font-weight:100;}
		h2 {color:#505050;text-align:left;font-size:2.0em;} 
		h3 {color:#505050;text-align:left;font-size:1.4em;}
		div{border:0px solid #333333;font-size:1.2em;font-family:Level ,Arial,sans-serif;}
		hr{color:#333333;margin:20px 0px;}
		div.centered{width:80%;margin:0% auto;}


		div#foldHolder{width:100%;display:inline-block;background:#ba8a68;position:fixed;top:0%;left:0%}
			div#foldImage{display:inline-block;width:100%;}
				div#foldImage  img{width:100%;-webkit-filter: sepia(100%);}
			
			
		div#wrapper{width:100%;position:absolute;z-index:500;top:70%;}	
			
			
		/*header*/
		div#headerContainer{display:inline-block;width:100%;position:relative;text-align:center;z-index:100;left:0px;top:0%;background:url('../img/filmblacktop.png') repeat-x;background-position:0% 55%;background-size:1%;}	
		img#titleImage{position:absolute;width:18%;left:41%;top:8%;z-index:10;}	
		div#linkBar{position:absolute;z-index:5;bottom:10%;left:0%;width:100%;height:30%;width:100%;border-bottom:.3em solid #010101;}
		div#bottomDecorSpacer{position:absolute;z-index:1;bottom:5%;height:5%;width:100%;}
		div#bottomDecor{position:absolute;z-index:0;height:5%;bottom:0%;width:100%;}	
		div#bottomMerger{background:#ffffff;position:absolute;z-index:-1;bottom:0%;width:100%;height:10%;}
			div#linkList{width:100%;position:absolute;bottom:10%;}
			a.linkList{display:inline-block;font-size:1em;font-weight:bolder;height:100%;text-shadow: 1px 1px 1px #ffffff;}
			a.linkList:hover{color:#ffffff;text-shadow: 2px 2px 4px #000000;}
			div.star{display:inline-block;width:2%;margin:0% 1%;}
			div.star img {width:70%;}
		
		
		
		/*top bar*/
		div#topBar{width:100%;position:absolute;top:0px;height:4%;background:#222222;color:#898989;padding:.2em 0em 0em 0em ;text-align:left;z-index:200;font-size:1.8em;font-weight:bolder;text-shadow: 1px 1px 1px #000000;}
			div#flags{float:right;height:100%;width:12%;text-align:right;background:url('../img/shadowleft.png') repeat-y;background-position:0% 0%;}
			#flags img{height:90%; margin:1% 1%;}
		
		
		div#footerHolder{width:100%;background:#191919;padding-top:2em;box-shadow:         0px -5px 15px rgba(0, 0, 0, 0.1);}
		div#footerHolder p {color:#898989;font-family:level;font-size:.5em;}
		table#timeTable{width:100%;margin:0px;float:right;border:0px solid #aaaaaa;}
		table#timeTable td , th{padding:.2em;text-align:right;color:#898989;font-size:.7em;}
		table#timeTable th{color:#cccccc}
		
		ul#footerLinks{list-style:none;margin:0px;padding:0px;}
		ul#footerLinks li {border-bottom:1px solid #666666;margin:0px;padding:0px;}
		ul#footerLinks li a{display:inline-block;padding:.5em 0em;font-size:.7em;font-family:level;color:#aaaaaa;width:100%;}
		ul#footerLinks li a:hover{background:#555555;}
		h2.footerHeader{margin:.4em .0em; color:#999999;font-size:1.4em;}
		img.thumbnail{width:14%;border:5px solid #ffffff;position:absolute;z-index:100;border-radius:50% 50% 50% 50%;}
		
		
		
		table#mainTimetable{margin:0em auto;width:80%; border:1px solid #cccccc;}
		table#mainTimetable td , th{padding:.5em;}
		tr.centered td, th{text-align:center;}
		
		
		div.speech{width:25%; }
div.speech h1 {font-size:1em;}
div.speech p{font-family:georgia;font-size:.6em;color:#888888;font-style:italic}
div.speech b{font-size:2em;font-family:arial;}
		
		
		
		
		
		
		
						div#fotoZoomHolder{display:inline-block;position:relative;border:0px solid #000000;margin-top:1em;}
						img#cirlceFrameBig{position:absolute;top:0px;left:0px;z-index:2;width:100%;}
						div#overflowHide{width:100%;position:absolute;top:0px;bottom:2.5%;left:0px;text-align:center;z-index:1;background:#ffffff;overflow:hidden;}
						img.fotoZoom{width:150%;}
	
			
			
			
.topInsetShadow
{
    box-shadow: inset 0 17px 19px -17px rgba(0,0,0,0.4);
}
.leftInsetShadow
{
    box-shadow: inset 7px 0 9px -20px rgba(0,0,0,0.99);
}
.right-box
{
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4);
}
.bottomInsetShadow
{
    box-shadow: inset 0 -17px 19px -17px rgba(0,0,0,0.9);
}
			
			div.bgForSpacer{
	
	background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(66,82,63,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(66,82,63,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,82,63,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,82,63,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,82,63,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(66,82,63,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#42523f',GradientType=0 ); /* IE6-9 */

	
	}
	div.bgForLinkBar{
		background: #ba8a68; /* Old browsers */
background: -moz-linear-gradient(top, #ba8a68 0%, #73553a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba8a68), color-stop(100%,#73553a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ba8a68 0%,#73553a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ba8a68 0%,#73553a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ba8a68 0%,#73553a 100%); /* IE10+ */
background: linear-gradient(to bottom, #ba8a68 0%,#73553a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8a68', endColorstr='#73553a',GradientType=0 ); /* IE6-9 */}
	}	

	
div.filmEdgeTop{background:url('../img/filmtop.png'); background-repeat:repeat y; background-size:1%;}
div.filmEdgeBottom{background:url('../img/filmbottom.png'); background-repeat:repeat y; background-size:1%;background-position:bottom;}	

	.bottomShadow{ -webkit-box-shadow: 0px 0px 8px 2px #000000;
						-moz-box-shadow: 0px 0px 8px 2px #000000;
						box-shadow: 0px 0px 8px 2px #000000;}
		.topShadow{  -webkit-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.50);
					-moz-box-shadow:    0px -5px 15px rgba(0, 0, 0, 0.50);
					box-shadow:         0px -5px 15px rgba(0, 0, 0, 0.50);}

			
img.star {
   
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	animation-play-state: paused; 
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}