/***********************************************/
/*					olive.css				   */
/*    	Copyright 2008-2026 Donald Davis	   */
/*            All rights reserved              */
/***********************************************/

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'RobotoItalic';
	src: url('fonts/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'LatoItalic';
	src: url('fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Economica';
	src: url('fonts/Economica-Bold.ttf') format('truetype');
}

/***********************************************/
/* FONT ELEMENTS							   */
/***********************************************/
a, a:visited {
	text-decoration:none;
}

p, ul {
	letter-spacing: 2px;
}

h1, h2, h3 {
	font-size: inherit;
	font-weight: normal;
    margin: 0;             /* Removes top/bottom space */
    padding: 0;            /* Removes internal space */
    display: inline;       /* Optional: removes line break */
}

.h1_level {
	letter-spacing: 2px;
	font-weight: bolder;
	font-size: 275%;
	font-family: 'Economica', sans-serif;
	margin: 6px 0px 18px 0px;
	text-align: center;
}

.h2_level {
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 150%;
	font-family: 'Lato', sans-serif;
	text-align: center;
	margin: 13px 0px 13px 0px;
}

.h3_level {
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 120%;
	font-family: 'Lato', sans-serif;
	text-align: left;
	margin-top: 0px;
}

.orders {
	font-family: 'RobotoItalic', sans-serif;
}

.project_item {
	font-family: 'Roboto', serif;
	font-weight: normal;
	line-height: 1.3;
	font-size: 110%;
}
	
.special_point {
	font-family: 'LatoItalic', serif;
	font-weight: normal;
	line-height: 1.3;
	font-size: 110%;
}

.outsideLink, .zoomLink p {
	font-family: 'Roboto', serif;
	font-size: 120%;
	line-height: 1.2;
	padding: 0px;
}

#landing_page .project_container, #warfight_page .project_container {
	font-size: 130%;
}

/***********************************************/
/* COLORS									   */
/***********************************************/
.h2_level {
	color: #FF0000;
	text-shadow: -1px 1px 4px #FFFFFF,
				  1px 1px 4px #FFFFFF,
				 1px -1px 4px #FFFFFF,
				-1px -1px 4px #FFFFFF;
}

.h3_level {
	color: inherit;
	text-shadow: -1px 1px 0 #FF0000,
				  1px 1px 0 #FF0000,
				 1px -1px 0 #FF0000,
				-1px -1px 0 #FF0000;
}
	
#logo img {
	border: 2px solid #00FF00;
}
#logo img:hover, #book_showcase .project_item img:hover {
	border-color: #FF0000;
}
#logo img.active {
	border-color: #F00;
}

.menu_item a {
	color: #FFFFFF;
	text-shadow: -1px 1px 2px #00FF00,
				  1px 1px 2px #00FF00,
				  1px -1px 2px #00FF00,
				 -1px -1px 2px #00FF00;
}
.menu_item a:hover {
	text-shadow: -1px 1px 2px #FF0000,
				  1px 1px 2px #FF0000,
				  1px -1px 2px #FF0000,
				 -1px -1px 2px #FF0000;
}
.menu_item a.active {
	color:#FFFFFF;
	text-shadow: -1px 1px 2px #FF0000,
				  1px 1px 2px #FF0000,
				  1px -1px 2px #FF0000,
				 -1px -1px 2px #FF0000;
}

.video-container img:hover {
	border-color: #FF0000;
}

.book_promote {
	color: #663399;
	text-shadow: -1px 1px 2px #FFFFFF,
				  1px 1px 2px #FFFFFF,
				 1px -1px 2px #FFFFFF,
				-1px -1px 2px #FFFFFF;
}

.project_item, #warfight_page #rLayer .project_item.inverted {
	color: #000000;
	text-shadow: -1px 1px 2px #FFFFFF,
				  1px 1px 2px #FFFFFF,
				 1px -1px 2px #FFFFFF,
				-1px -1px 2px #FFFFFF;
}

.special_point {
	color: #FFD700;
	text-shadow: -1px 1px 2px #000000,
				  1px 1px 2px #000000,
				 1px -1px 2px #000000,
				-1px -1px 2px #000000;
}

