/* todo: fix the css, its a mess; */


body {
	background-color: #ffffff;
  font-size: 12px;
}

.title {
  font-size: 18px;
}

.row h3 {
  font-size: 18px;
}

.content h3 {
  font-size: 18px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.content .container {
  width: 80%;
}

.nav .container {
	background-color: #ffffff;
  /*#99D6EB;*/
}

.nav a {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
  text-decoration: none;
}

.nav li {
  display: inline;
}

.nav-pills {
  float: right;
  border-radius: 4px;
}

.nav-pills > li.active > a {
  background-color: #99C2C2;
}

.nav-pills > li.active > a:hover,
.nav-pills > li > a:hover {
  color: #fff;
  background-color: #99C2C2;
}

.content .container {
	background-color: #fff;
	padding-top: 5px;
}

/* index.html */
.projects .thumbnail {
  border: none;
}
.projects .thumbnail > a > img {
  padding: 5px 5px 0px 5px;
  opacity: 0.5;
  border-radius: 25px;
  height: 150px;
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  filter: grayscale(80%);
}

.projects .thumbnail > a > img:hover {
  opacity: 1;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.projects .thumbnail .caption {
  color: #000000;
}

/* 2100 */

.biking_keystone img.img-thumbnail {
  max-height: 150px;
  border: none;
}

/* cs148 */

.cs148 .thumbnail {
  border: none;
  border-radius: 25px;
}

/* yale mural */
hr {
  border: 0;
  height: 1px;
  width: 66%;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.yale_mural .thumbnail {
  border: none;
}

.yale_mural .thumbnail img {
  border-radius: 25px;
}

.footer {
  background-color: #efefef;
  border-top: 1px solid #dbdbdb; 
  padding-top: 10px;
  padding-bottom: 50px;
}