/*
Theme Name: Architects 4
Theme URI: www.architects4.ca
Description: 2009 Design for Architects 4
Author: Point Click Media Productions
Author URI: http://www.pointclickmedia.ca
Version: 1 build 0.1
*/

/* -- This filters out different older broswsers and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 85%; text-align:center; color:#000;} 
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	/* a:link,a:visited 	{text-decoration:underline;} */
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0px 0px 0px 0px;} 
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:10px 0 10px 0;}
	h1 					{font-size:17px; font-weight:bold; color:#FFF; margin:0px; font-family:Arial Black, Arial, Helvetica, sans-serif;}
	h2 					{font-size:12px; font-weight:normal; color:#CCC; margin:0;}
	h3 					{font-size:small; margin:0;}
	h4 					{font-size:x-small; margin:0;}
	h5					{font-size:xx-small; margin:0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}


/*------- Basic Layout & Backgrounds ------------*/

.alignright{
	float:right;
	margin:5px 0 5px 10px;
}
.alignleft{
	float:left;
	margin:5px 10px 5px 0px;
}
.upper_case{
	text-transform:uppercase !important;
}
	/* ===== Main Menu ===== */

	#nav {
		position:absolute;
		left:170px;
		top:0px;
	}
	.mc_menu{
		width: 150px;
		list-style:none;
		z-index:999999;
		/* border:1px solid; */
	}
	.mc_menu li {
		
	}
	.mc_menu li a{
		font:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#666666;
		padding:0 0 0 10px;
		background:url(images/men_bullet.gif) no-repeat left top !important;
		text-decoration:none;		
		display:block;
	}
	.mc_menu li a:hover {
		background:url(images/men_bullet.gif) no-repeat left bottom !important;
	}
	.mc_menu li.current_page_item a {
		background:url(images/men_bullet.gif) no-repeat left center !important;
	}
	.mc_menu li.current_page_item li a { /* This will stop the sub items from showing as the current page */
		background:url(images/men_bullet.gif) no-repeat left top !important;		
	}
	
	.mc_menu li ul {
		position: absolute;
		left:-999em;   /* --- THIS HIDES THE NESTED LISTS ON LOAD --- */
		list-style:none;
		background:#fff;
	}
	.mc_menu li ul {
		padding:5px 0 5px 0px;
		width:160px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
	}
	
	
	
	/* --- PLACE THE MENU ITEM CORRECTLY WHEN HOVERING OVER APROPORATE PIECE --- */

	/* FIRST LEVEL */
	.mc_menu li:hover ul, .mc_menu li.sfhover ul {
		left:auto;
		margin:-20px 0 0 80px;
	}
	.mc_menu li:hover ul ul, #footnav li.sfhover ul ul { /* keep the other submenus deeper down from appearing */
		left:-999em;
	}
	
	/* SECOND LEVEL */
	.mc_menu li li:hover ul {
		left:auto;
	}
	.mc_menu li li.sfhover ul{
		left:auto;
	}
	.mc_menu li li:hover ul ul, .mc_menu li li.sfhover ul ul { /* keep the other submenus deeper down from appearing */
		left:-999em;
	}	
	
	
	
	/* ===== Main Body ===== */
	#wrapper {
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	h1.page_title, h1.page_title a {
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		color:#a72a33;
		text-decoration:none;
		text-transform:lowercase;
		margin:60px 0 15px 315px;
	}
	h1.page_title span.quals {
		color:#999;
		font-size:12px;
		font-weight:normal;
	}
	.h1_spacer {/* used when no title is displayed IE Front Page */
		display:block;
		height:94px;
	}
		
	#leftcol{
		width:300px;
		float:left;
		margin:0 14px 0 0;
		position:relative;
