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

#schlPageWrapper {
	 overflow:hidden; width:100% !important;
}

#schlHeader {
	display:none;
}

#schlPageContent {
	margin:0px !important; padding:0px !important; width:100% !important; background-color:transparent !important;
}

#schlMainContent {
	margin:0px !important; padding:0px !important; width:100% !important; background-color:transparent !important; text-align:center;
}

#schl3o {
    margin:0px !important; padding:0px !important; width:100% !important;
}

#universal4o {
	margin:0px !important; padding:0px !important;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/dotpattern.jpg) !important;
	background-position:center top !important;
	background-repeat:repeat-x !important;
	background-color:#00aeef !important;
}

.mainHolder {
	position:relative; z-index:500;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:0px;
	overflow:hidden;
}

.contentHolder {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	background-color: #f8f3d2;
	max-width: 960px;
	border-color:#FFF;
	border-width:2px;
	border-style:solid;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, p {
	font-size:inherit;
	font-weight:normal !important;
	margin:0;
	padding:0;
	text-indent:inherit;
}

.contestHeader {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	background-color: #ea252e;
}

#headerGraphic {
	width:68%;
	height:auto;
	float:left;
	max-width:650px;
}

#graphixLogo1 {
	width:32%;
	height:auto;
	float:right;
	max-width:306px;
}

#graphixLogo2 {
	width:40%;
	height:auto;
	display:none;
	max-width:150px;
}

#twitterImage {
	position:absolute;
	right:0px;
	top:0px;
}

#facebookImage {
	position:absolute;
	right:39px;
	top:0px;
}

.contestNav {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	background-color: #FFFFFF;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
}

.contestNav a {
	position:relative;
	left:0px;
	top:0px;
	width:219px;
	height:auto;
	border-radius:8px;
	display: inline-block;
	background-color: #ea252e;
	color:#FFF !important;
	padding-top:9px;
	padding-bottom:7px;
	font-family: 'MuseoSans-900';
	font-size:16px;
	text-decoration:none !important;
	border:solid;
	border-width:2px;
	border-color:#000;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.contestNav a:hover {
	background-color: #000000;
}

.hamburgerClass {
	display:none;
	margin-left:2%;
}

.blackLine {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 2px;
	background-color:#000;
}

.mainTextArea {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	text-align:center;
	padding-top:26px;
	padding-bottom:26px;
	text-align:left;
	font-size:100px;
}

.mainTextArea h1 {
	font-family: 'MuseoSans-900' !important;
	color:#ea252e !important;
	font-size:.42em !important;
	text-transform:uppercase !important;
	margin-left:4% !important;
	width:92% !important;
	text-shadow:
   -2px -2px 0 #FFF,  
    2px -2px 0 #FFF,
    -2px 2px 0 #FFF,
     2px 2px 0 #FFF;
}

.mainTextArea h2 {
	font-family: 'MuseoSans-700';
	color:#09678f;
	font-size:.24em;
	margin-left:4%;
	width:92%;
	text-shadow:
   -2px -2px 0 #FFF,  
    2px -2px 0 #FFF,
    -2px 2px 0 #FFF,
     2px 2px 0 #FFF;
}

.mainTextArea h2 strong {
	font-weight:normal;
	font-family: 'MuseoSans-900';
}

.mainTextArea p {
	font-family: 'MuseoSans-700';
	color:#000;
	font-size:.22em;
	line-height:1.5em;
	margin-left:4%;
	width:92%;
}

#movieHolder {
	position:relative;
	left:0px;
	top:0px;
	margin-left:4%;
	width:92%;
	margin-top:.3em;
	padding-bottom:.3em;
}

.theMovieDiv {
	width:66%; max-width:580px; position:relative; padding-bottom:0px; margin-bottom:0px;
}

.mainTextArea p a {
	font-family: 'MuseoSans-900';
	color:#ea252e !important;
	text-decoration:underline !important;
	line-height:1.8em;
}

.BrightcoveExperience {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100% !important;
     height: 100% !important;
	 z-index:100;
}

.bottomBorder {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 22px;
	display: inline-block;
	background-color: #FFFFFF;
}

.birdSquirrel {
	position:absolute;
	left:55%;
	bottom:30px;
	width:50%;
	height:auto;
}

#movieHolder .birdSquirrel {
	display:none;
	position:relative;
	width:150px;
	right:0px;
	bottom:-45px;
	margin-top:-1.5em;
}

#blackBird .birdSquirrel {
	
}

#bottomSectionWide {
	position:relative; left:0px; top:0px; width:100%; height:auto;
}

#bottomSectionWideImage {
	position:relative; left:0px; top:0px; width:100%; height:auto;
}

.bottomSectionWideTextHolder {
	position:absolute; left:0px; top:50%; width:33%; height:auto; vertical-align:middle; float:left; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
}

.bottomSectionWideTextHolder a {
	text-decoration:none !important;
}

.bottomSectionTextHeader {
	text-align:center; font-family: 'MuseoSans-900'; font-size:21px; color:#ffff00 !important; text-decoration:none !important;
}

