.starter-template {
  padding: 40px 15px;
  text-align: center;
}

body {

    background-color:#eee;
}

.navbar-blue {
	background-color: blue;
	!important color: white;
}

#masthead{
	/*position: absolute; */
	top: 0 px;
	left: 0 px;
	right: 2%;
	width:100%;
	background-color:#0000cc;
	
}

#masthead h1 a {
color: white;
}

#siteName{
	margin: 0px;
	padding: 12px 0px 8px 15px;
	color: #ffffff;	
	font:bold 200% Helvetica, sans-serif
}

#siteName a{
	color: #ffffff;
	font-weight:bold;
}

#siteName a:hover{
	color: #FFFF00;
	
}

#utility {
	font: small Helvetica,sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 8px 15px;
}

#masthead img { float: left; margin: 5px 5px 5px 15px; }
#mastheadContent { margin-left: 54px; min-height: 58px;}


@media (max-width: 768px) {

.navbar-toggle {
	position: absolute;
	right: 0;
	top: -86px;
	background-color: #0000cc;
}

.navbar { min-height: 0; }

.navbar-brand { padding: 0; }

}

@media (min-width: 768px) {


#utility {  
	position: absolute;
	top: 10px;
	right: 10px;
	text-align:right;
}


}

#utility a{
	color: #ffffff;
	font-weight:bold;
}

#utility a:hover{
	text-decoration: underline;
	color: #FFFF00;
	
}
#subutility {

	top: 30px;

}

/* tweaks for houptlab.org
	- make horizontal rules more obvious
	- make h1, h2, h3 match github css
	- make table format match github css
*/
hr {
  height: 1px;
  background:#00008B;
}

h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  color: #777777;
  font-size: 14px; }

  table {
  	font-size:inherit;
  	font:100%;
  	margin:1em;
  }
  table th{border-bottom:1px solid #bbb;padding:.2em 1em;}
  table td{border-bottom:1px solid #ddd;padding:.2em 1em;}

  /* HouptLab carousel settings. Adjust overall size via the img max-width setting. */

  .carousel-inner {
  	
	  background:#ddd;
  }

/*
  .carousel-control.left {
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.0001)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.75) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0000000', endColorstr='#00000000', GradientType=1);
  }

  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.75)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.57) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.75) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.75) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#C0000000', GradientType=1);
  }
  
  #houptlab-carousel .carousel-inner > .item > img {
  	margin: auto;
  	width: 100%;
  	max-width: 400px;
	padding-top:30px;
  	padding-bottom: 40px; 
  }
*/
  /* Default indicators are white, so make them HouptLab blue. */

  #houptlab-carousel .carousel-indicators {

    bottom: -140px;
    width: 80%;
    margin-left: -40%;

  }
  #houptlab-carousel .carousel-indicators li {
   border-color: #aaa;
  
  }

  #houptlab-carousel .carousel-indicators .active {
   background-color: #aaa;
  }



.carousel-control.left {

    background-image: none;
    left: -70px;
}

.carousel-control.right {


    background-image: none;
    right: -50px;
}

#houptlab-carousel .glyphicon {

    color: gray;
}


/* prevent href links from printing */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* css for showing carosel images inside iphone */
.bg-image{
    width: 375px; /* 438 = 584 * 0.75 */ /* 375 = 500 * 0.75 */
    height:704px; /*938 * .75 */
    background-image:url('/img/iphone7_narrow.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding: 0px  0px;
    position:relative;

}

.carousel {
     position:absolute;

    left:53px;
     top:79px;

}
.carousel-inner>.item>a>img, 
.carousel-inner>.item>img{
     height: 480px; 
/*     padding-top: 190px;
     padding-left: 109px;  */

}

.surve_list li {

    margin-bottom:20px;
    padding-left: 0px;

}
.surve_list ul {

    padding-left: 15px;

}