z-index:999;		
	}
	#Logo{
		display:block;
		margin: 0 0 36px 0;
	}
	#main_rightcol{
		
	}
	#rightcol{
		float:left;
		width:645px;

	}
	
	
	/* ===== Main Content Area ===== */
	.jScrollPaneContainer{
		
	}
	#content_wrap{
		clear:both;
		/* height:280px; */
		height:260px;
		width:290px;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		font-weight:normal;
		color:#666666;
		line-height:18px;
	}
	#content_wrap strong {
		font-weight:bold;
		font-size:1.1em;
	}
	#content_wrap a{
		color:#a72a33;
		font-weight:bold;
	}
	#content_wrap a:hover{
		color:#4e4c4c;
		text-decoration:none;
	}
	#content_wrap .the_post h2 {
		color:#a72a33;
		font-weight:bold;
		text-transform:uppercase;
		font-size:14px;
	}
	#content_wrap .the_post .red_bold{
		color:#a72a33;
		font-weight:bold;
	}
	/* #content_wrap .the_post strong, #content_wrap .the_post b {
		color:#a72a33;
		font-weight:bold;
	} */
	#content_wrap .home_links a{
		letter-spacing:0.2px;
	}
	
	
	/* ===== Portfolio pages ===== */
	#galleryimg {
		/* float:right; */
		width:645px;
		height:350px;
		position:relative;
		/* margin-left:316px; */
	}
	.ngg-galleryoverview{
		margin:0 !important;
	}
	#gall_thumb {
		/* margin:10px 0 0 316px; */ 
		margin:10px 0 0 0;		
	}
	#sub_content_wrapper {
		clear:both;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#666666;
		line-height:18px;
position:absolute;
top:89px;		
	}
	.sub_left_col{
	/*	float:left;
		margin-right:72px; */
		/* margin-top:10px; */ 
	/*	margin-top:206px; */
		width:240px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#666666;
		line-height:18px;
		margin:50px 0 0 0;
		
	}
	.sub_right_col{
		float:left;
		/* margin-top:10px; */
		width:648px;
	}
	.sub_right_col a{
		color:#A72A33;
		text-decoration:none;	
	}
	.sub_right_col a:hover{
		color:#666;
		text-decoration:underline;
	}
	#sub_content_wrapper blockquote {
		float:right;
		font-style:italic;
		margin:0 0 20px 45px;
		width:260px;		
	}

	
	/* ===== Selected Works =====*/
	
	table#proj_table {	
		border-bottom:thick solid #808080;
		margin-bottom:1em;
		/* width:650px; */
		width: 633px;
margin:5px 0 10px -2px;
	}
	#proj_table th, #proj_table td {
		padding:2px 10px;
		text-align:left;
		font-size:10px;
	}	
	
	#proj_table th{
		background-color:#808080;
		padding:5px 20px 5px 10px;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
	}
	#proj_table td {
		line-height:11px;
	}
	#proj_table td a.post-edit-link {
		color:#999;
	}
	#proj_table th:hover, #proj_table th:focus{
		cursor:pointer;
		color:#333;
		text-decoration:underline
	}
	#proj_table tr:hover, #proj_table tr:focus {
		background-color:#CCCCCC;
		color:#fff;
	}
	#proj_table a:hover, #proj_table a:active {
		background-color:transparent;
		color:#000000;
		text-decoration:underline;
	}
	
	#proj_table a:link, #proj_table a:visited {
		background-color:transparent;
		color:#CC0000;
		text-decoration:none;
	}
	#proj_table td a {
		font-size:10px;
	}
	/* -- table sorting jQuery script -- */
table#proj_table thead tr .headerSortUp {
	background: url(images/asc.gif) no-repeat right center;
}
table#proj_table thead tr .headerSortDown {
	background: url(images/desc.gif) no-repeat right center;
}
table#proj_table thead tr .headerSortDown, table#proj_table thead tr .headerSortUp {
	background-color: #4f4e4e;
}
#proj_table tr:hover .headerSortDown, #proj_table tr:focus .headerSortDown, #proj_table tr:hover .headerSortUp, #proj_table tr:focus .headerSortUp {
	color:#fff;
}
#table_scroll{
	width:648px;
	height:212px;
	overflow:hidden;
}
/* ===== Other Works =====*/
	
	table.wp-table-reloaded {	
		border-bottom:thick solid #808080;
		margin-bottom:1em;
		/* width:650px; */
		width: 633px;
margin:5px 0 10px -2px;
	}
	.wp-table-reloaded th, .wp-table-reloaded td {
		padding:2px 10px;
		text-align:left;
		font-size:10px;
	}	
	
	.wp-table-reloaded th{
		background-color:#808080;
		padding:5px 20px 5px 10px;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
	}
	.wp-table-reloaded td {
		line-height:11px;
	}
	.wp-table-reloaded td a.post-edit-link {
		color:#999;
	}
	.wp-table-reloaded th:hover, .wp-table-reloaded th:focus{
		cursor:pointer;
		color:#333;
		text-decoration:underline
	}
	.wp-table-reloaded tr:hover, .wp-table-reloaded tr:focus {
		background-color:#CCCCCC;
		color:#fff;
	}
	.wp-table-reloaded a:hover, .wp-table-reloaded a:active {
		background-color:transparent;
		color:#000000;
		text-decoration:underline;
	}
	
	.wp-table-reloaded a:link, .wp-table-reloaded a:visited {
		background-color:transparent;
		color:#CC0000;
		text-decoration:none;
	}
	.wp-table-reloaded td a {
		font-size:10px;
	}
	/* -- table sorting jQuery script -- */