.bottomSectionTextBody {
	text-align:center; font-family: 'MuseoSans-500'; font-size:19px; color:#ffffff !important; text-decoration:none !important;
}

.bottomSectionWideTextHolderAlt .bottomSectionTextHeader {
	color:#ff3333 !important;
}

.bottomSectionWideTextHolderAlt .bottomSectionTextBody {
	color:#000000 !important;
}

.bottomSectionNarrow {
	position:relative; left:0px; top:0px; width:100%; height:auto; overflow:hidden; display:none;
}

.bottomSectionNarrowImage {
	position:relative; left:0px; top:0px; width:100%; height:auto; min-height:108px;
}

.bottomSectionNarrowTextHolder {
	position:absolute; left:0px; top:50%; width:80%; height:auto; vertical-align:middle; float:left; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); padding-left:10%; padding-right:10%;
}

.bottomSectionNarrowTextHolder a {
	text-decoration:none !important;
}

.regTextStyle {
	font-family: 'MuseoSans-500' !important;
}

.regTextBoldStyle {
	font-family: 'MuseoSans-900' !important; color:#EA252E !important;
}

.boneCharacter {
	position:absolute; right:-5%; bottom:0px; width:25%; height:auto;
}

.authorNameHolder {
	display:inline-block; vertical-align:top; font-family: 'MuseoSans-500' !important; width:33%;
}

.authorBlock {
	position:relative; left:0px; top:0px; width:73%; height:auto; margin-left:4%;
}

.regTextStyle2 {
	font-family: 'MuseoSans-500' !important; font-size:16px !important;
}

.regTextBoldStyle2 {
	font-family: 'MuseoSans-900' !important;
}

.musicCharacter {
	position:absolute; right:0px; bottom:-40px; width:35%; height:auto; min-width:230px; pointer-events: none;
}

.formClass {
	position:relative; left:0px; top:0px; margin-left:4%; width:92%; height:auto; padding:0; text-align:left;
}

.formLabel {
	position:relative; left:0px; top:0px; width:23%; height:auto; text-align:right; font-family: 'MuseoSans-900'; font-size:.24em; float:left; vertical-align:middle; padding-top:2px; padding-bottom:2px;
}

#errorMessage {
	position:relative; left:0px; top:0px; width:65%; height:auto; text-align:left; font-family: 'MuseoSans-900'; font-size:21px; float:left; color:#EA252E; margin-left:4%; margin-bottom:15px;
}

#errorGroup {
	display:none;
}

.formField {
	position:relative; left:0px; top:0px; width:65%; height:auto; text-align:left; font-family: 'MuseoSans-500'; font-size:.21em; float:left; margin-left:2%; border-radius:5px; vertical-align:middle; border:solid; border-width:2px; border-color:#000; padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:2px; box-shadow: inset 0px 0px 10px -4px #ABABAB; -webkit-box-shadow: inset 0px 0px 10px -4px #ABABAB; -moz-box-shadow: inset 0px 0px 10px -4px #ABABAB; -o-box-shadow: inset 0px 0px 10px -4px #ABABAB;
}

.formBreak {
	position:relative; left:0px; top:0px; width:100%; height:.3em; float:left;
}

.formFieldButtonHolder {
	position:relative; left:0px; top:0px; width:65%; height:auto; text-align:left; float:left; margin-left:2%;
}

.checkText {
	font-family: 'MuseoSans-500'; font-size:.19em;
}

.formTable {
	padding-bottom:.08em;
}

.checkBoxStyle {
	transform:scale(2, 2);
}

.checkBoxText {
	font-family: 'MuseoSans-900'; font-size:.19em;
}

.hidden {
	display: none;
}

form button {
	background-color:transparent !important; border:hidden !important;
}

@media only screen and (max-width:900px) {
	.mainTextArea {
		font-size:90px;
	}
	.bottomSectionTextHeader {
		font-size:19px;
	}
	.bottomSectionTextBody {
		font-size:17px;
	}
}

@media only screen and (max-width:850px) {
	.mainTextArea {
		font-size:85px;
	}
	.bottomSectionTextHeader {
		font-size:18px;
	}
	.bottomSectionTextBody {
		font-size:16px;
	}
}

@media only screen and (max-width:800px) {
	.mainTextArea {
		font-size:80px;
	}
	.bottomSectionTextHeader {
		font-size:17px;
	}
	.bottomSectionTextBody {
		font-size:15px;
	}
}

