/*** General ***/
*
	{
		margin:0;
		padding:0;
		font-size: 1em;
	}
body
	{
		letter-spacing:.05em;
		line-height:1.8em;
		color:#444;
	}
#wrapper
	{
		position:relative;
		width:560px;
		margin:0px auto;
	}
.clear
	{
		clear:both;
	}
.center
	{
		text-align:center;
	}
.anchor
	{
		background-color:transparent!important;
	}
#contact-twitter a
	{
		background:#D1EFE8;
		text-decoration:none;
		font-style:italic;
		color:#DF170D;
		padding:0 3px;
		font-variant:normal;
	}
#contact-twitter ul li
	{
		background:url(images/li.gif) 0 7px no-repeat;
		list-style-type:none;
		padding-left:27px;
		font-size:.8em;
		letter-spacing:.05em;
		line-height:1.8em;
		color:#444;
		margin-bottom:10px;
	}
#contact-twitter a:hover
	{
		background:#FFA49F;
	}
h1
	{
		display:none;
	}
body
	{
		font-family:georgia, times-new-roman, serif;
	}
p
	{
		font-size:.8em;
		letter-spacing:.05em;
		line-height:1.8em;
		color:#444;
		margin-bottom:15px;
	}
h2
	{
		font-variant:small-caps;
		color:#FD382F;
		letter-spacing:.1em;
		font-size:1.3em;
		text-align:center;
		margin-bottom:30px;
		margin-top:30px;
	}
h2 span
	{
		border-bottom:1px solid #ddd;
		padding:0 20px 10px;
	}
	
.flourish h2 + p:first-letter, #contact-twitter h2 + p:first-letter
	{
		float: left;
		font-size: 4.5em;
		margin-right:5px;
		margin-bottom:0;
		margin-top:5px;
		color:#aaa;
	}
h3
	{
		margin:15px 0 0;
		color:#FD382F;
		font-variant:small-caps;
		font-size:1em;
		letter-spacing: .1em;
	}
	
p:first-line
	{
		font-variant: small-caps;
		font-size:1.1em
	}

/*** Nav ***/
#nav
	{
		position:fixed;
		top:0;
		left:0;
		background:#82CCBB;
		width:100%;
		text-align:center;
		z-index:999;
		opacity:0.95;
	}
#nav ul
	{
		margin: 10px 0 10px 7px;
	}
#nav li
	{
		display:inline;
		list-style-type:none;
		font-size:1em;
		letter-spacing:.05em;
		font-variant:small-caps;
		margin-right:40px;
		font-weight:bold;
	}
#nav a
	{
		color:#fff;
		text-decoration:none;
	}
#nav a:hover
	{
		text-decoration:underline;
	}
.last-li
	{
		margin-right:0!important;
	}
	
	
/*** Header ***/
#header
	{
		position:relative;
		display:block;
		width:344px;
		height:196px;
		margin:60px auto 0;
		background:url(images/header.png);
	}
#header span
	{
		display:none;
	}
	
/*** Work ***/
#work
	{
		position:relative;
		background:url(images/hd-work.png) top center no-repeat;
		padding-top:180px;
	}
#work-content
	{
		position:relative;
		background:url(images/footer-work.png) bottom center no-repeat;
		padding:0 10px 165px;
	}
#work-content h2
	{
		display:none;
	}
.thumbnail-container
	{
		font-size:.7em;
		width:150px;
		text-align:center;
		padding-top:10px;
		float:left;
		margin-right:30px;
	}
.thumbnail-container a
	{
		background:none!important;
		text-decoration:none;
		font-style:italic;
		color:#DF170D;
		padding:0!important;
		margin:0!important;
		font-variant:normal;
		line-height:0em;
	}
.thumbnail-container a:hover, .photo-thumb a:hover
	{
		opacity:.8;
	}
.last { margin-right:0!important;}
.fig
	{
		font-variant:small-caps;
	}
.thumbnail-container em { line-height:.8em; }