table.wp-table-reloaded thead tr .headerSortUp {
	background: url(images/asc.gif) no-repeat right center;
}
table.wp-table-reloaded thead tr .headerSortDown {
	background: url(images/desc.gif) no-repeat right center;
}
table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #4f4e4e;
}
.wp-table-reloaded tr:hover .headerSortDown, .wp-table-reloaded tr:focus .headerSortDown, .wp-table-reloaded tr:hover .headerSortUp, .wp-table-reloaded tr:focus .headerSortUp {
	color:#fff;
}
	
	
	/* ===== People Principles =====*/	
	#content_wrap .the_post .selected{
		margin-bottom:20px;
	}

	#content_wrap .the_post .selected h2 {
		color:#A72A33;
		font-size:15px;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:capitalize;
	}
	#content_wrap .the_post .selected h2 a{	
		text-decoration:none;
	}
	#content_wrap .the_post .selected h2 a:hover{		
		text-decoration:underline;
	}
	#content_wrap .the_post .selected h2 .quals{
		color:#999;
		font-size:10px;
		font-weight:normal;
	}
	#content_wrap .the_post .selected a.readmore {
		display:block;
		margin:5px 0 5px 0;
	}

	/* ========= New Pages ============= */
	
	.sub_left_col #sidebar ul {
		list-style:none;
	}
	.sub_left_col #sidebar h2{
		color:#999;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	.sub_left_col #sidebar a {
		color:#A72A33;
		font-size:1.0em;
		text-decoration:none;
	}
	.sub_left_col #sidebar a:hover {
		color:#666;
		text-decoration:underline;
	}
	
	.sub_right_col .news_col, .sub_right_col .employ_col {
		float:left;
		width: 272px;
		margin: 10px 50px 0 0;
/* border:1px solid; */
	}
	.sub_right_col .only_col {
		width:100%;
	}
	.sub_right_col .news_col h2, .sub_right_col .employ_col h2, .news_col_left h2{	
		color:#A72A33;
		font-family:Century Gothic,Arial,Helvetica,sans-serif;
		font-size:1.4em;
		margin:0 0 10px 0;
		text-decoration:none;
		text-transform:lowercase;
		font-weight:bold;
	}
	.sub_right_col .news_col h3 a, .sub_right_col .employ_col h3 a, .news_col_left h3 a{
		font-family: Arial, Helvetica, sans-serif;
		color:#666;
		font-size:1.0em;
		text-transform:capitalize;
		text-decoration:none;
	}
	.sub_right_col .news_col h3 a:hover, .sub_right_col .employ_col h3 a:hover, .news_col_left h3 a:hover{	
		text-decoration:underline;
	}

	.sub_right_col .news_col .date, .sub_right_col .employ_col .date, .news_col_left .date{
		display:block;
		color:#666;
		margin:0 0 8px 0;
	}
	
	.sub_right_col .news_col p, .sub_right_col .employ_col p, .news_col_left p{	
		margin: 0 0 20px 0;
	}
	.sub_right_col .news_col a.read_more	, .sub_right_col .employ_col a.read_more, .news_col_left a.read_more {
		color:#A72A33;
		font-size:0.9em;
		text-decoration:none;
	}
	.sub_right_col .news_col a.read_more:hover	, .sub_right_col .employ_col a.read_more:hover, .news_col_left a.read_more:hover	{
		text-decoration:underline;
		color:#666;
	}
	
	.breadcrumb {
		/* margin:5px 0 0 0; */
		margin: 46px 0 0 0;
		font-size:0.9em;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:normal;

	}
	.breadcrumb a{
		color:#A72A33;
		font-size:0.9em;
		text-decoration:none;		
	}
	.breadcrumb a:hover{
		text-decoration:underline;
		color:#666;		
	}
	
	.date {
		display:block;
		margin:8px 0 0 0;
	}
	.pdf_link{
		background:url(images/ico_pdf.gif) no-repeat left;
		padding: 0 0 0 25px;
	}