.navbar,.navbar-collapse .collapse{
  background-color: #000;
  border-color:#428bca; 
  /*background-image: linear-gradient(to bottom, rgba(0,0,50,0.6), rgba(100,100,200,0.9)40%,rgba(100,100,200,0.9)60%,rgba(0,0,50,0.6) 100%);*/
  background-image: linear-gradient(to bottom, rgba(0,73,136,0.8) 40%, rgba(0,73,136,0.4)100%);
  box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

 .navbar { min-height:38px;   }
 .navbar .navbar-brand{ padding: 0 12px;font-size: 16px;line-height: 38px;height: 38px; }
 .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 38px; }
 .navbar .navbar-toggle {  margin-top: 3px; margin-bottom: 0px; padding: 8px 9px; }
 .navbar .navbar-collapse {border-color: #000;}
 
  .navbar { min-height:32px;   }
 .navbar .navbar-brand{ padding: 0 12px;font-size: 16px;line-height: 32px;height: 32px; }
 .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 32px; }
 .navbar .navbar-toggle {  margin-top: 3px; margin-bottom: 0px; padding: 6px 6px; }
 .navbar .navbar-collapse {border-color: #000;}
 
 .panel-heading{background-image: linear-gradient(to bottom, rgb(0,30,56) 40%, rgb(0,52,98)100%);}

 .panel {border-color:#001e38;box-shadow: 2px 2px 1px rgba(0,0,0,0.5);}
.navbar-default {color: #ddf;}

.btn-primary,.navbar-default .navbar-nav > li > a {
    color: #ddf;
    background-color: #000;
    background-image: linear-gradient(to bottom, rgba(0,73,136,0.8) 40%, rgba(0,73,136,0.4)100%);
    font-size:1.1em;
}

 .navbar-default .navbar-nav > li > a:hover {background-color: rgba(0,73,136,0.8);}
.navbar-default .navbar-brand{
    color: #ddf;
    font-size:1.1em;
}

 .navbar-default .navbar-brand:hover {background-color: rgba(0,73,136,0.8);}

body {
  /*padding-top: 50px;*/
}
.starter-template {
  padding: 40px 15px;
}

 .thumbnail img {
   /*width: 100%;*/
   border:1px solid #002748;
   border-radius:0.2em;
   box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
   background-color:#FFFFFF;
}



.thumbnail{
   width: 100%; /* for IE 6 */
   border:1px solid #002748;
   border-radius:0.2em;
   box-shadow: -2px -2px 1px rgba(0,0,0,0.5);
   background-color:#FFFFFF;
   background-image: linear-gradient(to bottom, rgba(140,193,255,0.2) 40%, rgb(255,255,255)100%);

}

.thumbnail:hover{
   width: 100%; /* for IE 6 */
   border:1px solid #002748;
   border-radius:0.2em;
   box-shadow: 2px 2px 1px rgba(0,0,0.2,0.5);
   background-color:#FFFFFF;

}

 .thumbnail img:hover{
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
     	z-index: 10;
     	overflow: hidden;
 }

h1,h2,h3,h4,h3 a, p {
	color:#002748;
}

h1 {font-family: Georgia;font-size:4em;}


/* image */
.image {
    border: 10px solid #FFFFFF;
    box-shadow: 5px 5px 5px #666;
    float: left;
    height: 125px;
    margin: 10px;
    overflow: hidden;
    width: 125px;
    cursor:pointer;
}

/* zoom in image */

.athumbnail img {
  height: 100%;
  width: 100%;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.athumbnail img:hover {
  width: 100%;
  height: 100%;
}