* { margin: 0; padding: 0; }
	body { font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; background: url("/images/body_bg2.jpg") left top repeat-x #fff; }
	ul { list-style: none; }
	acronym { border-bottom: 1px dotted #aaa; cursor: help; }
	a img { border: 0; }
		
	#header-wrapper { background-color: #531c4a; }
		#header-wrapper.resume { background-color: #235068; }
		#header-wrapper.resume #header { background-image: url("/images/resume_header_bg.jpg"); }

		#header-wrapper.winter { background-color: #456020; }
		#header-wrapper.winter #header { background-image: url("/images/blog_header_bg.jpg"); }
		
/*
		#header-wrapper.winter { background-color: #78acd2; }
		#header-wrapper.winter #header { background-image: url("/images/winter_header_bg.jpg"); }
*/

	#header  { margin: 0 auto; width: 740px; height: 40px; background: url("/images/header_bg.jpg") center top no-repeat; overflow: hidden; line-height: 1.8em; }
		#logo { float: left; margin-top: 10px; }
		#nav { float: right; list-style: none; margin-top: 20px; }
			#nav li { float: left; padding-left: 30px; }
			#nav li a { float: left; text-align: right; font: 1.0em Georgia, Times, serif; text-transform: uppercase; text-decoration: none; color: #fff; border-bottom: 0; }
				
			#nav li a:hover { color: #ffc; border-bottom: 1px dotted #ffc; }

#branding-wrapper { border-bottom: 1px solid #eaeaea; }

#mantra { margin: 0 auto; width: 740px; height: 230px; background: url("/images/mantra_bg2.jpg") right bottom no-repeat; text-align: left; overflow: hidden; position: relative; }
		#mantra h1 { padding-top: 50px; font: bold 2.9em "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em; color: #aaa; letter-spacing: -1px; }
			#mantra h1 strong { display: block; font-weight: bold; text-transform: uppercase; font-size: 1.4em; color: #000; }
			#mantra h1 em { color: #000; font-style: normal; }
		#mantra img { height: 20px; } 
			#mantra h1 span#heart { color: #e00; }
		#mantra h2.see-work { position: absolute; right: 20px; bottom: 0; width: 140px; font: 1.1em Georgia, Times, serif; color: #fff;  }
		#mantra h2.see-work a { display: block; height: 30px; text-indent: 10px; color: #fff; text-decoration: none; line-height: 2.8em; background-color: #6b3; opacity: 0.9; }
		#mantra h2.see-work a:hover { color: #ffc; background-color: #2b3138; }

	#wrapper { margin: 0 auto; width: 740px; text-align: left; }
	#content { margin-top: 50px; padding: 0 20px; position: relative; }
		#content a, #content a:link, #content a:active { color: #83407c; text-decoration: none; border-bottom: 1px solid #83407c; }
		#content a:visited,
		#content a:hover { color: #aaa; border-bottom: 1px solid #ccc; }
					
	.section { margin: 0 0 30px; padding-top: 20px; width: 100%; overflow: hidden; clear: both; }
		.section h2 { float: left; width: 140px; text-indent: -9999px; background: url("/images/h2_bgs.png") left top no-repeat; height: 40px; }
			#about-me h2 { background-position: left 3px; }
			#my-work h2 { background-position: left -63px; }
			#contact-me h2 { background-position: left -123px; }
		.section h3 { font: 2.9em "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; color: #aaa; letter-spacing: -1px; }
		.section .section-content { float: right; width: 540px; position: relative; }
			.section .section-content p { width: 380px; margin-bottom: 10px; font-size: 1.2em; line-height: 1.5em; color: #333; }
			
	#about-me p { float: left; clear: left; }
		#about-me .sidebar { position: absolute; top: 0; right: 0; margin-top: 90px; width: 140px;}
		#about-me .sidebar h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; }
		#about-me .sidebar p { font-size: 1.1em; color: #666666; width: auto; line-height: 1.3em; clear: none; float: none; }
		#about-me ul { font-size: 1.1em; font-weight: bold; }
			#about-me ul li { padding: 5px 0; border-bottom: 1px solid #eaeaea; }
		#about-me #conversation { margin-top: 15px; font: italic 1.1em Georgia, Times, sans-serif; }
			#about-me #conversation dt, #about-me #conversation dd { background: url("/images/bubbles.png") right top no-repeat; } 
			#about-me #conversation dt { float: right; width: 120px; height: 47px; line-height: 1.3em; cursor: pointer; }
				#about-me #conversation dt span { display: block; padding: 6px 5px 5px 15px; color: #666666; }
			#about-me #conversation dd { float: left; width: 82px; height: 37px; background-position: left bottom; }
				#about-me #conversation dd span { display: block; padding: 9px 9px 6px; color: #ffc; } 
	
	#work { list-style: none; }
		#work li { width: 540px; height: 300px; margin-bottom: 15px; overflow: hidden; }
		#work img { float: left; border: 1px solid #eaeaea; }
		#work div { float: right; width: 140px; padding: 50px 0 20px; }
			#work div h4 { font-weight: bold; font-size: 1.2em; margin-bottom: 5px; }
			#work div h5 { font-size: 1.2em; padding-bottom: 5px; font-weight: bold; border-bottom: 1px solid #eaeaea; }
			#work div p { margin: 0 0 10px 0; width: auto; font-size: 1.1em; line-height: 1.3em; color: #666666; }
				#work div div { padding: 0 0 10px; }
				#work .work-details { position: relative; }
				#work .work-details a { display: block; padding: 5px 0; font-size: 1.1em; font-weight: bold; text-decoration: none; border-bottom: 1px solid #eaeaea; color: #aaa; outline: 0; }
				#work .work-details a.current,
				#work .work-details a:hover { color: #83407c; }
/* 				#work .work-details a.live { padding-top: 20px; color: #83407c; border-bottom: 1px solid #83407c; } */
				#work .work-details a.live { position: absolute; left: 0; top: 270px; font: italic 1.1em Georgia, Times, serif; color: green; border: 0; padding: 0; border-bottom: 1px dotted green; }
					#work .work-details a.live:hover { border: 0; color: #aaa; }
		
	
	.works { position: relative; }
		.works .controls { position: absolute; top: 0; right: 0; z-index: 100; width: 140px; overflow: hidden; }
			.works .controls span { display: block; width: 65px; height: 28px; text-align: center; font: 1.0em/5.0em Georgia, Times, sans-serif; text-transform: uppercase; background: url("/images/buttons.png") left top no-repeat; text-indent: -9999px; overflow: hidden; }
			.works .controls span#left.prev { float: left; }
			.works .controls span#right.next { float: right; background-position: right top; }
			.works .controls span#left.disabled { color: #f00; background-position: left -55px !important; }
			.works .controls span#right.disabled { color: #f00; background-position: right -55px !important; }
			.works .controls span#left.hover { background-position: left -27px; }
			.works .controls span#right.hover { background-position: right -27px; }
			.works .controls span span { visibility: hidden; }
			
	#contact-me.section { margin-bottom: 50px; }
	#contact-me form { width: 380px; font-size: 1.2em; position: relative; }
		#contact-me fieldset { border: 0; }
		#contact-me div.right-column { position: absolute; right: -160px; top: 0; margin-top: 25px; width: 140px; }
			#contact-me div.right-column p { width: auto; }
		#contact-me textarea, #contact-me input { background-color: #eee; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; outline: 0; font: 1.0em sans-serif; }
			#contact-me fieldset li { padding-bottom: 10px; width: 100%; overflow: hidden; }
		#contact-me textarea { width: 380px; height: 130px; clear: left; overflow: auto; }
		#contact-me label { width: 140px; float: left; text-align: right; padding: 5px 0; border-bottom: 1px solid #eaeaea; font-weight: bold; }
			#contact-me label em { font: italic 0.9em Georgia, Times, serif; color: #aaa; float: left; }
			#contact-me label.wide { text-align: left; width: 100%; position: relative; border: 0; }
				#contact-me label.wide em { position: absolute; top: 6px; right: 0; }
		#contact-me input { width: 220px; float: right; text-indent: 5px; padding: 5px 0; }
		#contact-me span.captcha { float: right; }
			#contact-me span.captcha input { float: none; width: 25px; text-align: center; text-indent: 0; }
			#contact-me span.captcha label { font-weight: normal; width: auto; border: 0; padding-right: 10px; }
			#contact-me input.submit { position: absolute; float: none; right: -160px; bottom: 10px; width: 140px; background-color: #83407c; color: #ffc; font-family: Georgia, Times, serif; font-style: italic; cursor: pointer; font-size: 1.0em; }
				#contact-me input.submit:hover { color: #eaeaea; background-color: #666666; }
		#contact-me p.disclaimer {  font-size: 0.9em; color: #666666; line-height: 1.3em;margin-bottom: 60px; }
			#contact-me p.disclaimer strong { font-size: 1.1em; display: block; margin-bottom: 3px; color: #000; }
	 		#contact-me em.empty { color: #f00; }
	 	#contact-me p#msg { text-align: left; background: url("/images/load.gif") 10px center no-repeat; padding: 10px 0 10px 45px; font-size: 0.9em; font-weight: bold; color: #83407c; background-color: #ffd; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
	 		#contact-me p#msg.success { background-image: url("/images/heart.gif"); color: #83407c; }
	 		#contact-me p#msg.error { padding-left: 5px; padding-right: 5px; background-image: none !important; color: #f00; }
	 	#contact-me #result { font-weight: bold; color: #0a0; }
	 		#contact-me #result.failed { color: #f00; }

	#footer { width: 100%; text-align: center; background: url("/images/body_bg.jpg") left -100px repeat-x #eee; border-top: 1px solid #eaeaea; overflow: hidden; }
		#footer div { width: 740px; margin: 0 auto; font-size: 1.1em; color: #000; overflow: hidden; }
		#footer p { float: left; }
		#footer ul { float: right; }
		#footer p, #footer ul { padding: 15px 0; }
			#footer ul li { float: left; margin-left: 20px; }
			#footer ul a { color: #000; text-decoration: none; }
				#footer ul a:hover { color: #83407c;}
			#footer li.totop { padding-left: 20px; border-left: 1px solid #aaa; }