/** Custom Styles to override bootstrap **/

*,p {
	font-family: 'Gentium Book Basic', 'Book Antiqua', 'Garamond', serif;
}

p {
	font-size: 14px;
}

h1,h3,h5, .nav li, .nav li a {
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 800;
}

html {
	background: url(../images/bg-city-2.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	
}



body {
	padding-top:  60px;
	background: transparent;
}
/* not used for now due to navbar not showing on mobile sizes
#bg-holder{  	
	width:  100%;
	height: 100%;	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
*/

.container.primary, .container.footer {
	position: relative;
	z-index: 10;
	background-color: rgba(255,255,255,.85);
	border-radius: 5px;
	padding:  5px;
	color: #000; /* duct-tape */
}

.container.footer {
	margin-top: 10px;
	padding-top:  15px;
}

.navbar.navbar-fixed-top {
	z-index: 2000;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
color: #111;
background-color: rgba(0,0,0,.1);

}

.navbar .brand {
	padding: 5px 20px;
}


.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {

color: #111;
text-shadow: 0 0 5px rgba(255,255,255,.7);

}


.help-inline {
	display: none;
}

.signature {
	font-style:  italic;
	font-weight: bold;
}

dt {
	margin-top:  20px;
	clear: left;
}

.avatar {
	border-radius: 5px;
	-o-background-sizeborder-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

img.team-unit {
	max-width: 100%;
	width: 562px;
	margin: 0 auto;
}
img.xf-team {
	max-width: 100%;
	width: 500px;
	margin: 0 auto;
}

.team-members-ask li{
	font-size: 14px;
	margin-top: 15px;
}

/** responsive stuff **/
@media (max-width: 979px) {

	body {
		padding-top:  0;
	}
	
	.navbar .nav > li > a, .navbar .dropdown-menu a {
		color: #111;
	}
	.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
		color: #fff;
	}
	
	.tagline {
		float: left;
	}
	
	.team-members-ask li{
		font-size: 14px;
		margin-top: 5px;
	}

}
@media (max-width: 768px) {
	html {
		background: url(../images/bg-city-2-sm.jpg) no-repeat center center fixed;
		
	}
	
	.container {
		width: 100%;
		margin:  inherit	0;
	}
	

}