body{
	background-color:#6a6a6a;
	font-family: 'Arimo', sans-serif;
}
#page-container{
	background-color:#6a6a6a;
}

.top-bar{
	/*border-bottom:2px solid #888;*/
	height: 47px;
	color: #000;
}
.top-bar .name h1 a{
	color:#000;
}

.top-bar-section{
	position:relative;
}
.top-bar-section ul{
	position:relative;
}
.top-bar-section ul li{
	margin-top: 5px;
	position: relative;
list-style: none;
}

.top-bar-section ul li:nth-child(1){
	background-color:#ee8c00;
}
.top-bar-section ul li:nth-child(2){
background-color:#e39a32;
}
.top-bar-section ul li:nth-child(3){
background-color:#cda264;
}
.top-bar-section ul li:nth-child(4){
background-color:#ab9473;
}
.top-bar-section ul li a{
	color:#333;
}

section{
	overflow: hidden;
}
section.expanded{
	background-color: #ccc;
}
.expanded .bars{
	background-color: #888;
	position:relative;
	-webkit-box-shadow: 0px 1px 8px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 8px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 8px 3px rgba(0,0,0,0.75);
}
.bars.topbar{
	height:0px;
	opacity:0;
}
.bars.bottombar{
	height:0px;
	opacity:0;

}

#about{
	
}

#about.expanded,#portfolio.expanded,#resume.expanded,#contact.expanded{
	display:block;
}


.content{
	padding-top:20px;
	padding-bottom:20px;
	background:efefef;
	overflow:hidden;
	line-height: 1.6;
}

.landing-title h1,
.landing-title h3,
.landing-title h3 small{
	color:#fff;
	float:right;
}
.landing-title h3{
font-family: 'Patrick Hand SC', cursive;
}
.hanging{
	margin-left:10px;
}
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section li:not(.has-form) a:not(.button){
	background:none;
	color:#000;
}
#myModaldata{
	width:100%;
	overflow:scroll;
}

.download-button{
	margin-bottom:10px;
}
.download-button a{
	background: #ee8c00;
	color: #000;
	border: 1px solid #888;
	padding: 10px;
	/* margin: 10px; */
	border-radius: 5;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,2,0.25);
}
.download-button a:hover{
	background: #ff9a08;
	color: #000;
	border: 1px solid #aaa;
	padding: 10px;
	/* margin: 10px; */
	border-radius: 5;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,2,0.15);
}

@media only screen{
	.top-bar-section li.active{
		left:10px;
		top:0px;
		background-color:#888;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button){
		background-color:none;
	}

	.cutoutblock{
		width: 5px;
	    display: block;
	    position: absolute;
	    right: 5px;
	    background-color: #6a6a6a;
	    top: 0px;
	    height: 50px;
	}
}

@media only screen and (min-width: 40.063em) {
	.cutoutblock{
	    display: none;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background-color:none;
	}
	.top-bar-section li.active{
		left:0px;
		top: 10px;
		background-color:#888;
	}

	.top-bar-section ul li:nth-child(1){
	background-color:#ee8c00;
	}
	.top-bar-section ul li:nth-child(2){
	background-color:#e39a32;
	}
	.top-bar-section ul li:nth-child(3){
	background-color:#cda264;
	}
	.top-bar-section ul li:nth-child(4){
	background-color:#ab9473;
	}
	.top-bar-section ul li a{
		color:#333;
	}

}