.outsideLink, .zoomLink {
	color: inherit;
	text-shadow: -1px 1px 2px #00FF00,
				  1px 1px 2px #00FF00,
				 1px -1px 2px #00FF00,
				-1px -1px 2px #00FF00;	
}
 
#landing_page #zLayer .h1_level, #landing_page #tLayer .h1_level, #landing_page #pLayer .h1_level, #landing_page #wLayer .h1_level, #landing_page #rLayer .h1_level {
	color: #000000;
	text-shadow: -1px 1px 2px #FFFFFF,
				  1px 1px 2px #FFFFFF,
				 1px -1px 2px #FFFFFF,
				-1px -1px 2px #FFFFFF;
}

#warfight_page #rLayer {
	background-image: url('../images/zLayer.jpg');
}

#warfight_page #wLayer {
	background-image: url('../images/tLayer.jpg');
}	

#warfight_page #pLayer {
	background-image: url('../images/pLayer.jpg');
}

#warfight_page #pLayer .h1_level, #warfight_page #zLayer .h1_level, #warfight_page #rLayer .h1_level.inverted {
	color: #000000;
	text-shadow: -2px 2px 3px #01E0F3,
				  2px 2px 3px #01E0F3,
				 2px -2px 3px #01E0F3,
				-2px -2px 3px #01E0F3;
}

#warfight_page #tLayer .h1_level, #warfight_page #wLayer .h1_level, #warfight_page #rLayer .h1_level {
	color: #01E0F3;
	text-shadow: -2px 2px 3px #000000,
				  2px 2px 3px #000000,
				 2px -2px 3px #000000,
				-2px -2px 3px #000000;
}

#warfight_page #tLayer {
	background-image: url('../images/wLayer.jpg');
}

#warfight_page #zLayer {
	background: black; /* Fallback color */
	background-image: linear-gradient(black, #1c3a4a);
}

.design_row:hover, .write_row:hover {
	cursor: pointer;
	border: 2px solid red;
}

/*.design_row:hover button, .write_row:hover input[type=submit] {
.design_row:hover button, .write_row:hover button {
	color: #000000;
}*/

.design_row.active, .write_row.active {
	background-color: #C0C0C0;
	border: 2px solid red;
	pointer-events: none;
}

#mini_row_columnL, #mini_row_columnR {
	cursor: pointer;
}

.design_row.active button, .write_row.active button {
	color: #000000;
}

#warfight_page #rLayer .project_item, #warfight_page #pLayer .project_item, #warfight_page #zLayer .project_item {
	color: #FFFFFF;
	text-shadow: -1px 1px 2px #000000,
				  1px 1px 2px #000000,
				 1px -1px 2px #000000,
				-1px -1px 2px #000000;
	margin-top: 0px;
}

#warfight_page #wLayer li::marker {
  color: black;
}
#warfight_page #zLayer li::marker {
  color: white;
}

#design_page, #guestVids_showcase .guestVid p, #mainBodyNEW, #write_page {
	background-color: #FFFFFF;
}

.design_row, .write_row {
	background-color: #66339999; /* Purple background with hex 99 opacity */
}

#design_content #design_caption p {
	color: #000000; 
	text-shadow: -1px 1px 0 #FFFFFF,
				  1px 1px 0 #FFFFFF,
				 1px -1px 0 #FFFFFF,
				-1px -1px 0 #FFFFFF;
}

#linked_in {
	border: 2px solid #00FF00;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	background-color: white;
}

#landing_page {
	background-color: white;
	background-image: url('../images/bannerBackground.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
}


@media screen and (max-width: 750px) {
	#header {
		color: #FFFFFF;
		text-shadow: -1px 1px 0 #FF0000,
					  1px 1px 0 #FF0000,
					 1px -1px 0 #FF0000,
					-1px -1px 0 #FF0000;		
	}
	#design_content #design_caption p {
		color: #FFFFFF;
		text-shadow: none;
	}
}

