html, body { 
   	height: 100%;
   	background-color: #CCC;
   	font-family: 'Alegreya Sans', sans-serif;
   	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin: 0 auto;
    cursor:wait
	}
	.page-wrapper{
		padding: 10px;
	}

    .maincontent{ 
     	background-color:#FFF;
     }

	.wtext {
		white-space: nowrap;
		display: inline-block;
		}
	h1{
	    color: #FFFFFF;
		text-align: center;
		text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
		text-transform: uppercase;
		width: 100%;
		}
	.bio{font-size: 1.6em; background-color: #EBEBEB; padding:15px;}
	.event-date, .event-title, .event-description, .event-performer, .event-venue {padding-left: 30%}
	.event-date{font-weight: 100; padding-bottom: 5px; border-bottom: 1px dotted #d5d5d5;}
	.event-performer{display: none;}
	.event-title{font-weight: 700;}
	.event-description{font-weight: 400;}
	.event-venue{font-weight: 400; padding-top: 10px}
	.event-wrapper{
		border-bottom:1px dotted #333;
		margin-top: 10px;
		padding-bottom: 10px;
     	position: relative;
     }
    .event-wrapper a, a:link, a:visited{color: #666; text-decoration: none;}
    .event-wrapper:active{background-image: url(../img/01.gif);}
    .event-wrapper a:hover{color: #666; text-decoration: underline;}
    .bio a:hover{color: #666; text-decoration: underline;}
    .event-link {color: #666; text-decoration: none;}
    a .event-title:hover:after{content:url(../img/link.gif);padding-left: 5px;}
	.event-image{
		width: 25%;
		border:5px inset #d5d5d5;
		box-sizing: border-box;
		background-color: #bfbfbf;
		height: 100%;
		position: absolute;
		overflow: hidden;
	}
	.event-image-stat{
		width: 25%;
		border:5px inset #d5d5d5;
		box-sizing: border-box;
		background-color: #bfbfbf;
		height: 100%;
		position: absolute;
		overflow: hidden;
	}
	.event-image img{
		display: none;
	}

	.scroll {
	    -webkit-animation:mymove 8s linear infinite;
	    /* Safari and Chrome */
	    animation:mymove 8s linear infinite;
	    background-size: 100% 300%;
	}
	.scroll:hover{
		-webkit-animation:mymove .1s linear infinite;
	    /* Safari and Chrome */
	    animation:mymove .1s linear infinite;
	    background-size: 100% 25%;
	    border:12px solid #FFF;
	    -moz-box-sizing:    border-box;
   		-webkit-box-sizing: border-box;
    	box-sizing:        border-box;
	}
	.scroll:active{
		-webkit-animation:mymove .01s linear infinite;
	    /* Safari and Chrome */
	    animation:mymove .01s linear infinite;
	    background-size: 100% 100%;
	    border:12px solid #FF0000;
	}	
	@keyframes mymove {
	    from {
	        background-position: 0% 0px;
	    }
	    to {
	        background-position: 0px -300%;
	    }
	}
	@-webkit-keyframes mymove
	/* Safari and Chrome */
	 {
	    from {
	        background-position: 0% 0px;
	    }
	    to {
	        background-position: 0px -300%;
	    }
	}


	.gifbox{ 
	image-rendering: optimizeSpeed;             /* FUCK SMOOTHING, GIVE ME SPEED  */
 	image-rendering: -moz-crisp-edges;          /* Firefox                        */
 	image-rendering: -o-crisp-edges;            /* Opera                          */
 	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
 	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
 	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
 	width: 100%;
      }

	#header img{
		width: 100%;
	}

	.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%;
	}
     
	/* =============================================================
	BUTTONS
	Styling for CSS buttons.
	 * ============================================================= */
	.btn {
	  display: inline-block;
	  font-size: 0.9375em;
	  padding: 0.5em 0.6875em;
	  line-height: 1.2;
	  font-weight: normal;
	  background-color: #666;
	  border: 0.0725em solid #666;
	  border-radius: 0.0725em;
	  margin-right: 0.3125em;
	  margin-bottom: 0.3125em;
	}

	.btn,
	.btn:hover,
	a .btn:hover,
	.btn.active {
	  color: white;
	}

	.btn:hover,
	a .btn:hover,
	.btn.active {
	  background-color: #333;
	  border-color: #333;
	  text-decoration: none;
	}

	.btn-secondary {
	  background-color: gray;
	  border-color: gray;
	}

	.btn-secondary:hover,
	a .btn-secondary:hover,
	.btn-secondary.active {
	  background-color: #5a5a5a;
	  border-color: #5a5a5a;
	}

	.btn:active,
	.btn.active {
	  box-shadow: inset 0 0.15625em 0.25em rgba(0, 0, 0, 0.15), 0 0.0725em 0.15625em rgba(0, 0, 0, 0.05);
	  outline: 0;
	}

	.btn.disabled,
	.btn[disabled] {
	  pointer-events: none;
	  cursor: not-allowed;
	  opacity: 0.5;
	  filter: alpha(opacity=50);
	  box-shadow: none;
	}

	.btn-large {
	  padding: 0.6875em 0.9375em;
	  font-size: 1em;
	  line-height: normal;
	}

	.btn-block,
	input[type="submit"].btn-block,
	input[type="reset"].btn-block,
	input[type="button"].btn-block {
	  display: block;
	  width: 100%;
	  margin-right: 0;
	  padding-right: 0;
	  padding-left: 0;
	}

	button,
	.btn {
	  cursor: pointer;
	  text-align: center;
	  vertical-align: middle;
	  /* Override default Webkit/Firefox button styling */
	  background-image: none;
	  -webkit-appearance: nonea:;	}

	.btn:last-child,
	input.btn {
	  margin-right: 0;
	}
	 .facehold{width:100%; height:800px; position: fixed;top:0; z-index:1000;  pointer-events:none;}
	.interfacepainted div, .interfacepainted img, .interfacepainted span {display:block;position:absolute;padding:0;margin:0;}
	/*=========================================*/
	.container{width:100%;position:relative;display: block;margin:auto}
	.workbox{
		background-color:#dadada;
		width:50%;
		position:relative;
		float:left;
		border-left:1px solid #fff;
		border-top:1px solid #fff;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
		box-sizing:         border-box;
		height:220px;
		overflow: hidden;
	}
	.workinfo{
		position:absolute;
		left:0;
		top:0;
		background:#000;
		color:#FFF;
		padding:1em;
		opacity:.8;
	}
	.titlebox{
		font-weight: 600;		
	}
	.datebox{
		font-weight: 200;
		float:right;
		padding-left: .6em;
	}

	@media (min-width:1260px){
		.workbox{
		width:33.333333333333333%;
		}
	}
	
	@media (max-width:499px){
		.workbox{
		width:100%;
		}
	}