/*
This site's markup and design are protected under the Creative Commons
Attribution-NonCommercial-NoDerivs 3.0 International: CC BY-NC-ND 3.0 license
http://creativecommons.org/licenses/by-nc-nd/3.0/legalcode
*/

body { background-color:#CCC; background:
url(bg_space.jpg) no-repeat center center fixed; background-size: cover; 
font-family:hypatia-sans-pro, Droid Sans, Tahoma, Verdana, Sans-Serif; font-size:0.9em; font-style:normal; text-align:justify; text-shadow: 1px 1px 2px #000; line-height: 1.4em; margin:2%;}

p { text-align:justify; margin-top:12px; margin-bottom:12px; font-weight:400; }
p b { color:F00; }

.top { margin-top: 0px; }
.bottom { margin-bottom: 0px; }
.left { float:left; width:536px; }
.right { float:right; width:282px; }

hr {border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	margin: 1.5em;
}

h1 { font-family:hypatia-sans-pro, Droid Sans, Tahoma, Sans-Serif; font-size: 92px; color: #FFF; text-shadow: #CCC 0px 0px 48px; font-weight:300; text-align:justify; padding-bottom:24px; text-align: center; line-height:1.0em;}
h2 { font-family:hypatia-sans-pro, Droid Sans, Tahoma, Sans-Serif; font-size: 64px; color: #FFF; text-shadow: #CCC 0px 0px 48px; font-weight:300; text-align:justify; padding-bottom:8px; text-align: center; line-height:1.0em;}

A:link {text-decoration: none; color:#6BF;}
A:visited {text-decoration: none; color:#6BF;}
A:active {text-decoration: none; color:red; text-shadow: 0px 0px 2px #000;text-shadow: 0px 0px 8px #511}
A:hover {text-decoration: none; color:red; text-shadow: 0px 0px 2px #000;text-shadow: 0px 0px 8px #511;}

.workshop {
  width: 640px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family:hypatia-sans-pro, Droid Sans, Tahoma, Verdana, Sans-Serif; font-weight:600; font-size:1.3em; font-style:semibold; color: #EEE;
  line-height: 1.5em;
}

.workshop-footer {
  width: 608px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  font-family:hypatia-sans-pro, Droid Sans, Tahoma, Verdana, Sans-Serif; font-size:1.1em; font-style:normal; 
  line-height: 1.4em; color: #DDD;
  background-color: rgba(0, 0, 0, 0.5);
}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	background-color:#CCC; background:url(bg_space.jpg) no-repeat center center fixed; background-size: cover;
}
.stopfade { 
   opacity: .5;
}

.videocontainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
}

.videowrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1000px) {

video#bgvid
 { display: none; }

body { font-size:0.9em; line-height: 2.0em; }

.workshop {
  width: 94%;
  margin-left:3%; margin-right:3%;
  padding:0;
  font-family:hypatia-sans-pro, Droid Sans, Tahoma, Verdana, Sans-Serif; font-weight:600; font-size:1.3em; font-style:semibold;
  line-height: 1.4em;
}

h1 {font-size:2.5em;}
h2 {font-size:2.1em;}

.workshop-footer { display: none; padding:0; margin:0; width:0; height:0; }

}