/*
Theme Name: Root Architecture
Theme URI: http://www.rootarchitecture.com/
Description: A simple, professional and fast loading theme.
Version: 1.0
Author: Joey Postma
Author URI: http://www.trampolinebranding.com/
*/


/* ----------- RESET ----------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none; }

*:focus 			{outline:0;}
body 				{line-height:1em; color:black;}
ol, ul 				{list-style:none;}
table 				{border-collapse:separate; border-spacing:0; vertical-align:middle;} /* tables still need 'cellspacing="0"' in the markup */
caption				{text-align:left; font-weight:normal; vertical-align:middle; }
q, blockquote 		{quotes:"" "";}
q:before, q:after, 
blockquote:before, 
blockquote:after 	{content:"";}
img a 				{border:none;}


/* ----------- HTML 5 ELEMENTS ----------- */
header, footer, nav, section, article, aside {display:block;}
figure	{margin: 0;}


/* ----------- WEBSITE WIDE ELEMENTS ----------- */
html			{background-color: #fff;}
body			{background-color: #fff;width:980px;margin: 0 auto;color:#7d7d7d;font:12px/18px Helvetica, Arial, sans-serif;}

/* -----------  FONTS ----------- */
h1 				{color:#FCB040;font-size:48px;font-weight:normal;letter-spacing:-0.04em;line-height:55px;margin-bottom:20px;}
	h1 a		{text-decoration:none; color:inherit;}

h2 				{color:#444c3f; font-size:26px; margin-bottom:8px; line-height:30px;}
  	h2 a 		{float:none !important;color:inherit;text-decoration:none;}
	h2 a:visited{color:#444c3f;}
	h2 a:hover 	{color:#444c3f !important; text-decoration:underline;}
	h2 a span	{color:#75a22b;}
	h2 span		{color:#75a22b;}


h3				{color:#444c3f; font-size:20px; margin-bottom:8px; line-height:24px;}
  	h3 a 		{float:none !important;color:inherit;text-decoration:none;}
	h3 a:visited{color:#444c3f;}	
    h3 a:hover 	{color:#444c3f !important; text-decoration:underline;}

h4				{color:#FCB040; font-size:12px;}
	h4 a 		{color:#FCB040; text-decoration:inherit;}
	h4 a:visited{color:#FCB040;}	
    h4 a:hover 	{color:#FCB040 !important; text-decoration:underline;}

p, ul, ol		{margin-bottom:8px;}
li ul, li ol	{font-weight:inherit;}
li p			{font-weight:inherit;}

a 				{color:#75a22b; cursor:pointer;}  
article p a		{}
a:visited 		{color:#75a22b;}
a:hover 		{color:#FCB040;}

hr 				{border-bottom:solid #fff; border-top:solid #ccc; border-width:1px 0; margin:0 0 20px; }

ul 			{list-style:square;}
ol 			{list-style:decimal;}
small		{font-size:small;}
em 			{font-style:italic;}
strong		{font-weight:bold;}

ul, ol, dl {margin-left:1.5em;}
  ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {margin:0 0 0 40px;}
  ul ul li, ol ul li, dl ul li {list-style:circle; font-weight:inherit;}
  ul li, ol li, dl li {margin:8px 0;}

.entry ol 		{list-style-type:decimal;}
.entry ol ol 	{list-style-type:lower-alpha;}
.entry ol ol ol {list-style-type:lower-roman;}

#secondaryContent p, #secondaryContent li {font-size:14px;}

blockquote {background:url("images/quote.png") no-repeat -6px -7px #F8F8F8; border:1px dotted #A8A392; margin:0 0 2em; padding:15px 20px; text-indent:35px;}
  blockquote p { margin:0; font-style:italic; }
  blockquote p cite { color:#444; display:block; font-style:normal; font-weight:normal; padding-top:10px; text-align:right; }

/* ----------- GENERIC STYLES ----------- */
#primaryContent		{}
.clear				{clear:both;}
.clear_l			{clear:left;}
.clear_r			{clear:right;}
.float_l			{float:left;}
.float_r			{float:right;}
a					{text-decoration:none;}
p.highlight			{color:#75a22b;}

#contentWrapper		{border-top:4px solid #CCC;padding-top:40px;}
#homeWrapper		{padding-top:40px;}
#content			{float:left;width:740px;border-top:4px solid #CCC;}

#sidebar			{float:left;width:183px;padding:0 0 10px 47px;background: url('images/bg_sidebar_center.jpg') left top repeat-y;position:relative;}
	#sidebar_top		{position:absolute;left:0;width:35px;height:60px;background: url('images/bg_sidebar_top.jpg') left top no-repeat;top:0;}
	#sidebar_bottom	{position:absolute;left:0;width:35px;height:60px;background: url('images/bg_sidebar_bottom.jpg') left top no-repeat;bottom:0;}
	ul#subNav		{list-style:none;margin:0 0 25px 0;}
		#subNav li			{padding:0 0 3px 8px;border-bottom:1px solid #CCC;}
			#subNav li h3	{margin:0px;}
			#subNav li h3 a	{color: #444C3F;}
			#subNav li a	{color:#7D7D7D;}
			#subNav li a:hover	{color: #75A22B;}
			#subNav li span		{color: #75A22B;}
			#subNav ul			{margin-left:0px;}
			#subNav ul li		{list-style:none;padding-left:25px;}
	#testimonial	{padding-bottom:10px;border-bottom:1px solid #CCC;}
	
.pirobox_content td.c_c div img	{max-width:800px;width:auto !important;}
	

/* ----------- PAGE HEADER - CONTAINS LOGO AND FEATURE BANNER ----------- */
#pageHeader					{position:relative;margin-bottom:17px;}
	#branding				{position:absolute;top:0px;left:0px;}
	#root-architecture a 	{background: url('images/root-architecture.jpg') 0 0 no-repeat;display:block;height:72px;width:190px;margin-top:14px;}
	#root-architecture span	{left:-9999px;position:absolute;}
	
#feature_banner			{border-top:4px solid #CCC;border-bottom:4px solid #CCC;margin-top:37px;}
	#feature_banner img	{display:block;}
	.home_banner		{float:left;}

/* ----------- MAIN NAVIGATION AT TOP OF PAGE ----------- */
#primaryNav 						{float:right;text-align:right;width:700px;margin-top:74px;}
	#primaryNav #menu-primarynav 	{margin:0; padding:0;}
	#primaryNav #menu-primarynav li {display:inline;margin-right:76px;font-size:14px;}
		#primaryNav #menu-primarynav li#gn-contact	{margin-right:0px;}
	#primaryNav #menu-primarynav a	{color:#7f877a;padding-top:4px;}
		#primaryNav #menu-primarynav a:hover {border-top: 3px solid #77a22f;}
		
/* ----------- HOME PAGE ----------- */

#home-left					{float:left;width:373px;margin-right:64px;}
	.featured-project		{margin-bottom:23px;padding-top:27px;}
		.article-thumb 		{float:left;height:72px;width:72px;margin-right:11px;overflow:hidden;}
			.article-thumb a 	{margin-top: 0;}
			.article-thumb img 	{height:72px;}
			
#home-right	{float:left;width:543px;}


.home-article	{margin-bottom:45px;}
.home-article h2{width:100%;padding-bottom:5px;border-bottom:2px solid #CCC;margin-bottom:19px;}
.home-article p	{line-height:19px;}

/* -----------  PROFILE  ----------- */
#profile-content	{padding-top:27px;}
.profile-thumb 		{float:left;margin-right:23px;}
.profile-thumb a 	{margin-top: 0;}
.profile-thumb img	{display:block;}
p.author			{color:#75a22b;margin:20px 0 0 0;line-height:12px;}

.bio_experience td	{padding-bottom:5px;}

#personal-experience td	{vertical-align:top;padding:0 15px 15px 0;}
#personal-experience td	h3 {line-height: 20px;margin-bottom: 0;}


/* ----------- PROJECTS  ----------- */
.project-thumb-wrap	{float:left;margin:0 15px 30px 0;height:100px;width:170px;overflow:hidden;}
.project-thumb-wrap p	{width:170px;text-align:center;}
.project-thumb 			{float:left;height:82px;width:170px;overflow:hidden;}
.project-thumb a 		{margin-top: 0;}
.project-thumb img		{display:block;}

#project_title			{float:left;width:630px;}
#project_link			{float:left;font-size:14px;margin-top:10px;}

#project_carousel 		{float:left;width:260px;margin:0 15px 15px 0;clear:left;}
#more_projects_carousel {float:left;width:740px;border-top:4px solid #CCC;padding-top:15px; margin-bottom:40px;}

.main_photo 			{max-width:256px;width:auto;text-align:center;margin-left:0px;}
.wppa_photo 			{max-width:170px;width:auto;text-align:center;margin-left:0px;}

/* -----------   NEWS    ----------- */
.blog_title		{font-size: 18px;line-height: 18px;margin-bottom: 0px;}
.blog_date		{font-size: 10px;margin-bottom: 10px;}
.blog_post		{margin-bottom: 25px;}

/* -----------  CAREER   ----------- */


/* -----------  CONTACT  ----------- */




/* ----------- MAIN FOOTER AT BOTTOM OF PAGE ----------- */
#footer	{background: url('images/bg_footer.jpg') 0 0 no-repeat;height:83px;border-top:4px solid #CCC;}
	#brand	{float:left;margin:18px 24px 0 0;width:195px;height:18px;border-right:1px solid #999;}
	#footerNav 		{float:left;margin-top:18px !important;}
	#footerNav 		{margin:0; padding:0;}
	#footerNav li 	{display:inline;margin-right:17px;font-size:14px;}
	#footerNav a	{color:#7D7D7D;font-size:12px;}