html {
font-size : 100%;
padding : 0;
margin : 0;
}

body {
color : #2c241b;
line-height : 1.67em;
font-family : Tahoma, Geneva, sans-serif;
padding : 0;
margin : 0;

}
img {
max-width: 100%;
}
video {
border : solid 1px #ccc;
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.14);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.14);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.14);
}
blockquote {
padding-left: .5em ;
text-indent: -.5em;
}
.signature blockquote {
padding-left: 0;
text-indent: 0;
}
.textindent0 {
text-indent: 0;
}

#wrapper {
width : 96%;
padding : 2%;
padding-bottom : 100px;
max-width : 1000px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
overflow: auto;
}

/***SKIP***/
#skip A{
background-image : url("../images/skip.jpg");
background-repeat: no-repeat;
background-position: bottom;
text-align : center;
line-height: 1em;
position: absolute;
top:-1000px;
left:10px;
width : 4.25em;
padding-top : 0px;
padding-bottom : 8em;
text-align : center;
line-height: 1.2em;
background-color: #000;
color : #fff;
text-decoration : none;
-webkit-transition: top 2s ease-out, background 1s linear;
transition: top 2s ease-out, background 1s linear;
z-index: 100;
}

#skip A:hover {
display : none
}
#skip A:focus {
position:absolute;
left: 10px;
top:10px;
outline:0;	
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
}
.text {
background-color: #000;
display : block;
}


/***search***/
#search-q-label {
/*position : relative;
left :0;*/
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#search input[type=search] {
	width: 30px;
	padding-left : 20px;
	padding-top : 17px;
	padding-right : 20px;
	padding-bottom : 0;
	color: transparent;
	cursor: pointer;
	background-image: url("/svg/searchfff.svg");
	background-color: #000;
	background-repeat : no-repeat;
	background-position : 5px;
	border : solid 2px #000;
	-moz-border-radius: 37px; 
	-webkit-border-radius: 37px; 
	border-radius: 37px;
	position: relative;
	top: 0;
	transition: top ease 0.2s;
}
#search input[type=search]:hover {
	background-color: #e4a450;
	background-image: url("/svg/search.svg");
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
transition-timing-function: cubic-bezier(0.02, 0.02, 0.02, 0);
top: -4px;
}
#search input[type=search]:focus {
	width: 150px;
	padding : 18px;
	padding-top : 7px;
	padding-left: 32px;
	padding-bottom : 5px;
	margin-bottom : 6px;
	color: #000;
	font-size: 1.1em;
	background-color: #e4a450;
	background-image: url("/svg/search.svg");
	cursor: auto;
	transition: all .5s;
}
#search input:-moz-placeholder {
	color: transparent;
}
#search input::-webkit-input-placeholder {
	color: transparent;
}





/***BANNER***/
#banner {
float : left;
width : 100%;
font-family: 'Rosarivo', serif;
font-weight : normal;
color : #990000;
}
#bigname {
font-size : 5em;
line-height : 1.5em;
margin-bottom : 0;
padding-bottom : 0;
font-family: 'Rosarivo', serif;
background-color : transparent;
}

#tagline {
font-size : 1.4em;
font-weight : normal;
line-height : 1.2em;
color : #000;
float : left;
margin-top : 0;
}






/***CONTENT***/

#content {
background-color : transparent;
clear : both;
float : left;
padding-top : 20px;
padding-bottom : 50px;
}
.content60 {
width : 60%;
}
.designcontent {
width : 60%;
}
.widecontent {
width : 100%;
}
.narrowcontent {
width : 45%;
}
.navwidthcontent {
width : 69%;
}
.signature {
margin-left : 45%;
}
#content li {
margin-top : 1em;
}


/*right column*/
.rightcol {
width : 30%;
padding-left : 10%;
float : left;
}
#presentations {
width : 45%;
margin-top : 6.2em;
}
#presentations ul {
padding : 0;
margin : 0;
list-style-type: none;
}
#presentations li {
margin-top : 1.5em;
}
#presentations cite {
margin-top : 1em;
}

#secondarynav {
padding-top : 40px;
}
#secondarynav h2 {
display : none;
}
#secondarynav ul {
list-style-type: none;
}
#secondarynav li {
margin-top : 1.2em;
}
#secondarynav A:link, #secondarynav A:visited {
background-color: transparent;
color : #990000;
text-decoration: none;
padding-left: 1em;
display : block;
border : solid 1px transparent;
  position: relative;
  top: 0;
  transition: top ease 0.2s;
}
#secondarynav A:hover, #secondarynav A:focus {
color : #000;
background-color : #fff;
border : solid 1px #6a0c1e;
outline: none;
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
transition-timing-function: cubic-bezier(0.02, 0.02, 0.02, 0);
top: -2px;    
}