/***********************************************/
/* ELEMENT BORDERS							   */
/***********************************************/
#book_showcase img, #landing_page iframe, #warfight_page .thumbnail_item a img,
#landing_page #wLayer .contact #liSide.project_item img, #warfight_page iframe, .video-container img {
	border: 2px solid #00FF00;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
}
#guestVids_showcase .guestVid p {
	border-top: 2px solid #00FF00;
	border-right: 2px solid #00FF00;
	border-bottom: none;
	border-left: 2px solid #00FF00;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#guestVids_showcase .guestVid iframe, #guestVids_showcase .guestVid img {
	border-top: none;
	border-right: 2px solid #00FF00;
	border-bottom: 2px solid #00FF00;
	border-left: 2px solid #00FF00;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#bioPics img, #warfight_page .thumbnail_item img, .designPiece img, #disabler.video-container iframe {
	border: 2px solid #663399;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 7px 20px 0 rgba(0, 0, 0, 0.39);
}

.design_row, .write_row {
	border: 2px solid #00FF00;
}


/***********************************************/
/* SPECIAL EFFECTS		                       */
/***********************************************/
@supports ((-webkit-backdrop-filter: blur(2px)) or (-o-backdrop-filter: blur(2px)) or (-moz-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
#landing_page p, #landing_page .h1_level, #landing_page .h2_level {
	-webkit-backdrop-filter: blur(2px);
	-o-backdrop-filter: blur(2px);
	-moz-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);	
}

@supports ((-webkit-backdrop-filter: blur(15px)) or (-o-backdrop-filter: blur(15px)) or (-moz-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
	#design_caption p {
		border-radius: 8px;
		-webkit-backdrop-filter: blur(15px);
		-o-backdrop-filter: blur(15px);
		-moz-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	}
}
	
@supports not ((backdrop-filter: blur(15px)) or (-o-backdrop-filter: blur(15px)) or (-moz-backdrop-filter: blur(15px)) or (-webkit-backdrop-filter: blur(15px))) {
	#design_caption p {
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.6); /* White background with 60% opacity */
	}
}

#landing_page #rLayer a:hover img, #landing_page #pLayer a:hover img, .guestVid:hover {
 	filter: sepia(100%);
}

.floating_menu_container, .menu_container { /*menu droplight*/
	box-shadow: 0 5px 20px #663399;
	-moz-box-shadow: 0 5px 20px #663399;
	-webkit-box-shadow: 0 5px 20px #663399;
}
	
/***********************************************/
/* BODY										   */
/***********************************************/
#mainBody, #mainBodyNEW {
	width: 100%;
	margin: 0px auto;
	overflow-x: hidden;
}

/***********************************************/
/* MENU										   */
/***********************************************/
.floating_menu_container, .menu_container {
	background-image: url('../images/bg_solid.jpg');
	background-position: top;	
	background-repeat: repeat-x;
	background-size: contain;
	height: 7vw;
	font-family: 'Lato', sans-serif;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.floating_menu_container {
    position: fixed; /* Keeps the menu in the same place when scrolling */
    top: 0;          /* Positions it at the top of the viewport */
    left: 0;         /* Positions it at the left of the viewport */
    z-index: 1000;   /* Ensures the menu is on top of other content */
    width: 100%;
	display: -moz-flex;
	display: -webkit-flex;
    display: flex;
}
	
.currentMenu_item {
	height: inherit;
	align-items: center;
}
	
#logo img {
	height: 75%;
	object-fit: contain;
	border-radius: 8px;
	margin-top: 7%;
}
#logo img.active {
	height: 93%;
	margin-top: 0;
}

.currentMenu_item img {
	height: 100%;
}
	
.menu_item {
	align-items: center;
}
	
.menu_item a {
	font-weight: bold;
	font-size: 4vw;
}

.menu_item a.active {
	font-size: 6vw;
}

/***********************************************/
/* LANDING PAGE								   */
/***********************************************/
#landing_page {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0px;
}

#landing_page #wLayer, #landing_page #rLayer, #landing_page #zLayer, #landing_page #tLayer {
	margin: 0px;
}

#book_showcase .project_item {
	width: 40%;
	text-align: left;
}
#book_showcase .project_item p:first-of-type {
	margin-top: 0px;
}
#book_showcase img {
	width: 100%;
}

