/* No Round Corners */
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.container{
  padding-left:30px;
  padding-right: 30px;
}
.project{
	padding-left: 15px;
}
/* thumbnail gallery */
body {
	margin-top: 100px; /* 50px is the height of the navbar - change this if the navbarn height changes */
}

.thumb {
	margin-bottom: 0px;
}

footer {
	margin: 50px 0;
}

/* height navbar */
.navbar-fixed-top {
    min-height: 50px;
	 padding-top: 25px;
	 padding-bottom: 25px;
	 padding-left: 30px;
}

.navbar-nav > li > a {
	margin-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 30px;
	width: 100px;
	text-align:center;
	
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
		margin-left: 0px;
    line-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align:left;}
}

/* navbar */
.navbar-toggle {
	border: none;
}
.navbar-default {
    background-color: rgba(255,255,255,0.85);
    border: none;
}

hr { 
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	color: gray;
}
/* title */
.navbar-default .navbar-brand {
     color: white;
	 font-size: 16px;
	 font-family: 'Droid Serif', serif;
	 padding-top: 0px;
   	 padding-left: 10px;
  	 padding-right: 10px;
	 display:block;
	 background-color:black;
 	 height: 30px;
	 line-height: 30px;
 	
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
	display:block;
 	background-color:black;
}

.navbar-brand h3 {font-size: 16px; 
	font-family: 'Droid Serif', serif;
	margin: 0px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	background-color: black;
	color: white;

	}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
	 background-color: #000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #000;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #000;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: black;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
		background-color:black;
    }
}

.dropdown-menu{
	border-style: none;
    background-color: rgba(255,255,255,0.85);
	margin-left: 5px;
	font-size: 12px;
}
.dropdown-menu > li > a:hover{
	background-color: black;
	color: white;
}
/* Text and Font */
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

h1 { }
h2 { }
h3 {font-size: 16px; 
	font-family: 'Droid Serif', serif;
	margin: 0px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	background-color: black;
	color: white;

	}
h4 {font-size: 16px; font-family: 'Droid Serif', serif;
	margin-top: 0px; 
	}
h5 {font-size: 12px; 
	font-family: 'Droid Serif', serif;
	margin: 0px;
	font-weight: 600;
	}
h6 { }

.navbar{
	margin-top: 10px;
	margin-bottom:10px;
}

.navbar-toggle {
  margin-top: 0px;
}
.thumbnail {
  border: 0px solid #ddd;
}

.project a {
	  text-decoration: underline;
	  color: #000;
}

.row a{  
    text-decoration: underline;
    color: #000;}

.project img{
  margin: 0 0 20px 0;
}
a:hover {
	  color:black;
}

/* caption */
  .grid-block {
  	position: relative;
  	float: left;
  	width: auto;
  	height: auto;
  	margin: 0px 0px 30px 0px;
  }

  .grid-block h4 {
  	font-size: .9em;
  	color: #333;
  	background: #f5f5f5;
  	margin: 0;
  	padding: 10px;
  	border: 1px solid #ddd;
  }
 
  .caption {
  	/*display: none;*/
  	left: 0;
  	width: 100%;
  }

  }
  .caption p {
  	font-size: .75em;
  	line-height: 1.5em;
  	margin: 0 20px 15px;
  }
  
  .project p{
	  padding-top: 10px;
  }


@media (min-width: 992px) {
	.text-fixed{
		position:fixed;
		width:28%;
	}
}
@media (max-width: 767px) {
	.navbar{
		padding-left:15px;
	}
}