/* -- global ---------------------------------------------------------------- */
body {
	background-color:#554236;
	color:#d1c5a5;
	font-family:'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color:#f5f5f5;
	font-family:'Patua One', seriff;
}

h1, h2, h3 {text-shadow:0px 0px 5px rgba(213,202,165, 0.5);}

a {color:#F5E56F; text-shadow:0px 0px 3px #ff5f00; transition:0.25s;}
a:focus, a:hover {text-decoration:none; color:#f4ecb0; text-shadow:0px 0px 2px #F5E56F, 0px 0px 7px #ff5f00; transition:0.25s;}

hr.soften {
	height:1px;
	border:0px;
	margin:10px 0px 30px 0px;
	background-image:-webkit-linear-gradient(left, rgba(209,197,165, 0), rgba(209,197,165, 0.25), rgba(209,197,165, 0));
	background-image:-moz-linear-gradient(left, rgba(209,197,165, 0), rgba(209,197,165, 0.25), rgba(209,197,165, 0));
	background-image:linear-gradient(left, rgba(209,197,165, 0), rgba(209,197,165, 0.25), rgba(209,197,165, 0));
}

/* -- bootstrap ------------------------------------------------------------- */
.navbar-default {
	background:rgba(24, 75, 93, 0.90);
	box-shadow:0px 2px 3px 0px rgba(27,2,3, 0.5) inset, 0px 1px 5px 0px rgba(27,2,3, 0.35);
	border-color:rgba(13,51,64, 1);
}

.navbar-nav > li > a {padding-top:11px; padding-bottom:9px; padding-left:0px;} /* images are 30x30, total = 50, @grid-float-breakpoint set to 0 at http://getbootstrap.com/customize/ */
.navbar-right a {opacity:0.65; transition:0.25s;}
.navbar-right a:hover {opacity:1; padding-top:9px; transition:0.15s;}

.thumbnail {border-color:rgba(220,195,158, 0.5); background-color:rgba(255,255,255, 0.1);}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color:#ffbe13}

.media{padding-top:30px;}

/* -- misc ------------------------------------------------------------------ */
#header {
	background:url(../img/logo_faded_r.png) no-repeat 100% 50%,
	#554236 url(../img/header_bg.jpg) 50% 50%;
}

/* navbar logo */
.mb-in {
	opacity: 1;
	position:absolute;
	top:0px;
	transition:all 0.5s ease;
}

.mb-out{
	position:absolute;
	top:-88px;
	opacity:0;
	transition:all 1s ease;
}

/* games */
#header, #picma, #becca, #upcoming {border-bottom:2px solid #433126;}

#picma {background-color:#d9bf89; color:#433126;}
#picma a {color:#433126; text-shadow:none;}

#becca {background-color:#b8322a; color:#f2d268;}
#becca a {color:#f2d268; text-shadow:none;}

#upcoming {background-color:#4f3138; color:#d1c5a5;}
#upcoming a {color:#d1c5a5; text-shadow:none;}

#about {
	padding-top:80px;
	padding-bottom:200px;
	background:url(../img/logo_faded_l.png) no-repeat 0% 50%;
}

.sepv {background:url(../img/sep_v.png) no-repeat 100% 50%;}

.vcenter {
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-align-items:center;
	align-items:center;
}

footer {
	background-color:#433126;
	border-top:2px solid #433126;
	color:#674f3f;
}
footer p {padding-top:10px;}

/*portfolio*/
#intro {padding:60px 0px;}