#project_showcase .project_item {
	width: 60%;
	text-align: center;
}

#myBio {
	width: 50%;
}

#bioPics {
	width: 35%;
}
#bioPics img {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#bio_pic1 img {
}
#bio_pic2 {
	transform: rotate(349deg);
}
#bio_pic3 {
	transform: rotate(11deg);
}
	
#landing_page #tLayer .project_item {
	align-items: center;
	width: 80%;
}
	
#landing_page #wLayer .project_container.contact {
	align-items: center;
}
	
#landing_page #wLayer .contact #xSide.project_item,
#landing_page #wLayer .contact #liSide.project_item {
	width: 20%;
}
	
#landing_page #wLayer .contact #liSide.project_item img {
	width: 100%;
	background-color: white;
}
	
#landing_page #wLayer .contact #fbSide.project_item {
	width: 35%;
}

.fb-page {
	border: 2px solid #00FF00;
	border-radius: 8px;
	height: 250px;
}

#landing_page #spacer {margin-top: 30px;}

/***********************************************/
/* WARFIGHT			                           */
/***********************************************/
#warfight_page {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 7vw;
}
	
#warfight_page #rLayer, #warfight_page #wLayer {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat; /* Do not repeat the image */
	width: 100%;
	margin: 0px;
}

#warfight_page #tLayer, #warfight_page #pLayer {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	width: 100%;
	margin: 0px;
}

#warfight_page #publish_content {
	margin-top: -15px;
}
	
#socialMedia_showcase .project_item {
	width: 80%;
	text-align: center;
}

.wwIntro .project_item, .wwIntro_showcase.project_item {
	text-align: left;
}
.wwIntro .project_item p:first-of-type, .wwIntro_showcase.project_item p:first-of-type {
	margin-top: 0px;
}

ul.wwBullets {
	font-size: inherit;
}
	
.wwIntro_showcase.project_container {
	margin-bottom: 0px;
}

.bulletBelow {
	margin-bottom: 0px;
}

#warfight_page .thumbnail_item img {
	width: 100%;
}

#warfight_page #tLayer .thumbnail_item, #warfight_page #wLayer .thumbnail_item {
	width: 100vh; /* Or set a specific width in vh, e.g., width: 80vh; */
    height: auto; /* Allow height to be calculated */
    aspect-ratio: 16 / 9; /* Sets the width-to-height ratio */}

#warfight_page #zLayer .thumbnail_item, #warfight_page #pLayer .thumbnail_item, #warfight_page #rLayer .thumbnail_item {
	width: 133vh; /* Or set a specific width in vh, e.g., width: 80vh; */
    height: auto; /* Allow height to be calculated */
    aspect-ratio: 16 / 9; /* Sets the width-to-height ratio */
}
	
#warfight_page #tLayer .project_item p, #warfight_page #pLayer .project_item p, #warfight_page #wLayer .project_item p, #warfight_page #rLayer .project_item p {
	text-align: left;
	margin-top: 0px;
}
#warfight_page ul.wwBullets {
	text-align: left;
	margin: 0px;
}

#warfight_page:not(#zLayer):not(#rLayer) .project_container {
	margin-top: inherit;
	margin-bottom: 33px;
	justify-content: space-evenly;
}

#warfight_page:not(#zLayer) .project_item:first-of-type {
	width: 85%;
}

.special_point {
	font-size: 133%;
	text-align: center;
	width: 85%;
}
.special_point p {
	margin: 0px;
}

#warfight_page #tLayer .project_item, #warfight_page #wLayer .project_item {
	width: 33%;
}

#guestVids_showcase .project_item {
	width: 40% !important;
	text-align: center;
}
#guestVids_showcase .guestVid {
	text-align: center;
	margin-bottom: 33px;
	padding: 0px;
	background-color: transparent;
}
#guestVids_showcase .guestVid:last-of-type {
	margin-bottom: 0px;
}
#guestVids_showcase .guestVid p {
	color: #663399;
	text-shadow: none;
	font-weight: normal;
	font-size: 110%;
	font-family: 'Lato', sans-serif;
	padding: 6px;
	margin: 0px;
}
#guestVids_showcase iframe {
	width: 99%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#guestVids_showcase .guestVid img {
	width: 99%;
	height: auto;		
}
	