/***FORM***/
fieldset {
border : none;
line-height: 2.5em;
}
.formcontent {
font-family: 'Rosarivo', serif;
font-size: 1.3em;
float : left;
padding : 30px;
padding-top : 0;
}
input {
border : solid 2px #000;
  background-color : #e4a450;
  width : 48vw;
  padding-left : 1vw;
  padding-right : 1vw;
  font-size: 1.1em;
  line-height: 1em;
}
input[type=text], input[type=password], input[type=submit], input[type=email], #emailme {
border: solid 1px #000;
border-radius: 4px;
font-size: 1em;
padding : 5px;
}
input[type=submit] {
font-family: 'Roboto Slab', serif;
font-size: 1em;
margin-top: 15px;
}
input:focus, input:hover {
background-color: #000;
color : #fff;
outline : solid 3px #fff;
}
label {
margin-right: .5em;
}
legend {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#submit {
clear : both;
font-family: 'Rosarivo', serif;
font-size: 1.3em;
margin-top : 30px;
padding-top : 9px;
width : 10em;
}
#submit:hover {
background-color : #000;
color : #fff;
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.44);
transition-timing-function: cubic-bezier(0.02, 0.02, 0.02, 0);
top: -2px;    
}
textarea {
border : solid 2px #000;
margin-top: 5px;
  width: 37vw;
  height: 130px;
  padding : 1vw;
  background-color : #e4a450;
font-size: 1.1em;
line-height: 1.4em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
 }
textarea:focus, textarea:hover {
background-color: #000;
color : #fff;
outline : solid 3px #fff;
}





/***SOCIAL MEDIA***/
#socialmedia {
clear : both;
float : left;
width : 150px;
} 
#socialmedia A:link, #socialmedia A:visited {
float : left;
padding-top : 5px;
padding-left : 2.5px;
padding-right : 2.5px;
border : none;
background-color : #fff;
display : block;
}
#socialmedia A:hover, #socialmedia A:focus, #socialmedia A:active {
outline: none;
}
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
outline : none;
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/***HEADINGS***/
h1 {
font-family: 'Rosarivo', serif;
font-weight : normal;
line-height: 1.2em;
color : #990000;
background-color : transparent;
margin-top : 0;
padding-top : 0;
font-size : 2.45em;
}
h2 {
font-size : 2.3em;
font-family: 'Rosarivo', serif;
font-weight : normal;
line-height: 1.2em;
color : #590404;
}
h3 {
font-size : 1.4em;
font-family: 'Rosarivo', serif;
font-weight : bold;
color : #590404;
padding-bottom : 0
}
h4 {
font-size : 1.3em;
font-family: 'Rosarivo', serif;
font-weight : bold;
color : #590404;
padding-bottom : 0
}
h5 {
font-size : 1.2em;
font-family: 'Rosarivo', serif;
font-weight : normal;
color : #590404;
padding-bottom : 0
}
h6 {
font-size : 1em;
font-weight : bold;
color : #590404;
padding-bottom : 0
margin-bottom : 0
}
hr {
clear : both;
width : 100%;
height : 3px;
background-color : #e4a450;
border : solid 1px #d0964a;
margin-top : 30px;
margin-bottom: 30px;
}

/*LINKS*/
A:link, A:visited {
color : #990000;
background-color : transparent;
}
A:hover, A:focus {
color : #fff;
background-color : #000;
text-decoration: none;
outline: #e4a450;
outline : #000 thick;
}
/***CLASSES***/
.quote  {
color : #990000;
}
.invisible {
position: absolute;
top:-1000px;
}
.invisible A:focus {
position: absolute;
top: 100px;
left : 100px;
}
.width100 {
width : auto;
}
.clearboth {
clear : both;
}
.floatleft {
float : left;
padding-right : 30px;
}
.floatright {
float : right;
padding-left : 30px;
}
.margintop0 {
margin-top : 0;
}
.margintop25 {
margin-top : 25px;
}
.margintop30 {
margin-top : 30px;
}
.margintop40 {
margin-top : 40px;
}
.margintop120 {
margin-top : 120px;
}
.marginbottom50 {
margin-bottom : 50px;
}
.paddingtop50 {
padding-top : 50px;
}
.smallerh2 {
font-size : 1.8em;
}

/**PAGE STYLES**/
#corydoctorow {
float : left;
width : 190px;
padding-right : 10px;
}
#smalldesign {
display : none;
}
#design ul {
list-style-type: none;
margin : 0;
padding : 0;
}
#design li {
float : left;
line-height: 0;
margin : 0;
vertical-align: bottom;
}
#design li a{
margin : 0;
padding: 0;
}
#screenreaderdemo video {
width : 100%;
min-height: 337px;
background-image: url("/a11y/images/screenreaderdemo.png");
}
/****ANIMATION****/
.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}



.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}