* {
	margin: 0px;
	padding: 0px;
	list-style-type: none; /*Gets rid of dots on lists*/
}
article,aside,details,figure,footer,header,nav,section,main {display: block;}
html {overflow: scroll; /*Puts a scroll bar on all pages*/
	font: 87.5% Tahoma, Geneva, sans-serif, !Important; /* Defines browsers font so I can later use size of 'rem' - Oh, and the !Important solves tiny font change errors between pages*/
}
body {
	width: 100%;
	font-size: 1.2rem; /*These 2 moves fix any pre-set font size*/
	font-family: Arial;
	text-align: center;
	background-color: #474747;
	background-image: url(../pix/backgroundMiddle.png); /* Puts light stripe in background*/
	background-repeat: repeat-x;
	background-position: 0px 123px;
}
a {text-decoration: none; display: inline;} /*Gets rid of underline on a link*/
nav a:hover {background-color: white;}
.aqua:link {color: white;}
.aqua:visited {color: white;}
.aqua:hover {color: black;}
.aqua:active {color: white;}
.black:link {color: black;}
.black:visited {color: black;}
.black:hover {color: white;}
.black:active {color: black;}
.contact {color:#FFF; padding: 24px 0 24px 0;font-size: .8em;} /*Contact.html*/
.blackbold {	color: #010900;	font-weight: bold;} /*For contact.html*/
img { /*Removes stupid empty space at bottom of image*/
	max-width: 100%;
	height: auto;
	vertical-align: middle; /*removes stupid empty space at bottom of image*/
}
#footer-sizing { /*Sets width and centers footer*/
	clear: both;
	width: 70%;
	margin: 20px auto;
}
.footer-fluff { /*This is for the footer*/
	clear: both;
	color: aqua;
	text-align: right;
	padding: 6px 30px;
	font-size: 0.6em;
	background-color: #000;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#header-permanent { /*This makes header not scroll and color of top stripe*/
	width: 100%;
	top: 0px;
	height: 123px;
	position: fixed;
	background-color: #7D7D7D;
}
#header-sizing { /*Sets width and centers header*/
	width: 70%;
	top: 0px;
	margin: 0px auto;
}
.name-position { /*Positioning of name and AEA*/
	margin: 3% 0 0 0;
	float: left;
	text-align: right;
	font-size: 0.75em;
}
.name-fluff { /*Stuff for 'name' png*/
	background-color: #626262;
	margin-bottom: 4px; /*space between name and AEA*/
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.pix-position { /*Positioning and stuff for 'toppix'*/
	margin: 1.75% 0 15px 0;
	float: right;
	border: 2px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav-sizing { /*Positioning and stuff for navigation bar*/
	clear: both;
	width: 70%;
	margin: 0px auto;
	text-align: left;
	background-color: #000;
	min-height: 24px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav-sizing li { /*Stuff and positioning of navigation links*/
	display: inline;
	padding: 0px 0px 0px 25px;
	font-size: 0.75em;
}
#main-sizing { /*Sets width and centers footer*/
	width: 70%;
	margin: 160px auto 0px auto;
	overflow: auto; /*This makes margin: work after the clear:float; in footer */
}
#page-bubble{ /*Positioning and stuff for page description bubble*/
	float:left;
	width: 26%;
	min-width: 100px;
	max-width: 250px;
	text-align: right;
	padding-right: 30px;
	margin-bottom: 0px;
	background-color:#A1A1A1;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#page-bubble-right { /*Positioning and stuff for resume download*/
	float: right;
	font-size: .85rem;
	margin-right: 45px;
	margin-top: 10px;
}
#content-right { /*Positioning of right content*/
	clear: both;
	width: 60%;
	float: right;
	margin: 0 auto 25px auto;
}
.content-right-pic { /*Stuff of right content picture*/
	border: 3px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#slideshow { /*Positioning and stuff for slideshow*/
	float: left;
	width: 30%;
	min-width: 150px;
	max-width: 250px;
	margin-top: 50px;
	vertical-align: middle;
	border: 2px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #8a9dc4;
}
#resume { /*Positioning and stuff for resume content*/
	clear: both;
	width: 90%;
	margin: 50px auto 0px auto;
	padding: 5px 0px 5px 10px;
	background-color: #fff;
	border: 5px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#video-sizing { /*Positioning for reels page*/
	clear: both;
	width: 80%;
	margin: 55px auto 0 auto;
}
#media-sizing { /*Positioning for media page*/
	clear: both;
	width: 100%;
	margin: 55px auto 0 auto;
	overflow: hidden;
}
.js-video { /*Needed for html5 video*/
  height: 0;
  padding-top: 0;
  padding-bottom: 56.34%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
/*
.js-video.widescreen { Use if video is widescreen
  padding-bottom: 56.34%;
}
.js-video.vimeo { Use if video is vrom vimeo
  padding-top: 0;
}
*/
.js-video embed, .js-video iframe, .js-video object, .js-video video { /*Needed for video*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}