#warfight_page .h1_level {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#wLayer .h2_level {
	margin: 0px 0px 13px 0px;
}

#warfight_page #zLayer .h1_level {
	margin-bottom: -10px;
}

/***********************************************/
/* COMMON TO WARFIGHT AND LANDING              */
/***********************************************/
.video-container {
	justify-content: center; /* Horizontal center */
	align-items: center;     /* Vertical center */
	margin-bottom: 20px;
	/*height: 80vh;
	width: 100vh;*/
	width: 133vh; /* Or set a specific width in vh, e.g., width: 80vh; */
    height: auto; /* Allow height to be calculated */
    aspect-ratio: 16 / 9; /* Sets the width-to-height ratio */
}
.video-container iframe, .video-container img {
	width: 100%;
    height: auto; /* Allow height to be calculated */
    aspect-ratio: 16 / 9; /* Sets the width-to-height ratio */
	cursor: pointer;
}
	
.halfPint.video-container {
	width: 100vh;
}
	
#disabler.video-container iframe {
	pointer-events: none;	
}
	
#zLayer p:last-of-type, #zLayer ol:last-of-type, #tLayer p:last-of-type, #pLayer p:last-of-type, #wLayer p:last-of-type, #rLayer p:last-of-type {
	margin-bottom: 0px;
}

.project_container {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin: 0px 0px 15px 0px;
}
.project_item,.special_point {
	flex-grow: 0;
	margin: 0px;
	/*align-items: flex-start;*/
}
#landing_page .project_container {
	justify-content: space-evenly;
}

.zoomLink {
	margin: 0px;
	padding: 0px;
	justify-content: space-around;
	align-items: center;
}
.zoomLink p {
	margin: 0px 0px 33px 0px;
}
.zoomLink img {
	/*transition: transform .5s; /* Animation */
	-webkit-transition: all .5s ease-out;
  	-moz-transition: all .5s ease-out;
  	-o-transition: all .5s ease-out;
  	transition: all .5s ease-out;
	width: 30%;
}
.zoomLink:hover img {
 	transform: scale(1.3);
}

.thumbnail_item img {
	vertical-align: middle;
}
#landing_page .outsideLink:hover img, #twitt:hover {
 	filter: invert(100%);
}

.book_promote {
	font-size: 120%;
}

#tLayer .project_column {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
#tLayer .project_column iframe {
	position: absolute;
	top: 0%;
	left: 10%;
	width: 80%;
	height: 80%;
}

#pLayer .project_item {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

#pLayer .project_item p:first-of-type {
	margin-top: 0px;
}

#wLayer .project_item {
	text-align: center;
	width: 33%;
}
#wLayer .project_item:last-of-type {
	margin-top: -3px;
}
#wLayer .project_item img {
	width: 50%;
}

/***********************************************/
/* COMMON TO TECHNO-IMAGINAL PROJECTS          */
/***********************************************/
#design_page, #write_page {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	background: url('../images/labBackgound.jpg') no-repeat fixed center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 10px;
}

#design_scrollBox, #write_scrollBox {
	width: 20%;
	display: -moz-flex; display: -webkit-flex; display: flex;
	flex-direction: column; -webkit-flex-direction: column;
	justify-content: flex-start;
	margin-top: 5px;
}

.design_row, .write_row {
	width: 100%;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
}

.design_row:last-of-type, .write_row:last-of-type {
	margin-bottom: 0px;
}

button, input[type=submit] {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	white-space: normal;
	letter-spacing: 1px;
	padding: 0px;
	background-color: transparent;
	border-color: transparent;
	cursor: pointer;
}
				
#design_content, #write_content {
	width: 75%;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
}

/***********************************************/
/* WRITE			                           */
/***********************************************/
#write_content iframe::-webkit-scrollbar {
  display: none;
}
	
#write_content iframe {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

