/* Base elements */

body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;

	color: #fff;
	background-color: #f0c052; /*ffcb57;  */
/*
	color: #fff;
	background-color: #ffcb57;
	text-shadow: black 1px 1px 0px;
	padding: 6em 0 6em 15em;
	padding: 80px 150px 0 60px;
*/
	padding-top: 80px;
	line-height: 1.5;
}

h1 {
	font-size: 3.6em;
	line-height: 1;
}

h2 {
	font-size: 3.0em;
}

h3 {
	font-size: 2.4em;
}

a {
	text-decoration: none;
	color: #a67200;
}

a:hover {
	text-decoration: none;
	color: #BF9330;
}


/* Page-specific elements */
p.subname,
span.nav,
span.content {
	padding-bottom: 50px;
}

/* Name */

p.subname {
	font-size: 1.4em;
	position: relative;
}


h1.name,
p.subname,
/* div.nav */ {
	text-align: right;
	width: 200px;
}

/* Nav */

ul {
/*	float: left; */
	width: 100%;
}
	
ul li {
	width: 49%;
	display: inline-block;
	text-align: center;
}

div.nav h1 {
	font-size: 4.4em;
}

/* TODO Move span.content up to top right of page */

ul.footer li, 
span.content {
	font-size: 1.4em;
}

/* Content */

/*
p.about,
span.contact ul*/
div.title {
	padding-left: 280px;
}

p.about {
	min-width: 340px; 
	font-size: 1.9em;
}

span.contact ul li {
	font-size: 1.7em;
}

p.about {
	text-align: justify;
/*	padding-bottom: 40px; */
}

span.content {
	float: right;	
}

/* Gallery */

h3.portfolio {
	margin: 1.5em 0 0.5em;
	font-weight: normal;
}

ul.horizontal-list {
	width: 100%;
}

ul.horizontal-list li {
	display: inline;
/*	margin-right: 6em; */
	float: left;
	text-align: center;
/*	width: 25%; */
}

ul.horizontal-list li img {
	width: 100px;
	height: 100px;
	border: 0.8em solid #fff;
}

ul.horizontal-list li a {
	font-size: 1.4em;
}


/* Footer */
   
ul.footer {
	width: 100%;
}

ul.footer li { 
	width: 24%;
	display: inline-block; 
	text-align: center;
}

/* Color scheme */

.primary-bg-1 { background-color: #FFB000 }
.primary-bg-2 { background-color: #BF9330 }
.primary-bg-3 { background-color: #A67200 }
.primary-bg-4 { background-color: #FFC440 }
.primary-bg-5 { background-color: #FFD373 }

.primary-1 { color: #FFB000 }
.primary-2 { color: #BF9330 }
.primary-3 { color: #A67200 }
.primary-4 { color: #FFC440 }
.primary-5 { color: #FFD373 }