html, body, div, article, section, ul, li, footer, h1, h2, h4, .subtitle, a{
	padding: 0;
	margin: 0;
	}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeue-webfont.eot');
	src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue-webfont.woff') format('woff'),
		url('fonts/BebasNeue-webfont.ttf') format('truetype'),
		url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	/* for bottom justified footer */
	position: relative;
	min-height: 100%;
}
body{
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	margin: 64px 0 75px 0;
	padding-top: 1px;
	font-weight: 400;
	font-size: 15px;
	overflow-y: scroll;
	overflow-x: hidden;
}
nav a {
	padding: 0;
	margin: 0;
	color: #333;
 }
.clr{
	clear: both;
}
.container {
	width: 600px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1.5em;
	letter-spacing: .7px;
}
.narrow {
	width: 400px;
}
.firstLine::first-line {
	font-weight: bold;
	text-transform: uppercase;
}
.caption {
	border-bottom: 1px solid grey;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-size: .8em;
}

.pageTitle {
	font-size: 18px;
	padding: 10px;
    }

#statement_title, #studio_title {
	text-align: center;
	}

#bio_title, #news_title, #press_title {
	text-align: left;
	}
	
#press_title, #news_title, #contact_title {
	margin-top: -5px;
	}
	
#statement_title h4 {
	font-weight: 100;
	font-size: 0.9em;
   }

.statement_text  p {
	padding-top: 5px;
	margin-bottom: -5px;
	line-height: 1.8em;
   }

.bannerImage {
	max-height: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display:block;
}
.halfWidth {
	width:50%;
}
.container_recent {
	width: 90%;
	margin: 0 5%;
	padding-top: 15px;
}
.subtitle {
	padding-top: 4px;
	margin-bottom: -10px;
	color: grey;
	font-size: .8em;
}

h4 {
	font-size: 1.1em;
	}

/*======NEWS/CONTACT TYPOGRAPHY========*/


  .outer_title_container {
	    width: 76%;
		min-height: 100%;
	    padding: 5px 5%;
	    margin: 1% auto;
	    background-color: transparent;
        }
		
  .contact_outer {
	  width: 100%;
	  margin-left: 15px;

	  }
		
  .contact_info {
		display: inline-block;
		vertical-align:top; 
		font-size: 1.1em;
		line-height: 1em;
		text-align: left;
		padding-right: 10%;
		}
		
  #contact_email, #curriculum {
	  width: 250px;
	  }
	  
  #contact_address {
	  width: 380px;
	  }
	  
  .contact_info_mailing {
	   display: inline-block;
	   vertical-align:top;
	  }
	  
  .contact_typo {
	  padding-right:10px;
	  font-weight:bold;
	  }
   
  .contact_outer a {
	  text-decoration: none; 
	  color: black;
	   }
    
  .contact_outer a:hover {
		color: rgba(16,137,184,1.00);
		text-decoration: underline;
		transition: all 1s;
		}
	
  .news {
	   margin: auto;
	   width: 98%;
	   min-height: 100%;
	   font-size: 1.1em;
	   line-height: 1.1em;
	   background-color:transparent;	
		}
	
  .news, ul {
	   list-style:none;
	   }
	
  .news ul li:before{
		 display: inline-block;
		 content: "•";
		 font-size: 100%;
		 }
		 
   .news ul li {
		 padding: 5px 5px 5px 0;
		 }
	
		

@media only screen and (min-width:1268px) and (max-width:1670px){
		
	 .contact_info {
	 padding-right: 3%;
	  }
		
    }
 
 
 @media only screen and (min-width:1168px) and (max-width:1267px){
	
	 .outer_title_container {
	    padding: 15px 0%;
        }
	 
	
	  .contact_info {
		display: inline-block;
		vertical-align:top; 
		line-height: 1em;
		text-align: left;
		padding-right: 0%;
		}
    }
 
  @media only screen and  (max-width:1167px){
	  
	   .outer_title_container {
	    width: 90%;
	    padding: 5px 5% 0px;
	    margin: 1% auto;
	    background-color: transparent;
        }
	  	
	
    .contact_info {
		padding-top: 1px;
	    width: 100%;
		display: block;
		font-size: 1em;
		line-height: 0.35em;
		}
				
	#contact_email, #contact_address, #curriculum {
		width: 100%;
		}
		
		
    .contact_info_mailing {
	   padding-top: 0px;
	   display: block;
	  }
	    
	.news {
	   font-size: 1em;
	   line-height: 1.5em;
	   background-color:transparent;
		}
		
	 .news > ul {
		margin: 0 0 0 10px;
		}
		
 }


