*	{

	margin:0px;
	padding:0px;
}

body {

	width:100%;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack:center;
	-moz-box-pack:center;	
}
	
div, ul, li {

	display:solid;

}

h3 {
	font:normal 12px Helvetica;
	color:gray;
	margin-left:90px;
	margin-top: 40px;

}

#parent {
	max-width: 1000px;
	display:-webkit-box;
	display:-moz-box;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	margin-top:50px;
}


#item1	{
	padding:20px;
	margin-top:30px;
	width: 150px;
	height:400px;
}

#item2 {
	border:solid 1px black;
	padding:10px;
	margin:30px;

}

.menu {
	border-bottom: 1px solid black;
	padding:20px;

}

ul {
	list-style:none;
	font:normal 11px Helvetica;
}

li {
	padding:10px;
	color:black;
	-webkit-transition:background 1s, color 1s;
	-moz-transition:background 1s, color 1s;
}

li:hover {
	background: black;
	color:white;
}

a:link {
	text-decoration:none;
	color:black;
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	}

a:visited {
	text-decoration:none;
	color:black;
	}

a:hover {

	text-decoration:none;
	color:white;

	}

a:active {
	text-decoration:none;
	
	}


p {
	font: normal 14px Helvetica;
	text-align: left;
    line-height: 130%;

  }

footer {

/*	font: normal 10px Helvetica;
	color:gray;
	margin-top:500px;
	width:50%;
	height:60px;
*/

  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10%;
  background-color: white;
  color: white;
  text-align: center;
		
}

.social {

	padding: 30px;
}

#pagelink 
{
	/*color: #C25283;*/
	color: #6eecb8;
	-webkit-transition:background 1s, color 0.5s;
	-moz-transition:background 1s, color 0.5s;
}
#pagelink:hover {
	background: black;
	color: white;
}

#bio {
	/*opacity: 0.80; (don't understand why I had this here)*/
	border-left: solid 1px black;	
	font: normal 14px Helvetica;
	padding: 40px;
	/*margin-top: 50px;*/
	margin-left: 50px;
    line-height: 100%;
	margin-bottom: 50px;

	width: 50%;
	height: 200px;
	text-align: justify;

}

#contact {
	font: lighter 14px Helvetica;
	border-left: solid 1px black;
	padding:20px;
	margin-top:50px;
	margin-left:50px;
	width:300px;
	height:200px;

}

#chead {
	/*font:normal 24px Helvetica;*/
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;

}

#work {
	border-left:solid 1px black;
	margin-top:50px;
	margin-left:50px;
	width:300px;
	height:200px;
	padding:20px;
}

.workli {
	padding:20px;
	font:normal 16px Helvetica;

}

li:hover.workli {
	color:#C25283;
	background:white;
}

a:link .workli {

	text-decoration:none;
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;

		}
a:visited.workli {
	text-decoration:none;
	color:black;
	}

a:hover.workli {
	text-decoration:none;
	color:white;
	}
a:active.workli {
	text-decoration:none;
	}

.art {
	border-bottom: solid 1px black;
	padding-bottom: 20px;
	}
	
#current {
	border-left:solid 1px black;
	padding: 20px;
	margin-top: 50px;
	margin-left: 50px;
	width: 75%;
	/*height:200px;*/
}

/*media,nightshining,work class css*/

.mediaDiv
{
    height: 150px;
    width: 165px;
    background-color: black;
    border-radius: 10px;
    margin: 5px;
    margin-bottom: 25px;
    float: left;
}

.mediaImg
{
 	height: 150px;
    width: 165px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0.8;

}

.mediaTitle
{
	height: 19px;
    width: 165px;
    /*font: lighter 10px Helvetica;*/
    font: 14px Helvetica;
    /*border: 1px solid red;*/
    background-color: black;
   	text-align: center;
   	color: white;
   	padding-top: 5px;
}

#MainGridDiv
{
    width: 75%;
    /*background-color: blue;*/ 
}