@charset "UTF-8";
/* CSS Document */
body, html {
	height: 100%;
	background-color: rgba(238, 74, 169, 0.8);
	font-family: 'avenir_lt_std45_book', sans-serif;
	color: #fff;
	height:100%;
    min-height:100%;
}

html {

	 }

.embed-responsive {
	/*  margin-top: 40px; */	
}

section {
	padding: 35px 0px;	
	width: 100%;
}

/* for temp top sticky callout */
.pagewide {
    z-index: 99999;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 42px;
    background-color: rgba(188,136,2, 0.9);	
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px dotted #FF0;
}
.pagewide a {
    color: #fff;
    text-decoration: none;
}
 .navbar {
        top: 0px;
    } 
    

    hr {
  border: 0;
  border-bottom: 1px dashed red;
  border-color: rgba(255,255,255,0.5);
 
}



/* for HEAD! */
section#head {
     padding: 0px 0px;	
}

#c {
   
  width: 100%;
  height: 100%;
  display: block;
}




/* CSS Document */

h1 {
	 font-family: 'avenir_lt_std85_heavy', sans-serif;
 	 font-size: 28px;	
	 margin-bottom: 35px;
}
a {
	color: #ff0;	
}
.container-fluid {
	 max-width: 1180px;	
}
	
	
img {
	width: 100%;	
}
	
/* TEMP FRONTPAGE POPUP*/
#upcoming {
		background-color: rgba(255, 255, 255, 0.9);
		width: 90%;
		margin: 60px auto 10px auto;
		padding: 10px 5%;
		color: #333;
}
#upcoming ul {
	padding:5%;	
	font-size: 14px;
}
#upcoming a {
	color:#00677F	
}

	 
/*  NAVBAR  */
.navbar-inverse {
  background-color: rgba(238, 74, 169, 0.8);
  border-color:  rgba(248, 84, 179, 0.8);
 
  margin: 0 auto;
}
	 
.navbar-inverse .navbar-brand {
  color: #FFF;
  text-transform: uppercase;
 font-family: 'avenir_lt_std85_heavy', sans-serif;
 
  font-size: 21px;
}
	 
.navbar-inverse .navbar-nav>li>a {
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: #FF0;
 
}
	 

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #FFF;
}
	 
	 
#morebelowcontainer {
	position: absolute;

	width: 100%;
	bottom: 5%;
	text-align: center;
	color: #FF0;
}

#morebelowcontainer a {
	color: #FFF;
	font-size: 40px;	
}

#pagecontainer {
	position: absolute;
	top: 100%;	
	width: 100%;
}



/* PROJECTS */
#projects h1  {
 text-align: center;

  font-size: 28px;
}
	 


#projects{
	background-color: rgba(2, 160, 188, 0.9);	
}

#student{
	background-color: rgba(2, 160, 188, 0.9);	
}


.projthumb {
	margin: 15px 0px;
	position: relative;
	
}

.projthumb .caption {
    position:absolute;
    font-size: 15px;
    bottom:0;
    left:0;
    background:rgba(0,0,0, 0.45);
  	 width: 100%;
    padding:1%;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

/* PROJECT page */
#projectdisplay h1  {
 text-align: left;
 font-family: 'avenir_lt_std85_heavy', sans-serif;
  font-size: 28px;
   margin-left: 15px;
   margin-top: 25px;
 
}
	 


#projectdisplay{
	background-color: rgba(2, 160, 188, 0.9);	
    min-height:100%;
   padding-top: 100px;
}

#projectdisplay h2  {
 text-align: left;
margin-bottom: 0px;
  font-size: 30px;
  margin-top: 0px;
     font-family: 'avenir_lt_std85_heavy', sans-serif;

 
}

.projectinfo {
	font-size: 16px;
    line-height: 18px;
}
	 
.projtopinfo {
	/* font-family: 'Lora', serif; */
    margin-bottom: 28px;
    font-family: 'avenir_lt_std45_book', sans-serif;
}
	
.projtopinfo a {
    text-decoration: none;
    font-size: 16px;
    color: white;
    
}
.projdesc {
	font-size: 18px;	
   font-family: 'avenir_lt_std45_book', sans-serif;
    
}
.projdesc p {
	margin-bottom: 28px;
    
}


.leftcol {
	font-size: 11px;
	padding-bottom: 45px;	
}

.credits {
	font-size: 9pt;	
}

/* BIO */
#bio h1  {
 text-align: center;
  margin-right: 15px;
}

#bio{
	position: relative;
	background-color: rgba(188,136,2, 0.9);	
}

#bio p {
	text-align: justify;
	font-size: 16px;
	margin-bottom: 24px;	
}

/* STATEMENT */
#statement h1  {
 text-align: center;
  margin-left: 15px;
}
	 
#statement{
	position: relative;
	background-color: rgba(2, 160, 188, 0.9);

}

#statement p {
	text-align: justify;
	font-size: 16px;
	margin-bottom: 24px;	
}

#statement p a {
	color: #ff0;	
}

#statement p.footnote {
	font-size: 12px;	
}



/* recordings*/
#recordings h1  {
 text-align: center;
  margin-right: 15px;
}

#recordings{
	position: relative;
	background-color: rgba(2, 160, 188, 0.9);	

}

.recorditem {
	margin: 15px 0px;	
	position: relative;
}


.recorditem .caption {
    position:absolute;
    bottom:0;
    left:0;
     background:rgba(83,187,244,0.9);
	 font-size: 20px;
    line-height: 22px;
  	 width: 100%;
    padding:1%;
    text-align:center;
    color:#fff !important;
    z-index:2;
	opacity: 0;
}

.recorditem:hover .caption {
  opacity: 1;
}

/* contact */
#contact h1  {
 text-align: center;
}
	 
#contact {
	position: relative;

	background-color: rgba(238, 74, 169, 0.8);

}


#contact .innercontainer {
	width: 90%;
	margin: 0 auto;
	max-width: 300px;
	text-align: center;

}

#contact p {
		font-size: 18px;		
}


@media only screen and (min-width: 768px) {
	
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #666;
}

#bio h1  {
 text-align: right;
}

#upcoming {
		width: 30%;
		margin: 0;
		position: fixed;
		bottom: 20px;
		right: 20px;
		padding: 15px 15px;
}


#statement h1  {
	text-align: left;
}
	
}