@charset "UTF-8";
/* CSS Document */


@font-face {
	font-family: Museo; 	src: url('../Museo500-Regular.otf'); 	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */	}

body {background:#f4f2e9; font:80%/155% Helvetica, Arial, sans-serif; color:#444;}


/*	1. BRANDING ------------------------------------------*/
	
	#header {background:#4c4a44; height:102px; position:relative;}
	
	#header .container {position:relative; height:102px;}
	
	a#header-logo {font-size:3em; text-shadow:2px 2px #1B3D3F; font-family:Museo, "Rockwell", Georgia, Times, serif; position:absolute; left:0; bottom:20px;}
	a#header-logo span {font-size:0.5em; text-shadow:none; color:#AEACA3; text-transform:uppercase; text-shadow:1px 1px #2A2926; font-family:Helvetica, Arial, sans-serif;}
	
	a#header-logo:hover {color:#75B3BB; text-decoration:none;}
	
	
	
/*	2. NAVIGATION ---------------------------------------*/	
	
	#header-nav {text-align:right; position:absolute; bottom:20px; right:0;}
	
	#header-nav li {float:left; margin-left:20px;}
	
	#header-nav li a {font-size:1.5em; font-weight:normal; color:#F0EEE3; text-decoration:none; font-family:Museo, "Rockwell", Georgia, Times, serif; }
	
	#header-nav li a:hover {color: #75B3BB;}

/*	3. STRUCTURE & TYPE --------------------------------*/

	p {margin-bottom:15px;}	
	
	.about p, .contact p {font-size:1.1em;}
	
	h1, h2, h3 {font-family: Museo, "Rockwell", Georgia, Times, serif; font-weight:500;}
	
	h1 {color:#F0EEE3; font-size:2em;}
	h1 span {color:#bf5339;}
	
	#h1-wrapper h1 { width:960px; margin:0 auto;}
	
	h2 {color:#bf5339; font-size: 2em; text-transform:uppercase; margin:0 0 25px 0; font-family:Museo, "Rockwell", Georgia, Times, serif; font-weight:500;}
		
	h3, .about h2, .contact h2 {font-family:Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding-bottom:8px; color:#444;}
		

	
	h4 {font-family:Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:8px 0;}
	
	a {color:#75b3bb; text-decoration:none;}
	
	a:hover {color:#bf5339; }
	
	strong {font-weight:bold;}
	
	.container {width:960px; margin:0 auto; text-align:left;}
	
	#h1-wrapper {background-color:#2a2926; border-bottom:5px solid #4c4a44; padding:15px 0; min-height:22px;}
	
	

/*	4. HOME PAGE ---------------------------------------*/

	#content {background:#f4f2e9 url(../images/content-bg.jpg) top center no-repeat; margin:0; padding:50px 0;}
	
	.main {width:620px; float:right; min-height:300px;}
		
	#feature {width:620px; height:400px; padding:0; margin:0; overflow:hidden; position:relative;}
	
	#feature img {width:620px; height:400px; top:0; left:0;} 
	
	#pager-feature {margin-top:8px;}
	
	#pager-feature a {background:#dcdad0; padding:5px 8px; margin-right:5px;}
	#pager-feature a.activeSlide {background:#4C4A44; color:#AEACA3;}
		

	

/*	5. SIDEBAR CONTENT --------------------------------*/

	.aside {width:300px; float:left;}
	
	.aside img {border:3px solid #aeaca3; margin:0 auto;}
	
	#resumelink {display:block; width:148px; height:25px; background-color:#dfddd3; border:none; text-align:center; line-height:25px; margin:10px 0;}
	
	#resumelink:hover {background-color:#aeaca3; color:#fff; text-decoration:none;}	
	
	
	
	.sub-nav li {border-bottom:2px dotted #aeaca3; width:225px; padding:0;}
	.sub-nav a {width:100%; display:block; padding:4px 0;}
	
	.sub-nav li.last {border-bottom:none;}
	
	.about .sub-nav li {padding: 4px 0;}
	.contact .sub-nav a {display:block; line-height:15px; padding:8px 8px 8px 25px;}
	
	.sub-nav #twitter a {background:url(../images/icons/twitter.gif) 0 8px no-repeat;}
	.sub-nav #flickr a {background:url(../images/icons/flickr.gif) 0 8px no-repeat;}
	.sub-nav #linkedin a {background:url(../images/icons/linkedin.gif) 0 8px no-repeat;}
	.sub-nav #delicious a {background:url(../images/icons/delicious.gif) 0 8px no-repeat;}
	.sub-nav #facebook a {background:url(../images/icons/facebook.gif) 0 8px no-repeat;}
	
		.sub-nav a:hover {text-decoration:none; }


/*	6. WORK PAGE --------------------------------------*/

		
	.main {position:relative;}	
	
	.work .main h1 {color: #bf5339; line-height:1.5em; clear:both; float:left;}
	.work .main h2 {font-size: 1em; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#444; clear:both; float:left; }	
	
	a#projectlink {float:right; background:#AEACA3; color:#fff; padding:8px 10px; margin-top:-20px;}
	
	#projects {clear:both;}
	#projects img { display:block; margin-bottom:25px;}


/*	7. ABOUT PAGE --------------------------------------*/

	.intro {font-size:1.3em; line-height:150%;}


/*	8. CONTACT PAGE ----------------------------------*/

	form {margin:30px 0;}
	
	form li {margin-bottom:25px;}
	
	label {display:block; color:#4c4a44; text-transform:uppercase; padding-left:2px;}
	
	input.text, textarea {width:450px; border:2px solid #dfddd3; padding:7px; display:block;}
	
	textarea {width:450px; height:200px;}
	
	input.text:focus, textarea:focus {border:2px solid #aeaca3;}
	
	.required {text-transform:none; font-style:italic;}
	
	#submit {width:100px; height:25px; background-color:#aeaca3; color:#fff; border:none;}
	
	input.error, textarea.error, input.error:focus, textarea.error:focus {border:2px solid #ad928c; background-color:#f3d7d0;}
	
	span.error {color:#9e4833;}
	

/*	9. FOOTER -------------------------------------------*/

	#footer {margin-top:20px;}

		.home #footer {background:#2a2926; padding-top:20px;}
	
		.home #footer h4 {color:#aeaca3;}
	
	#footer-flickr {width: 300px; float:left;}
		
		#footer-flickr img {float:left; margin:0 8px 8px 0; background:#4c4a44; padding:4px; width:62px; height:62px;}
		
		#footer-flickr img:hover {background:#AEACA3;}
	
	#footer-tweets {width:620px; float:right;}
		
		#twitter_update_list li {padding:15px 5px; margin-bottom:8px; background-color:#4c4a44; color:#aeaca3;}
		
		#twitter-link {text-decoration:none; display:block; text-align:right;}
	
	.work #footer div, .about #footer div, .contact #footer div {border-top:1px solid #aeaca3; padding-top:10px; font-size:0.95em;}

	p.copyright {width:300px; float:left;}
	#footer-nav {float:right;}
	#footer-nav li {display:inline; margin-right:20px;}
	
		.home #footer .copyright {clear:both; color:#aeaca3; width:100%; margin-top:10px;}

/*	10. MISC -------------------------------------------*/
	
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}