body.boxed {
	background-color: black;
	color: white;
	text-align: center;
}

div#outerwrapper {
	background-color: black;
	width: 1000px;
	min-width: 950px;
	text-align: center;
	margin-top: 20px;
}

div#sidebar {
	float:left;
	padding-left:25px;
	padding-top:10px;
}

div.details {
	padding-left:30px;
}
div#container {
	text-align: left;
	width: 980px;
	height: 70%;
	padding: 0px 50px 100px 50px;
	background-color: black;
	border: 0px solid red;
	margin-top: 30px;	/* adjusts the whole thing up or down */
}

div.introbox {
	height: 400px;
	float: left;
	margin: 0px;
}

img.intropage {
	float: left;
	margin: 5px;
	padding-bottom: 8px;
	border: 0px;
	height: 400px;
}

img.thumbnail {
	height: 75px;
	float: left;
	border: 1px solid #3F4445;
	margin: 10px;
	float: right;
}

div.galleryshow {
	text-align: center;
	float: right;
	width: 600px;
	padding: 25px 0px 10px 10px;
	border: 0px;
}

div.thumbnails {
	width: 85%;
	margin: 2px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C0C0C0;
	background-color: black;
}

a.red:link {
	font-style: italic;
	color:#A0AFD8;
}
a.red:visited {
	font-style: italic;
	color:#628672;
}

a:link {
	color: #C0C0C0;
	text-decoration: none
}

a:visited {
	color: #C0C0C0;
	text-decoration: none
}

a:hover {
	color: #6F6F6F;
	text-decoration: none
}

span.firstname {
	font-style: italic;
	color: #C0C0C0;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500
}

span.lastname {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.0px;
	font-weight: bolder
}

span.firstname_intro {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500
}

span.lastname_intro {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.0px;
	font-weight: bolder
}

div.topbar {
	width: 80%;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 9px;
	text-align: left
}

div.topbarstart {
	width: 23%;
	float: left;
}

div.topbarmiddle {
	padding-left: 200px;
	width: 23%;
	float: left;
}

div.topbarfinal {
	width: 6%;
	float: right;
	text-align: right;
}

div#title {
	font-style: italic;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#imgdesc {
	font-style: italic;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#imginfo {
	font-style: italic;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#viewingarea {
	text-align: left;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #787878;
	height: 450px;
	color: #C0C0C0;
	width: 85%
}


div#copy {
	text-align: center;
	font-size: x-small;
	color: #AAAAAA;
	clear: both;
}


div.instagram-video {
  display: block;
  max-width:40%;
  width: auto;
  height: auto;
  padding: 20px;
}
div.xinstagram-video {
    width: 300px;
    height: 250px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
}
div.video-container { 
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}