@media only screen and (max-width:750px) {
	.mainTextArea {
		font-size:75px;
	}
	.mainTextArea p {
		width:92%;
	}
	/*
	.theMovieDiv {
		position:relative; width:100%; max-width:none; top:0px; margin-top:-250px;
	}
	*/
	.theMovieDiv {
		position:relative; width:100%; max-width:none; top:0px;
	}
	#movieHolder .birdSquirrel {
		display:block;
	}
	#movieHolder .birdSquirrel {
		left:100%; margin-left:-150px;
	}
	#blackBird .birdSquirrel {
		display:none;
	}
	.bottomSectionTextHeader {
		font-size:16px;
	}
	.bottomSectionTextBody {
		font-size:14px;
	}
	.formLabel {
		width:92%; text-align:left; font-size:19px; margin-left:2%;
	}
	.formLabelHide {
		display:none;
	}
	.formFieldButtonHolder {
		width:92%; text-align:center;
	}
	.formField {
		width:92%; font-size:19px;
	}
	.checkText {
		font-size:19px;
	}
	.checkBoxText {
		font-size:19px;
	}
	.breakHide {
		display:none;
	}
}

@media only screen and (max-width:700px) {
	.mainTextArea {
		font-size:70px;
	}
	.bottomSectionTextHeader {
		font-size:15px;
	}
}

@media only screen and (max-width:650px) {
	.mainTextArea {
		font-size:65px;
	}
	.mainTextArea p {
		font-size:17px;
	}
	#bottomSectionWide {
		display:none;
	}
	.bottomSectionTextHeader {
		font-size:20px;
	}
	.bottomSectionTextBody {
		font-size:18px;
	}
	.bottomSectionNarrow {
		display:inline-block;
	}
	.artistHeader {
		width:92% !important;
	}
}

@media only screen and (max-width:600px) {
	.mainTextArea {
		font-size:60px;
	}
	.boneCharacter {
		width:150px;
	}
}

@media only screen and (max-width:960px) {
	.contentHolder {
		border-style:none; overflow:hidden;
	}
	.contestNav a {
		width:180px;
		height:30px;
		line-height:30px;
		font-size:13px;
	}
	.contentHolder {
		background-color:#40bbef;
	}
	.mainTextArea p {
		color:#FFF !important;
	}
	.mainTextArea p a {
		color:#FF0 !important;
	}
	.mainTextArea h1 {
		text-shadow:
   		-1px -1px 0 #FFF,  
    	1px -1px 0 #FFF,
    	-1px 1px 0 #FFF,
     	1px 1px 0 #FFF;
	}
	.mainTextArea h2 {
		color:#FFF !important;
		text-shadow:none;
	}
	
}

@media only screen and (max-width:800px) {
	.contestNav a {
		width:160px;
		height:27px;
		line-height:27px;
		font-size:12px;
	}
}

@media only screen and (max-width:700px) {
	.contestNav a {
		width:219px;
		height:37px;
		line-height:37px;
		font-size:16px;
	}
}

@media only screen and (max-width:650px) {
	#headerGraphic {
		width:100%;
		float:none;
	}
	#graphixLogo1 {
		display:none;
	}
	#graphixLogo2 {
		display:inline-block;
	}
}

@media only screen and (max-width:480px) {
	.contestNav a {
		display:none;
	}
	.hamburgerClass {
		display:inline-block;
		float:left;
	}
	/*
	#movieHolder .birdSquirrel {
		left:0px;
	}
	*/
	#movieHolder .birdSquirrel {
		width:100px; bottom:-50px; left:100%; margin-left:-100px;
	}
}
@media only screen and (max-width:370px) {
	.mainTextArea h1 {
		font-size:22px !important;
	}
}

.modalbg {
  position: fixed;
  font-family: 'Helvetica LT W01 Roman', sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 99999;
  -webkit-transition: all 1s ease 0.2s;
  -moz-transition: all 1s ease 0.2s;
  -o-transition: all 1s ease 0.2s;
  transition: all 1s ease 0.2s;
  display: block;
  pointer-events: none; }
  .modalbg .dialog {
    width: 400px;
    position: relative;
    top: -1000px;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e3e3e3;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000; }
    .modalbg .dialog .ie7 {
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3); }
    .modalbg .dialog h2 {
      font-size: 22pt !important;
      margin: 20px 0;
      color: #939393; }
    .modalbg .dialog p {
      font-size: 15pt !important; }
  .modalbg:target {
    display: block;
    pointer-events: auto;
    background: rgba(4, 10, 30, 0.8);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .modalbg:target .dialog {
      top: -90px;
      -webkit-transition: all 0.8s ease 0.4s;
      -moz-transition: all 0.8s ease 0.4s;
      -o-transition: all 0.8s ease 0.4s;
      transition: all 0.8s ease 0.4s; }
    .modalbg:target .close {
      background: #606061;
      color: #FFFFFF;
      line-height: 25px;
      position: absolute;
      right: -12px;
      text-align: center;
      top: -10px;
      width: 24px;
      text-decoration: none;
      font-weight: bold;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      -webkit-box-shadow: 0 0 10px #000;
      -moz-box-shadow: 0 0 10px #000;
      -o-box-shadow: 0 0 10px #000;
      box-shadow: 0 0 10px #000;
      -webkit-transition: all 0.5s ease 0.2s;
      -moz-transition: all 0.5s ease 0.2s;
      -o-transition: all 0.5s ease 0.2s;
      transition: all 0.5s ease 0.2s; }
      .modalbg:target .close:hover {
        background: #00d9ff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }