@charset "UTF-8";
/* CSS Document */
body {
		background: rgba(255,255,255,1.00);
		max-width:64em;
		margin: 0 auto;	
		background-image: url("images/background.png");
		background-attachment: fixed;
		background-size:cover;
		
}
#title ul il {
		display:block;
		padding-bottom:.1em;	
}
#title ul{
		padding-top:4em;
		padding-bottom:2em;
}
#myname {
		/*background: rgba(231,88,91,1.00);*/
		font: 50pt 'Josefin Sans', sans-serif;
		text-align: center;
		font-weight: 300;
}
#tagline {
		/*background: rgba(163,156,156,1.00);*/
		font: 18pt 'Josefin Sans', sans-serif;
		text-align: center;
		font-weight: 300;
}
#mailoption {
		font: 23pt 'Josefin Sans', sans-serif;
		text-align: center;
		font-weight: 300;
		padding-bottom: 1em;
}
#statement {
	/*	background: rgba(119,84,186,1.00);*/
		font: 15pt 'Josefin Sans', sans-serif;
		text-align: left;	
		text-indent: 50px;
	 	/*max-width:40em;*/
		max-width:700px;
		margin: 0 auto;
		/*font-weight: bold;*/
		padding-right: 2em;
		padding-left: 2em;
		text-align: justify;
		overflow:auto;
}
#demo{
		clear: left;
		padding-left: 1em;
		font: 11pt 'Josefin Sans', sans-serif;
		font-weight: 300;
}
a:visited {
   		 color: black;
}
a:link {
   		 text-decoration: none;
		 color: black;
}
a:hover {
   		 color: #FF317D;
}
#soundcloud {
	/*	background: rgba(238,211,212,1.00);*/
		font: 14pt 'Josefin Sans', sans-serif;
		text-align: left;
	/*	border-bottom: .1em solid rgba(0,0,0,1.00);	*/
		font-weight: 300;
}
/* Tablet to Desktop */
@media (min-width: 1024px) {
	ul {
   			 list-style-type: none;
   			 margin: 0;
   			 padding: 0;
	}
	li {
  			display: inline-block;
			padding: .5em;
	}
	#navigation {
		/*background: rgba(159,240,136,1.00); */
		font: 20pt 'Josefin Sans', sans-serif;
		padding-left: 0em;
		font-weight: 300;
	}
	nav{
		text-align:center;
		max-width:64em;
		margin: 0 auto;
	}
		#mepd1 {
		display:none;
	}
	#mepd2 {
		display:none;
	}
}

/*END TABLET PC*/


/*Phone*/
@media(max-width: 1023px) {
/*	#name {
		font: 36pt 'Josefin Sans', sans-serif;
		text-align: center;
		font-weight: 300;
	}
	#tagline {
		font: 13pt 'Josefin Sans', sans-serif;
		font-weight: 100;
	}
	#title {
		padding-top:none;
	}
	#statement {
		font-size:12pt;
		text-align: justify;
	}*/
	ul {
   			 list-style-type: none;
   			 margin: 0;
   			 padding: 0;
	}
	li {
  			display: inline-block;
			padding: .5em;
	}
	#navigation {
		/*background: rgba(159,240,136,1.00); */
		font: 20pt 'Josefin Sans', sans-serif;
		padding-left: 0em;
		font-weight: 300;
	}
	nav{
		text-align:center;
		max-width:64em;
		margin: 0 auto;
	}
/*	#fsex {
  		width: 300px;
  		height: 160px;
		padding-left: 0em;
	}
	#filmscore ul li p{
		text-align:center;
		font: 12pt 'Josefin Sans', sans-serif;
		font-weight:300;
		max-width:300px;
	}
	#filmscore ul {
		max-width:300px;
		margin: auto;
	}
	#contactpic {
		padding-right: .5em !important;
		padding-left: .5em !important;
	} */
	#mepd1 {
		display:none;
	}
	#mepd2 {
		display:none;
	}
}

/*END PHONE*/
#filmscore {
		font: 14pt 'Josefin Sans', sans-serif;
		font-weight: 300;
}
#photocred, #photocred2 {
		font: 10pt 'Josefin Sans', sans-serif;
		font-weight: 300;
}
footer {
		font: 1em 'Josefin Sans', sans-serif;
		text-align: left;
		border-top: .1em solid rgba(0,0,0,1.00);
		/*clear: right;*/
		padding-left: 0em;
		padding-bottom:1.5em;
		font-weight: 300;
}
#filmfooter {
		/* background: rgba(178,134,134,1.00);*/
		 clear:left;
		 font-weight: 300;
}
#filmscore ul li{
		float: left;
		clear: right	;
}
#filmscore ul li p{
    	border: none;
    	width: 23em;
    	word-wrap: break-word;
}
#soundcloud {
		padding-left: 3em;
		padding-right: 3em;
}
#photocred {
		padding-left: .5em;
		font-weight: 300;
}
videos{ 
    	max-width: 100%; 
    	height: auto; 
}
#welcome{
		max-width: 100%;
		margin: 0 auto;
		padding-right:.3em;
		padding-left: .3em;
}
.introvideo {
  position: relative;
  height: 0;
  overflow: hidden;
}
/* 16x9 Aspect Ratio */
.introvideo {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.introvideo {
  padding-bottom: 75%;
}
.introvideo iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
img{ 
    	max-width: 100%; 
    	height: auto; 
} 
#mepd1 {
		max-width:400px;
		max-height:779px;
		float:left;
		opacity: .6;
		/*padding-right:.5em;*/
		padding-left: 1em;
}
#mepd2 {
		max-width:400px;
		max-height:779px;
		float:right;
		opacity: .6;
		/*padding-left: .5em; */
}
#pinklight{
		font: 15pt 'Josefin Sans', sans-serif;
		font-weight:300;
		display: block;
		border: none;
    	max-width: 33em;
    	word-wrap: break-word;
		text-align:left;
		margin: 0 auto;
		padding-left: 1em;
		padding-right: .5em;
}
u {
    	text-decoration: none;
    	border-bottom: 1px solid black;
}​