.type
	{
		font-style:italic;
		font-size:.7em;
		letter-spacing:.1em;
		color:#999;
	}
.type:first-line
	{
		font-variant:normal;
	}
.separator
	{
		width:100%;
		height:1px;
		background:#ddd;
		margin-top:23px;
	}
	
/*** testimonials ***/
.testimonial
	{
		padding-left:55px;
		background:url(images/quote-gray.png) center left no-repeat;
	}
.author
	{
		font-style:italic;
		font-weight:bold;
		color:#aaa;
		text-align:right;
	}
	
	
	
/*** flourish ***/
.flourish
	{
		position:relative;
		background:url(images/flourish-repeat.png) repeat-y;
		margin-top:60px;
		padding:0;
	}
.flourish-top
	{
		position:relative;
		background:url(images/flourish-top.png) top center no-repeat;
		padding-top:30px;
	}
.flourish-bottom
	{
		position:relative;
		background:url(images/flourish-bottom.png) bottom center no-repeat;
		padding:0 40px 60px;
		margin:0;
	}

.photo-thumb
	{
		float:left;
		width:118px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		overflow:hidden;
	}
.photo-thumb a
	{
		background:none!important;
		margin:0!important;
		padding:0!important;
		border:none!important;
	}
	
	
/*** contact-twitter ***/
#contact-twitter
	{
		position:relative;
	}
#contactme
	{
		position:relative;
		float:left;
		width:300px;
	}
	
.vert-divider
	{
		float:left;
		margin:30px 30px 0;
		width:8px;
		height:332px;
		background:url(images/divider-vertical.png) top center;
	}

/*** twitter ***/

#twitter
	{
		float:right;
		position:relative;
		width:181px;
	}
#twitter-top
	{
		position:relative;
		background:url(images/twitter-top.png) top center no-repeat #FD382F;
		padding-top:20px;
	}
#twitter-bottom
	{
		position:relative;
		background:url(images/twitter-bottom.png) bottom center no-repeat;
		padding:0 15px 155px;
	}
#tweet p	
	{
		margin-top:0;
		font-size:.9em;
		color:#fff;
		letter-spacing: .05em;
		line-height:1.5em;
	}
#twitter a
	{
		background:#b9e2d9;
		text-decoration:none;
		font-style:italic;
		color:#000;
		font-size:.8em;
	}
#twitter a:hover	
	{
		background:#FFA49F;
	}
#twitter_update_list 
	{
		margin:0 0 10px;
		padding:0;
	}
#twitter_update_list li
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
#twitter_update_list a { background:transparent; color:#fff;}


/*** footer ***/
#footer
	{
		text-align:center;
		margin-top:60px;
	}
#footer p
	{
		color:#aaa;
	}
	
	
/*** resume ***/
#resume
	{
		background:url(images/resume-top.png) top center no-repeat #A1D9CC;
		padding-top:13px;
		margin-top:60px;
	}
#resume-toggle
	{
		padding:20px;
		background:url(images/tree.png) bottom left no-repeat;
	}
#resume-h1
	{
		display:block!important;
	}
#resume h3
	{
		margin-top:0;
	}
.resume-section1
	{
		float:left;
		width:105px;
		margin-right:20px;
	}
.resume-section2
	{
		float:left;
		width:375px;
	}
#btn-resume-toggle
	{
		display:block;
		background:url(images/btn-viewresume.png) no-repeat !important;
		text-indent:-9999px;
		width:560px;
		height:56px;
	}
#btn-hide-resume
	{
		display:block;
		background:url(images/btn-hideresume.png) no-repeat !important;
		text-indent:-9999px;
		width:560px;
		height:56px;
	}
#btn-resume-toggle:hover
	{
		background:url(images/btn-viewresume-over.png) no-repeat !important;
	}
#btn-hide-resume:hover
	{
		background:url(images/btn-hideresume-over.png) no-repeat !important;
	}
#resume p:first-line
	{
		font-variant: normal !important;
	}