#publish_content {
	margin: 0px;
	padding: 0px;
	border: 2px solid #663399;
	border-radius: 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow:
	none; box-shadow: none;
}
	
/***********************************************/
/* DESIGN			                           */
/***********************************************/
#design_caption p {
	font-family: 'Roboto', serif;
	font-weight: normal;
	text-align: left;
	font-size: 130%;
	padding: 10px;
}

.designPiece {
	display: none; /* Hide the images by default */
	text-align: center;
}
.designPiece img {
	width: 90%;
}

/***********************************************/
/* FOOTER	                                   */
/***********************************************/
#mini_row {
	display: none;
	font-family: 'Roboto', serif;
}

#siteInfo {
	border-top: 1px solid #999999;
	font-weight: bold;
	font-size: 95%;
	font-family: 'Lato', sans-serif;
	color: #669900;
	margin: 0px;
}
#siteInfo .project_container {
	text-align: right;
	justify-content: flex-end;
	padding: 7px 20px 7px 0px;
	margin: 0px;
}


/***********************************************/
/* RESPONSIVE LAYOUT	                       */
/***********************************************/
@media only screen and (max-width: 740px) {
	#mainBody, #mainBodyNEW {background-color: #000000;}

	.floating_menu_container, .menu_container {height: 10vw;}
	.menu_item a {font-weight: normal; font-size: 5vw;}
	.menu_item a.active {font-weight: normal; font-size: 6vw;}
	.currentMenu_item img.active {height: 90%;}
	
	.video-container, .halfPint.video-container {width: 45vh;}
	.project_container:not(#siteInfo) {display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; align-items: center; font-size: 110%;}
	#landing_page #wLayer .contact #xSide.project_item, #landing_page #wLayer .contact #fbSide.project_item {width: 80%;}
	#landing_page #wLayer .contact #liSide.project_item {width: 50%;}
	#landing_page #wLayer .contact #xSide.project_item {margin-bottom: 30px;}
	#book_showcase .project_item:first-of-type {margin: 0px 0px 13px 0px;}
	#landing_page #tLayer .project_container {margin-top: 0px;}
	#landing_page #pLayer .project_item p:first-of-type {margin-top: 1rem;}
	#landing_page #wLayer .project_item:last-of-type {margin: 2.5rem 0 0 0;}
	#book_showcase .project_item, #project_showcase .project_item, #myBio, #bioPics, #wLayer .project_item {width: 80%;}
	.zoomLink img {width: 40%;}
	.zoomLink:hover img {transform: none;}
	#bio_pic2, #bio_pic3 {display: none;}
	
	#warfight_page {margin-top: 10vw;}
	#warfight_page .thumbnail_item, #warfight_page:not(#zLayer) .project_item {width: 45vh !important;}
	#warfight_page .modal-content {margin: 0px auto;}
	#warfight_page #tLayer .project_container, #warfight_page #wLayer .project_item {margin: 0px 0px 33px 0px;}
	#warfight_page #rLayer .guestVid {margin-bottom: 33px;}
	#warfight_page #tLayer .project_container:last-of-type {margin: 13px;}
	#warfight_page #zLayer ol:last-of-type, #warfight_page #wLayer .project_item:last-of-type, #warfight_page #pLayer .project_item:last-of-type, #warfight_page #rLayer .project_item:last-of-type .guestVid:last-of-type {margin-bottom: 0px;}
	#warfight_page #tLayer .thumbnail_item img, #warfight_page #wLayer .thumbnail_item img {margin-bottom: 7px;}
		
	#write_page, #design_page {-webkit-flex-direction: column; flex-direction: column; background-image: none; justify-content: space-between; background-color: inherit; margin: 0px; padding: 0px; height: 100%;}
	#write_content, #design_content {margin: 0px auto; padding: 0px; width: 100%;}
	#write_scrollBox, #design_scrollBox {display: none;}

	#design_caption, .designPiece {padding: 0px;}
	#design_content #design_caption p {padding: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 115%;}
	
	#mini_row {display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; align-items: center; font-size: 200%; margin-bottom: 10px;}
	#header {text-align: center;}
	}
}