body {
	background-color: #333336;
	font-family: helvetica, sans-serif;
	line-height: 1em;
}

#desc {
	font-size: 8pt;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
}

#header {
	width: 400px;
}

ol, ul {
	list-style: none;
	padding-left: 0px;
}

#menu ul {
	width: 120px;
}

a {
	text-decoration: none;
	color: white;
}

#menu li a:hover {
	color: #52D9EF;
}

 a.clicked {
 	color: #52D9EF;
 }

#menu {
	float: left;
	font-size: 8pt;
	line-height: 2em;
}

#about {
	width: 500px;
	float: left;
}

#about li {
	float: left;
	padding-right: 10px;
}

#about p {
	font-size: 8pt;
	color: white;
}

.round {
	border-radius: 2px;
}

#social img {
	border: 0px;
	height: 16px;
	width: 16px;
}

@font-face {
	font-family: 'Lobster';
	src: url('Lobster1.4.otf');
}

h1 {
	font-family: Lobster;
	font-weight: normal;
    font-style: normal;
	color: white;
}

#loadingpage {
	font-family: Lobster;
	padding: 54px;
}

#music {
	margin: 54px;
	font-family: Lobster;
	font-size: 20px;
}

#photography {
	margin: 54px;
	font-family: Lobster;
	font-size: 20px;
}

.details p {
	font-size: 12px;
}

.details{ margin:15px 20px; }	
		h4.details { font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
		p.details { font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}

#projects {
	margin-top: 12px;
}