body {
	font-family: 'Anaheim', sans-serif;
	font-size: 1.4em;
	margin: 4em;
	color: #333;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Anaheim', sans-serif; 
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size: .8em;
}

a, a:link, a:visited, a:hover { 
	color: #333; 
	text-decoration: underline; 
	cursor: pointer; 
}

a:hover { 
	background-color: #F3F315; 
	color: #333; 
}

#content, #nav { 
	display: inline-block; 
	vertical-align: top;
}

#nav a, #nav a:hover, #nav a:visited {
	text-decoration: none;
} 

#nav { 
	padding: 1em; 
	font-family: 'Anaheim', sans-serif; 
	text-transform: uppercase; 
	width: 200px; 
	margin-right: 50px;
}

#nav > .group { 
	margin-bottom: 10px; 
}

#nav > .group > .header { 
	text-transform: uppercase; 
	color: #ccc; 
}

#back {
	display: none;
}

#content { 
	left: 300px;
	width: 800px;
}

#carousel-container { 
	width: 800px; 
}
	
#project { 
	font-size: 1.2em; 
}
	
#project > .header { 
	margin-bottom: 2em; 
}

#project > .header > h1 { 
	font-family: 'Anaheim', sans-serif; 
	background-color: #000; 
	color: #fff; 
	display: inline-block; 
	padding: 2px 5px; 
	font-size: 1.7em; 
}

#project > .content > .description { 
	font-size: .85em; 
	margin-bottom: 2em; 
	line-height: 1.7em;
}

#project > .footer { 
	margin-top: 2em; 
}

#project .module { 
	margin-bottom: 1em; 
	font-size: .8em; 
}

#project .writing { 
	font-size: 1em; 
	line-height: 2em; 
	margin-right: 0%; 
	background-color: #efefef; 
	padding: 2em; 
}

#project .writing p:first-child { 
	font-size: 1.4em; 
	line-height: 1.6em;
}

.quote { 
	width: 50%; 
	font-size: 1.1em; 
	margin-bottom: 2em;
	background-color: #efefef; 
	padding: 2em;
}

.quote > p { 
	font-weight: bold; 
}

.quote > .source { 
	font-size: .8em; 
	text-decoration: underline; 
	display: block;
}

.active { 
	background-color: #F3F315;
}

.carousel .active, .carousel-control:hover {
	background-color: transparent;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
}

span.title {
	font-style: italic;
}

/*	mobile	*/
@media only screen and (max-width: 568px) and (max-device-width: 568px) {
	
	body {
		margin: 1em;
		font-size: 1.5em;
	}
	
	#content {
		left: auto;
		width: 100%;
	}

	#content, #nav { 
		display: block; 
		width: 100%;
	}
	
	#nav.minimized {
		display: none;
	}

	#back {
		display: block;
	}

	#nav > .group, 
	#nav > .group > .header, 
	#nav > .group > .link { 
		display: inline-block;
	}
	
	#nav > .group { margin-bottom: 0px; }
	
	#nav > .group > .link {
		margin-right: .2em;
	}

	.quote { width: 100%; }

	#carousel-container { width: 100%; }
	.carousel-indicators { display: none; }
}