/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}

/* Generic Styling */
a{ color:#392e26; text-decoration:none;}
a:hover{ color:#222;}

body{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; background:#fff; color:#392e26;}


/* header */
#header{ width:100%; background:#160900 url(../images/header_bg.gif) top repeat-x;}
#header .header_inside{ width:950px; margin:0 auto; overflow:hidden;}
	
	#navigation{ float:left; width:896px; display:inline; margin-left:20px;}
		#navigation ul{ width:100%;}
		#navigation li{ float:left;}
		#navigation li#nav5{ float:right;}
		#navigation li a{ float:left; height:40px; text-indent:-9999px; overflow:hidden; background:url(../images/global_nav.gif) no-repeat;}
		#navigation li#nav1 a{ width:75px; background-position:0 0;}
		#navigation li#nav2 a{ width:102px; background-position:-75px 0;}
		#navigation li#nav3 a{ width:92px; background-position:-177px 0;}
		#navigation li#nav4 a{ width:79px; background-position:-269px 0;}
		#navigation li#nav5 a{ width:91px; background-position:-348px 0;}

		#navigation li#nav1 a:hover{ width:75px; background-position:0 -40px;}
		#navigation li#nav1 a:active{ width:75px; background-position:0 -80px;}
		#navigation li#nav1.on a{ width:75px; background-position:0 -120px;}

		#navigation li#nav2 a:hover{ width:102px; background-position:-75px -40px;}
		#navigation li#nav2 a:active{ width:102px; background-position:-75px -80px;}
		#navigation li#nav2.on a{ width:102px; background-position:-75px -120px;}

		#navigation li#nav3 a:hover{ width:92px; background-position:-177px -40px;}
		#navigation li#nav3 a:active{ width:92px; background-position:-177px -80px;}
		#navigation li#nav3.on a{ width:92px; background-position:-177px -120px;}

		#navigation li#nav4 a:hover{ width:79px; background-position:-269px -40px;}
		#navigation li#nav4 a:active{ width:79px; background-position:-269px -80px;}
		#navigation li#nav4.on a{ width:79px; background-position:-269px -120px;}

		#navigation li#nav5 a:hover{ width:91px; background-position:-348px -40px;}
		#navigation li#nav5 a:active{ width:91px; background-position:-348px -80px;}
		#navigation li#nav5.on a{ width:91px; background-position:-348px -120px;}
	
	.rss{ float:right; margin-top:9px; width:23px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/ico_rss.gif) 0 0 no-repeat;}
	.rss:hover{ background-position:0 -24px;}

/* content */
#content{ width:950px; margin:30px auto; overflow:hidden;}
	.content_top{ width:100%; overflow:hidden; padding-bottom:24px; margin-bottom:8px; background:url(../images/dot_line.gif) bottom repeat-x;}
		.content_top h1{ float:left; display:inline; margin-left:20px; margin-bottom:12px;}
		.content_top h1 a.logo{ display:block; width:243px; height:113px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.gif) 0 0 no-repeat;}
		.content_top h1 a.logo:hover{ background-position:0 -113px;}
		.content_top .sub_title{ float:right; display:inline; margin:29px 14px 0 0; text-align:right;}
		.content_top .sub_title h2{ margin-bottom:8px;}
		.content_top .sub_title p{ color:#bcbebf; font-style:italic;}
	
		.project_list{ width:100%; overflow:hidden; clear:left; font-family:Arial, Helvetica, sans-serif;}
		.project_list ul{ width:970px; overflow:hidden;}
		.project_list li{ float:left; width:140px; margin:0 10px;}
		.project_list li p{ line-height:220%;}
		.project_list li p a{ font-weight:bold; color:#7ccbd9;}
	
	.main_content{ float:left; width:620px; display:inline; margin-left:10px;}
	.main_content h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:14px 0;}
	.main_content h2 span{ font-size:12px; color:#bcbebf; display:block;}
	.main_content p{ font-size:14px; color:#675f59; margin-bottom:20px; line-height:144%;}
	.main_content p.updates{ font-size:14px; color:#675f59; padding-bottom:22px; line-height:144%; background: transparent url(../images/dot_line.gif) repeat-x scroll center bottom;}
	.main_content p img.post_img{ border:17px #f0f0f0 solid;}
		.txt_link{ font-weight:bold; background:url(../images/dot_link.gif) bottom repeat-x;}
		.continue_reading{ display:block; width:123px; height:10px; text-indent:-9999px; overflow:hidden;
							 background:url(../images/txt_continue_reading.gif) 0 0 no-repeat;}
		.continue_reading:hover{ background-position:0 -10px;}
	
	.sidebar{ float:right; width:300px;}
	.sidebar .visit_guide{ width:100%; overflow:hidden; margin-bottom:19px; background:url(../images/dot_line.gif) bottom repeat-x;}
	.sidebar .visit_guide h3{ padding:18px 0 10px 0; text-align:center; background:#7ccbd9 0 0 no-repeat;}
	.sidebar .visit_guide p{ width:94%; margin:16px auto; line-height:160%;}
	.sidebar .visit_guide p a{ font-weight:bold; color:#2a302b;}
	.sidebar .visit_guide p a:hover{ font-weight:bold; color:#222;}
	
	.get_in_contact{ display:block; width:152px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/txt_get_in_contact.gif) 0 0 no-repeat;}
	.get_in_contact:hover{ background-position:0 -24px;}
	.get_contact{ width:100%; margin-bottom:16px;}
	.get_contact p{ width:94%; margin:11px auto; line-height:160%;}
	.get_contact p.email{ width:82%; padding-left:34px; margin:18px auto 13px; background:url(../images/ico_mail.gif) 0 2px no-repeat;}
	.get_contact p.email a{ color:#392e26; font-size:14px; font-style:italic; font-weight:bold;}
	.get_contact p.email span{ color:#bcbebf; font-family:Arial, Helvetica, sans-serif; display:block; line-height:110%;}
	.get_contact p.tel{ width:82%; padding-left:34px; padding-bottom:9px; font-weight:bold; font-style:italic; font-size:14px;
						 background:url(../images/ico_phone.gif) 4px 0 no-repeat;}
	
	

/* footer */
#footer{ width:100%; height:36px; padding-top:28px; background:#160900; color:#bcbebf;}
#footer .footer_inside{ width:950px; margin:0 auto; overflow:hidden;}
#footer .footer_inside .copyright{ float:left;}
#footer .footer_inside .copyright a { color:#bcbebf;}
#footer .footer_inside .to_top{ float:right;}
#footer .footer_inside .to_top a{ color:#bcbebf; padding-right:10px; background:url(../images/ico_arrow_top.gif) right 3px no-repeat;}



/* for portfolio page*/
#content .with_dot_line{ padding-top:34px; background:url(../images/dot_line.gif) top repeat-x;}
.portfolio{ width:100%; overflow:hidden; padding-top:20px; margin-bottom:24px;}
.portfolio .sidebar h3{ text-indent:12px; background:#7ccbd9;}
.portfolio .sidebar h3 a{ display:block; width:100%; height:43px; text-indent:-9999px; overflow:hidden;}
	.covington{ background:url(../images/txt_covington_associates.gif) 0 0 no-repeat;}
	.covington:hover{ background-position:0 -43px;}
	.drake{ background:url(../images/txt_drakes_story.gif) 0 0 no-repeat;}
	.drake:hover{ background-position:0 -43px;}
	.freelance{ background:url(../images/txt_freelance.gif) 0 0 no-repeat;}
	.freelance:hover{ background-position:0 -43px;}
	.keds{ background:url(../images/txt_keds_studio.gif) 0 0 no-repeat;}
	.keds:hover{ background-position:0 -43px;}
	.logos{ background:url(../images/txt_logos_branding.gif) 0 0 no-repeat;}
	.logos:hover{ background-position:0 -43px;}
	.mediumbold{ background:url(../images/txt_mediumbold.gif) 0 0 no-repeat;}
	.mediumbold:hover{ background-position:0 -43px;}
	.salary_com{background:url(../images/txt_salary_com.gif) 0 0 no-repeat;}
	.salary_com:hover{ background-position:0 -43px;}
	.snif{ background:url(../images/txt_snif_labs.gif) 0 0 no-repeat;}
	.snif:hover{ background-position:0 -43px;}
	.telegraph{ background:url(../images/txt_telegraph.gif) 0 0 no-repeat;}
	.telegraph:hover{ background-position:0 -43px;}
	.typography{ background:url(../images/txt_typography.gif) 0 0 no-repeat;}
	.typography:hover{ background-position:0 -43px;}
	.vegan{ background:url(../images/txt_veganyumyum.gif) 0 0 no-repeat;}
	.vegan:hover{ background-position:0 -43px;}
	.vermont{ background:url(../images/txt_vermont_law_school.gif) 0 0 no-repeat;}
	.vermont:hover{ background-position:0 -43px;}
	.windsor{ background:url(../images/txt_windsor_communities.gif) 0 0 no-repeat;}
	.windsor:hover{ background-position:0 -43px;}


.portfolio .sidebar p{ width:94%; margin:16px auto; line-height:160%;}
.portfolio .sidebar .roles{ width:94%; margin:27px auto 4px;}
.portfolio .sidebar .roles p{ margin:0 0 5px 0; font-weight:bold;}
.portfolio .sidebar .roles ul li{ color:#a0a2a3; padding-left:17px; line-height:148%; background:url(../images/list_li.gif) 8px 8px no-repeat; font-family:Arial;}
.learn_more{ display:block; width:85px; height:10px; text-indent:-9999px; overflow:hidden;
								 background:url(../images/txt_learn_more.gif) 0 0 no-repeat;}
.learn_more:hover{ background-position:0 -10px;}

.portfolio_splash{ width:940px; margin:0 auto 0; text-align:center; padding:0;}
.portfolio_image{ width:940px; margin:0 auto 14px; text-align:center; padding:17px 0;}

.collaborative {color: #A0A2A3; font-size:10px; font-weight:normal;}
.collaborative a{color: #A0A2A3; font-weight: bold;}						 

/* for projects page*/
.project_holder{ width:960px; overflow:hidden; padding-top:22px; margin-bottom:18px;}
.project_holder .single_project{ float:left; width:460px; display:inline; margin:0 10px;}
.project_holder .single_project .pro_img{ width:460px; height:346px; overflow:hidden; margin-bottom:3px;}
.project_holder .single_project .pro_title{ width:100%;}
.project_holder .single_project .pro_title a{ display:block; width:100%; height:43px; text-indent:-9999px; overflow:hidden;}
	.txt_americorps{ background:url(../images/txt_americorps_nccc.gif) 0 0 no-repeat;}
	.txt_americorps:hover{ background-position:0 -43px;}
	.txt_appurtenances{ background:url(../images/txt_appurtenances_obscura.gif) 0 0 no-repeat;}
	.txt_appurtenances:hover{ background-position:0 -43px;}
	.txt_book_covers{ background:url(../images/txt_book_covers.gif) 0 0 no-repeat;}
	.txt_book_covers:hover{ background-position:0 -43px;}
	.txt_freelance_astronauts{ background:url(../images/txt_freelance_astronauts.gif) 0 0 no-repeat;}
	.txt_freelance_astronauts:hover{ background-position:0 -43px;}
	.txt_photoshoppery{ background:url(../images/txt_photoshoppery.gif) 0 0 no-repeat;}
	.txt_photoshoppery:hover{ background-position:0 -43px;}
	.txt_prostitutes{ background:url(../images/txt_prostitutes.gif) 0 0 no-repeat;}
	.txt_prostitutes:hover{ background-position:0 -43px;}
	.txt_student_work{ background:url(../images/txt_student_work.gif) 0 0 no-repeat;}
	.txt_student_work:hover{ background-position:0 -43px;}
.project_holder .single_project .pro_desc{ width:96%; margin:14px auto; line-height:160%;}
.project_holder .single_project .pro_desc p{ margin-bottom:12px;}

/* for project detail page*/
.project_pager{ float:right; display:inline; text-align:right; margin:4px 12px 0 0; color:#bcbebf; font-size:20px;}
.project_pager a{ font-size:12px;}
.project_pager a.prev{ padding-left:12px; background:url(../images/ico_arrow_left.gif) left 4px no-repeat;}
.project_pager a.next{ padding-right:12px; background:url(../images/ico_arrow_right.gif) right 4px no-repeat;}

.project_title{ margin:14px auto 7px; width:98%; overflow:hidden;}
.project_title img{ float:left; margin-right:11px;}

.single_image_intro{ width:100%; overflow:hidden; margin:30px 0px;}
.single_image{ width:100%; overflow:hidden; margin-bottom:30px;}
	.project_sub_title{ line-height:240%; text-indent:21px; font-weight:bold;}
	.project_image{ width:940px; margin:0 auto 14px; background:#f0f0f0; text-align:center; padding:17px 0;}
	.project_desc1{ float:left; width:440px; display:inline; margin-left:20px; line-height:160%;}
	.project_desc2{ float:right; width:440px; display:inline; margin-right:20px; line-height:160%;}
	.project_desc3{ float:left; width:880px; display:inline; margin-left:20px; line-height:160%;}
	.project_desc4{ float:left; width:440px; display:inline; margin:20px 0 0 20px; line-height:160%;}
	.project_desc5{ float:right; width:440px; display:inline; margin:20px 20px 0 0; line-height:160%;}
	.project_desc{ padding:0 20px;}
	p.project_desc{ padding-top: 50px;}


/* for about page */
.about_box_holder{ width:960px; overflow:hidden; margin-bottom:30px; padding-top:20px;}
	.about_box_holder .resume{ background:#f7f7f7;}
	
	.about_txt,
	.about_box{ float:left; width:460px; display:inline; margin:0 10px;}

	.about_txt{ margin-top:-4px;}
	.about_txt p{ font-size:14px; margin-bottom:20px; line-height:144%;}

	.about_box{ height:392px; background:#f0f0f0;}
	.about_box h3{ background:#7ccbd9; padding:14px 0 12px 0; text-indent:12px; border-bottom:3px #fff solid;}
	.about_box .words{ width:390px; overflow:hidden; margin:22px auto; font-size:11px;}
	.about_box .words .word{ width:100%; overflow:hidden; padding-bottom:25px; background:#fff url(../images/blockquote_bg.gif) 0 bottom no-repeat;}
	.about_box .words .word p{ margin:15px 0; line-height:140%; padding:0 30px 0 26px;}
	.about_box .words .word_about{ float:right; width:61px; display:inline; margin:-12px 24px 0 0;}


	
	.book{ text-align:center; padding-top:23px;}
	
	.about_box ul.fun_photos{ width:425px; overflow:hidden; margin:23px auto 0; padding-bottom:120px;
							  background:url(../images/iphone.jpg) center bottom no-repeat;}
	.about_box ul li{ float:left; width:75px; display:inline; margin:0px 5px 10px;}


	.delicious { display:block; width:61px; height:61px; text-indent:-9999px; overflow:hidden;
								 background:url(../images/ico_delicious.png) 0 0 no-repeat;}
	.delicious:hover{ background-position:0 -61px;}
	.delicious-posts ul{margin:15px 0 !important;padding:0 30px 0 26px !important;line-height:140%;}
	li.delicious-post{float:none !important;display:block !important;width:auto !important;}
	a.delicious-link{font-weight:bold;}
	h2.delicious-banner{display:none !important;}
	.facebook { display:block; width:61px; height:61px; text-indent:-9999px; overflow:hidden;
								 background:url(../images/ico_facebook.png) 0 0 no-repeat;}
	.facebook:hover{ background-position:0 -61px;}
	.twitter { display:block; width:61px; height:61px; text-indent:-9999px; overflow:hidden;
								 background:url(../images/ico_twitter.png) 0 0 no-repeat;}
	.twitter:hover{ background-position:0 -61px;}
	#tweet ul{margin:15px 0 !important;padding:0 30px 0 26px !important;line-height:140%;}
	#tweet li{margin:0 !important;float:none !important;display:block !important;width:auto !important;}
	#tweet a{font-weight:bold;}
	.pdf_resume { display:block; width:460px; height:346px; text-indent:-9999px; overflow:hidden;
								 background:url(../images/pdf_resume.png) 0 0 no-repeat;}
	.pdf_resume:hover{ background-position:0 -346px;}
	.book_goodreads h2 {display: none;}
	a.gr_grid_branding {display: none;}
	.gr_grid_container {margin: 0 35px !important;padding: 0 !important;width: 390px !important;}
	.gr_grid_book_container {float: left; width: 39px; height: 60px; padding: 0px 0px; overflow: hidden;}
	#flickr_badge_uber_wrapper {text-align:center; width:460px; margin:23px auto 0 auto;background:transparent url(../images/iphone.jpg) no-repeat scroll center bottom;padding-bottom:135px;}
	#flickr_badge_wrapper {overflow: hidden; width:425px; margin:0 17px;}
	.flickr_badge_image {margin:0 10px 0 0; float: left;}
	#flickr_badge_image1, #flickr_badge_image2, #flickr_badge_image3, #flickr_badge_image4, #flickr_badge_image5 {margin-bottom:10px;}
	#flickr_badge_image5, #flickr_badge_image10 {margin-right:0;}
	.flickr_badge_image img {border: 1px solid black !important;}

/* for contact page */
.contact_form{ width:620px; padding-top:16px; margin-bottom:25px;}
.contact_form input.input_txt{ width:588px; border:1px #cccccc solid; padding:8px 15px; margin-bottom:20px; color:#bcbebf;
								 font-size:14px; font-family:Georgia; font-style:italic;}
.contact_form textarea{ width:588px; height:370px; border:1px #cccccc solid; padding:8px 15px; margin-bottom:15px;
						 color:#bcbebf; font-size:14px; font-family:Georgia; font-style:italic;}
.contact_form input.input_txt:focus,
.contact_form textarea:focus{ border:1px #8d8783 solid; background:#f2fafb; color:#675f59; font-style:normal;}
.contact_form input.input_txt:hover,
.contact_form textarea:hover{ border:1px #8d8783 solid;}
	.contact_form input.input_submit { display:block; width:300px; height:62px; text-indent:-9999px; overflow:hidden; border:0; cursor:pointer; background:url(../images/btn_submit.gif) no-repeat;}
	.contact_form input.input_submit:hover{ background-position:0 -62px;}
	.contact_form input.input_submit:active{ background-position:0 -124px;}


.download{ width:100%; background:url(../images/dot_line.gif) top repeat-x; padding-top:20px;}
.download p{ width:94%; margin:0 auto; line-height:160%;}

.download p.download_vcard{ width:82%; padding-left:34px; margin:18px auto 13px; background:url(../images/ico_vcard.gif) 0 2px no-repeat;}
.download p.download_vcard a{ color:#392e26; font-size:14px; font-style:italic; font-weight:bold;}
.download p.download_vcard span{ color:#bcbebf; font-family:Arial, Helvetica, sans-serif; display:block; line-height:110%;}
.download p.download_resume{ width:82%; padding-left:34px; margin:18px auto 13px; background:url(../images/ico_pdf.gif) 0 2px no-repeat;}
.download p.download_resume a{ color:#392e26; font-size:14px; font-style:italic; font-weight:bold;}
.download p.download_resume span{ color:#bcbebf; font-family:Arial, Helvetica, sans-serif; display:block; line-height:110%;}



/* global classes */
.left {	float: left;}
.right { float: right;}	
.clear { clear: both; float: none !important; width: auto !important; height: auto !important; border: none !important; margin: 0 !important; padding: 0 !important;}