/* @font-face {
	font-family: gotham_bookregular;
	src: url('../fonts/Gotham-Book.ttf');
} */

@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media (max-width: 767px){
body {
	padding-right: 0px !important;
	padding-left: 0px !important;
}}

body{
	/*margin-top:80px;*/
}


h1, h2, h3, h4, h5, h6, p{
	font-family: 'gotham_bookregular';
}

h1 {
	margin-bottom: 30px;
}

p{
	font-size:15px;
}

ul>li{
	font-family:'gotham_bookregular';
}

.paper {
	background: url('../img/cream_dust.png');
}
.tac{
	text-align:center;
}






.container-fluid{
	/*background-color: #13A2C4;*/
}





.quote{
	font-family: 'Vollkorn', serif;
	font-style: italic;
}



.circle .image-wrap {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}


.navbar .nav > li > a {
text-shadow:none;
font-size: 18px;	
}

.navbar .nav {
margin: 0;
}

.navbar .nav > li > a:last-child {
padding-right: 0px;	
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: white;	
}

.navbar-inner {
	border-top: 5px solid #D5E6CA;
	background-image: none;
	background-color: #ffffff;
	font-family: 'gotham_bookregular';
	padding-left: 10%;
	padding-right: 10%;
	/*font-family: 'Lato', sans-serif;*/
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	box-shadow: none;
	padding-left: 10%;
	padding-right: 10%;
	/*border-bottom: 4px solid #13A2C4;*/
}

.navbar .brand{
	font-size: 35px;
}

.well{
	margin-top:0px !important;
	margin-bottom: 0px;
	
	-webkit-border-radius:0;
	border-radius:0;
	border: 0;
	
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top:35px;
	padding-bottom:50px;
}

.navbar{
	margin-bottom: 0px;
}

.navbar-inner{
	-webkit-border-radius:0;
	border-radius:0;
	border: 0;
	
	padding-top:25px;
	padding-bottom:20px;
}

	
	
#projects_link{
	color:#005580;
}

#work_link{
	color:#DD1144;
}

#about_link{
	color:#387038;
}

#artwork_link{
	color: #E62201;
}

#contact_link{
	color:#5b5b5b;
}

#resume{
	color:#E62201;
}



#contact_me{
	color:#555555;
}

#portfolio_link{
	color:#630947;
}


footer{
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom:30px;
	background-color:#fff;
	background-color:#333333/*#D5E6CA*/;
	position: relative;
	padding-top: 35px;
	/*padding-top:70px;*/
}

footer .container-fluid{
	padding-left:0;
	padding-right:0;
}

#joanne_quote{
	background-color: #fff;
	padding-bottom:10px;
	position: relative;
	padding-top: 15px;
	padding-left: 10%;
	padding-right: 10%;
	color: #3b3b3b;
	
}

#recent_projects{
	/*background-image: url("../img/mountainlion.jpg");*/
}

#my_blurb{
	/*background-color: #eeeeee;*/
	background-color:#ffffff;

	/*background-color: #E0EFF1;*/
}

#many_hats{
	padding-bottom: 80px;
	background-color: #eeeeee;
}

#work_experience{
	/*background-color: #eeeeee;*/
	/*background-color:#9BCFF2;*/
	background-color:#D5E6CA;

	/*background-color: #E0EFF1;*/
}

#work_experience h1{
	color:#384954;
}

footer #profile_pic{
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -50px;
}

footer .img-social-media{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
}


.carousel-inner{
	height:700px;
	/*overflow: visible;*/
}
.carousel.slide{
	margin:auto;
	
	/*padding-bottom:120px;*/
}

.carousel.slide img{
	margin:auto;
	max-width:800px;
	max-height:500px;
	min-height:500px;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: -150px;
  left: 0;
  padding: 15px;
  background: none;
}

.carousel-caption h4, .carousel-caption p {
	color:#000;
}

.circle{
	-webkit-border-radius: 50em;
	-moz-border-radius:50em;
	border-radius: 50em;

	display:inline-block;
	background-image: url('../img/jl-picture.png');
	background-position: 0px -55px;
	width: 128px;
	height: 128px;
	z-index: 50;
	
	padding: 0px;
	background-color: #fff;
	
	moz-box-shadow: inset 0 0 15px #111;
	-webkit-box-shadow: inset 0 0 15px#111;
	box-shadow: inner 0 0 15px #111;
}

.white-border{
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -70px;
	
	padding:6px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	
	-webkit-border-radius: 50em;
	-moz-border-radius:50em;
	border-radius: 50em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          
         
}

.holder{
	
	height:150px; 
	line-height:150px; 
	text-align:center;
}

.holder img{
display:inline-block;
}

#img-uiux{
	margin-top:35px;
}


@media (max-width: 979px) {
	.project_image{
	margin-bottom: 30px;
	}
	
	#work_experience{
		background-color:#eeeeee;
	}
	
	#recent_projects{
		background-color:#eeeeee;
	}
	
	footer{
		/*background-color:#fff;*/
	}
	
	.navbar .nav-collapse .nav.pull-right {
	margin-top: 20px;
	}
	
}

.project_image{
	margin-right: 50px;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.adapt{text-align: right; float:right;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.adapt{text-align:left;}
.project_description{max-width: 500px; display:inline-block; margin-left:auto; margin-right:auto; text-align:left;}
.layout{text-align:center;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.adapt{text-align:right; float:right;}
.project_description{max-width: 300px; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
img {max-width: 100%px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
img {max-width: 100%;}
.adapt{text-align:left;}
.project_description{max-width: 100%; display:block;}
}


.accordion-toggle .collapsed{
	color: #9BCFF2; 
}

a .accordion-toggle{
	color: #002A80;
	font-size: 20px;
	font-weight: strong;
}

.accordion-group{
	border: 0;
	background: #fff;
}

.accordion-inner {
	border-top: 0;
}

.accordion-heading a{
	/*color: #384954;*/
	font-weight: 500;
}

.accordion-heading a:hover{
	text-decoration: none;
}


.project_description {
	margin-left: 0;
}

p.white{
	color:#FFFFFF;
}

.hero-unit{
	padding:0;
	margin:0;
}