/*std elements*/

body {
	margin:0px;
	padding:0px;
	background-color: #5e5e5e;
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #E8E9ED;
}

a {color: #E8E9ED;}
a:hover {text-decoration:underline; color:#C1BB13;}


h2 {
	font-size: 18px;
	font-weight: normal;
	margin:5px;
}

hr {
	height:1px;
	width:200px; 
	background-color:#E8E9ED;
	color:#E8E9ED;
	border:0;
}

input[type="text"], textarea {
  background-color:#E8E9ED;
  color: #5e5e5e;
}

input[type="submit"] {
  color: #333;
  background-color:#E8E9ED;
}

/* tables */
.biography table td, .marinegarden table td, .contact table td {
  padding: 5px;
  color: #E8E9ED;
  font-size: 14px;
}

	
td {
	vertical-align:top;
}

/* bootstrap additions */
.row-padded {
  margin-top: 15px;
  margin-bottom: 15px;
}
.row-padded-top {
  margin-top: 30px;
}
.row-padded-bottom {
  margin-bottom: 30px;
}

.well {
  color: #5e5e5e;
}

/*formating css*/

header {
	background-color:#6a645e;
	margin-bottom: 20px;
}

#logo {
  width: 75%;
}

.homepage .footer {
    display: none;
}

.footer, footer a {
  margin: 80px auto;
  text-align: center;
  position: relative;
  width: 100%;
  font-size:10px;
  color:#E6EAEE;
}

.footer > div {
    margin-top:-5px;
}

.footer .quotes {
    width:80%;
    font-size:12px;
    font-style:italic;
    color:#E6EAEE;
    border:1px solid #333;
    background-color:#999;
    margin:50px auto 10px auto;
    padding:10px;
}

/*main nav*/

.navbar, .navbar-default {
  background-color: #353534;
  border: none;
  min-height: 30px;
  margin-bottom: 0;
  border-radius: 0;
}

.navbar-default .navbar-nav > div > a {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
  padding: 2px 4px;
}

.navbar-default .navbar-nav > div.active > a {
  background-color: #e6eaee;
  color: #333;
  box-shadow: 0 0 8px 0 #000;
}
.navbar-default .navbar-nav > div.active > a:hover {
  text-shadow: none;
  color: #5a89d7;
}

.navbar-default .navbar-nav > div.nav-item-contact {
    background-color: darkorange;
}
.navbar-default .navbar-nav > div.nav-item-contact a:hover {
    text-shadow: none;
    color: #333;
}

.navbar-default .navbar-nav {
  text-align: justify;
  width: 90%;
/*   height: 25px; */
  margin-left: 5%;
}
.navbar-default .navbar-nav > div {
  margin: 5px inherit;
}
.navbar-default .navbar-nav > div > a:hover {
  color: #5a89d7;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0,0,0,0.6);
}
.navbar-default .navbar-nav:after {
  content: '';
  width: 100%;
  display: inline-block;
}


/*subnav text formats*/
.subnav {
	height:auto;
	min-height: inherit;
	background-image:url(/img/nav/subnav_bg_tile.gif);
	background-repeat:repeat-x;
	background-color:#E6EAEE;
	text-align:center;

  margin-top: 30px;
  width: 200%;
  margin-left: -50%;
	}

.subnav a {

	font-size:11px;
	text-transform:uppercase;
  text-decoration:none;
	color:#5e5e5e;
	padding:1px 3px 1px 3px;
  margin: 0 0 0 30%;
  display: block;
  width: 100px;
  text-align: left;
}
	
.subnav a:hover {
  text-decoration:none;
  color:#1842ae;
}
	
.subnav a.active {
	color:#E6EAEE;
	background-color:#5e5e5e;
}

.subnav .navbar-toggle {
  padding: 5px;
  margin-top: 0;
  border-color: #666;
}

.subnav .navbar-toggle .icon-bar {
  width: 15px;
}

/*biography main page*/

.biography {
  padding-top: 10px;
}

.biography h2, .biography p {
	text-align:center;
	line-height: 150%;
	font-size:15px; 
	color:#E8E9ED;
}

.biography img {
	border:1px solid #E8E9ED;
	margin-bottom: 20px;
	width: 100%;
}


/*resume*/


	
/* marine garden */

.marinegarden {
  padding-top: 10px;
}


/*contact*/

.contact {
  padding-top: 10px;
}

.tricky { display: none; }

.link {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#E8E9ED;
  	text-align:left;
	margin:20px 0 0 50px;
	}
.link a {text-decoration:underline; color:#E8E9ED; font-weight:600;}
.link a:hover{text-decoration:underline; color:#C1BB13;}

#friends {
	text-align:center; 
	color:#E8E9ED; 
	width:75%; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:16px; 
	margin:40px 0 30px 0;
	}


	
/*** New Gallery ***/

#gallery {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#gallery img {
  margin: 1px;
  border: 2px solid transparent;
}

#gallery img:hover {
  border: 2px solid #fff;
}


/** new intro **/

#intro { 
  position:relative;
  width:100%;
  height:auto;
  min-height: 340px;
  margin-left: auto;
  margin-right: auto;
  
}

#intro img { 
  position:absolute;
  left:0;
  top:0;
  border: 1px solid white;
  width: 100%;
}

#intro img.blank {
  border: none;
}


@media (min-width: 768px) {
  #logo {
    width: 400px;
  }
  .navbar-nav {
    margin-top: 5px;
    height: 25px;
  }
  .navbar-default .navbar-nav > div {
    display: inline-block;
    margin: 0;
  }
  
  .subnav {
  	height:22px;
  }
  
  .subnav a {
  	margin:0 20px 0 20px;
    text-align: center;
    width: inherit;
    display: inline;	
  }
  
  #gallery {
    text-align: left;
  }
  #gallery img {
    margin: 10px;
  }
  
}