/* Standards
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.textcenter { text-align: center; }
a.selected {
	text-decoration: none;
	font-style: italic;
	cursor: default;
}


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.headercontainer {
	width: 100%;
	position: fixed;
	height: 119px;
	z-index: 9999;
	background: #fff;
	overflow: hidden;
}
.header {
	height: 118px;
	border-bottom:1px solid #000;
}
.header .column {
	height: 118px;
}
.header .column h3 {
	margin: 0;
	color: #000;
	height: 44px;
	padding: 22px 0;
	font-weight: 900;
}

.header .column h3 a {
	text-decoration: none;
	opacity: 1.0;
}
.header .column h3 a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.header .backheader {
	display: none;
}
.header .backheader h3 {
	color: #fff;
}
	


/* Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fullnav {
	height: 30px;
}
.fullnav h6 {
	margin-bottom: 0.2rem;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.4rem;
}

	


/* Collapsing Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navdrop {
  width: 22px;
  margin: 0 auto;
  display: none;
}

.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #000;
  margin: 4px 0;
}
	


/* "The Rest of the Site" (after Header & Nav)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.restcontainer {
	padding-top: 117px;
}


/* About
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.about .column {
	border-bottom:1px solid #000;
}
.about .column.noborder {
	border-bottom:none;
}
.about .column h6 {
	margin: 1rem 70px;
}
.about a {
	text-decoration: underline;
}
.about a:hover {
	text-decoration: none;
}


/* Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact a {
	text-decoration: underline;
}
.contact a:hover {
	text-decoration: none;
}
.contact .column h6 {
	margin: 1rem 0 0;
}
.contact .column p {
	margin: 0;
}


/* Resume
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.resume .column, .resume .column h6, .resume .column p {
	text-align: left;
}
.resume a {
	text-decoration: underline;
}
.resume a:hover {
	text-decoration: none;
}
.resume h3 { font-size: 2.5rem; font-weight: bold; margin: 3rem 0 0; }
.resume h4 { font-size: 2rem; font-style: italic; margin: 2rem 0 0; }
.resume h5 { font-size: 1.7rem; margin: 0; }
.resume h6 { font-size: 1.4rem; margin: 0; }
.resume p { font-size: 1.1rem; margin: 0; }

.resume h4.firsty { margin: 0; }



/* Videos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.videobox {
	position: relative;
}
.vidframe {
	width: 550px;
	margin: 0 auto;
	padding: 40px 0 20px;
	height: 310px;
	position: relative;
	text-align: center;
}
.vidframe iframe {
	width: 550px;
	height: 310px;
}
.vidheader {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	position: relative;
	background: #000;
}
.vidheader h5, .videooverlays h5 { 
	color: #fff;
	padding: 80px 0 0;
}
.videooverlays {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
}
.videooverlays div {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	display: none;
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #fff;
	background-position: center 117px;
}

.videolist { 
	text-align: center; 
	padding-top: 1rem;
}
.videolist a, .vidframe a {
	text-transform: uppercase;
	font-size: 1.4rem;
	text-decoration: underline;
}
.videolist a:hover, .vidframe a:hover {
	text-decoration: none;
}
.videolist a.selected {
	text-decoration: none;
	font-style: italic;
	cursor: default;
}


/* Overlay thumbs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*SKETCH section*/
.videooverlays .animalhouse { background-image: url(../images/rowicon-animalhouse.png); background-position: center 61px; }
.videooverlays .glassceiling { background-image: url(../images/rowicon-glassceiling.png); background-position: center -64px; }
.videooverlays .howtogethigh { background-image: url(../images/rowicon-howtogethigh.png); background-position: center 70px; }
.videooverlays .adamsilver { background-image: url(../images/rowicon-adamsilver.png); background-position: center -74px; }
.videooverlays .godsvagina { background-image: url(../images/rowicon-godsvagina.png); }
.videooverlays .fuckingvalentines { background-image: url(../images/rowicon-fuckingvalentines.png); background-position: center 16px; }
.videooverlays .helpfullarry { background-image: url(../images/rowicon-helpfullarry.png); background-position: center 61px; }
.videooverlays .kkk { background-image: url(../images/rowicon-kkk.png); background-position: center 0px; }
.videooverlays .christmas { background-image: url(../images/rowicon-christmas.png); background-position: center 84px; }
.videooverlays .coach { background-image: url(../images/rowicon-coach.png); background-position: center 77px; }
.videooverlays .stpatricksday { background-image: url(../images/rowicon-stpatricksday.png); }
.videooverlays .bracketfail { background-image: url(../images/rowicon-bracketfail.png); background-position: center 16px; }
.videooverlays .galentinesday { background-image: url(../images/rowicon-galentinesday.png); background-position: center 0px; }
.videooverlays .wrestling { background-image: url(../images/rowicon-wrestling.png); background-position: center 56px; }
.videooverlays .declaration { background-image: url(../images/rowicon-declaration.png); background-position: center -15px; }
.videooverlays .courtroom { background-image: url(../images/rowicon-courtroom.png); background-position: center 50px; }

/*BRANDED section*/
.videooverlays .farcry { background-image: url(../images/rowicon-farcry.png); }
.videooverlays .socialscene { background-image: url(../images/rowicon-socialscene.png); }

/*WRITING section*/
.videooverlays .inbetweenshow { background-image: url(../images/rowicon-inbetweenshow.png); }
.videooverlays .thoughtcatalog { background-image: url(../images/rowicon-thoughtcatalog.png); background-position: center -223px; }
.videooverlays .deertick { background-image: url(../images/rowicon-deertick.png); background-position: center 105px; }


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer .column {
	padding-top: 10rem;
}


/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 549px) {
.headercontainer {
	height:101px;
}
.header {
	height: 100px;
	margin: 0;
	padding: 0;
}
.header .column {
	height: 100px;
	margin: 0;
	padding: 0;
}
.header .column h3 {
	padding: 22px 0 0;
	font-weight: 300;
}
.fullnav {
	height: 148px;
	padding-top: 8px;
}
.fullnav h6 {
	margin-bottom: 0.2rem;
	font-size: 1.4rem;
}
.navdrop {
  display: block;
  cursor: pointer;
}
.restcontainer {
	padding-top: 100px;
}
.about .column h6 {
	margin: 1rem 0;
}
.vidframe {
	width: 100%;
	height: auto;
}
.vidframe iframe {
	width: 100%;
	height: auto;
}
}