/*
	Theme Name: DA Architects + Planners
        Theme URI: http://www.da-architects.ca/
        Description: DA Architects + Planners based on design by Junxion Strategy
        Version: 1.0
        Author: Theme Development by Tzaddi Gordon and Christine Rondeau of Bluelime Media
        Author URI: http://www.bluelimemedia.com
Color used:
red:#B82832;
grey:#3F3F3F;
*/

p, ul, li, h1, h2, h3, h4, h5, h6, ol {margin:0px; padding:0px;}
td {vertical-align:top; text-align:left;}
.hide {display:none;}
a img {border:none;}
a {text-decoration:none;color:#B82832;}
a:visited{color:#9E1D26;}
a:hover {text-decoration:underline;}
p{line-height:1.35em; margin:.5em 0 .3em 0;letter-spacing:.012em;}
p.quote {font-weight:bold; font-size:1.1em; color:#808080; padding:15px 0 5px 15px; }
p.breadcrumbs {font-size:0.9em; font-weight:bold; color:#000; padding-left:15px;}
p.breadcrumbs a {color:#B82832;}


body {
	margin: 0; padding:0;
	background:#FFF;
	font:72%/1.6 'Trebuchet MS', tahoma, helvetica, verdana, sans-serif;
	color:#000;
}
#wrap {
	text-align:left;
/*    padding-left:10px;*/
	width: 750px;
	position:relative;
	margin: 40px auto 50px auto;
	background: url(images/wrap_bg.gif) repeat-y;/*dotted border*/
}
#content {
	float:left;
	width:520px;
	margin:0; padding:0 21px 0 0;
	border-top:7px solid #FFF;
}
#sidebar {
	float:right;
	width:190px;
	margin:0; padding:0;
}

#logo {margin: 0; background: url(images/logo.gif) bottom left no-repeat; width: 136px; height:104px;}
#logo a { display: block; overflow: hidden; font-size: 1px; padding-top: 10px; height:90px; width:132px;}


/* Main navigation area 
------------------------------------------*/
#nav {
	height: 15px;
	width:470px;
	background: url(images/navigation.gif) no-repeat;
	margin:0 0 0 50px; padding:0;
	position:relative;
	border-bottom:9px solid #FFF;
}
#nav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#nav a {
	height: 15px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0; 
	}

#firm	{left: 162px; width: 48px;}
#projects	{left: 220px; width: 70px;}
#community	{left: 310px; width: 85px;}
#news	{left: 415px; width: 48px;}


#firm a:hover, #firm a.active {background:  url(images/navigation.gif) -162px -15px no-repeat;}
#projects a:hover, #projects a.active{background:  url(images/navigation.gif) -220px -15px no-repeat;}
#community a:hover, #community a.active {background:  url(images/navigation.gif) -310px -15px no-repeat;}
#news a:hover, #news a.active {background:  url(images/navigation.gif) -415px -15px no-repeat;}

#banner{margin-top:1px;}

/* Sidebar navigation with contact and site search 
.also see styles for home page only.
----------------------------------------------------------------*/

#sub_nav {
	height: 13px; width:156px;
	background: url(images/sidebar_nav.gif) no-repeat;
	margin:15px 0 15px 0; padding:0; 
	position:relative;
}
#sub_nav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#sub_nav a {
	height: 13px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
	}
	
#contact {left: 0px; width: 64px;}
#search	{left: 84px; width: 72px;}


#sidebar_nav li{
	margin: 0; padding: 0 0 8px 15px;/*moved over 7px*/
	list-style: none;
    line-height:1.2em;
    }
#sidebar_nav ul.children li{padding-bottom:0;}	
#sidebar_nav ul.children {padding-bottom:5px;}	

#sidebar_nav li a{color: #B82832;;text-decoration:none;font-weight:bold;}    
#sidebar_nav li a:hover{text-decoration:underline; }
#sidebar_nav li.current_page_item ul li.page_item a{color:#B82832  !important;text-decoration:none;}   
#sidebar_nav li.current_page_item a, li.current-cat a{color:#000 !important;text-decoration:none; }   
li.current-cat ul.children li a{color:#B82832 !important;text-decoration:none; }  
#sidebar_nav li ul{margin: 0 0 0 10px;}
#sidebar h2{font-size:1em; font-weight:bold;text-transform:uppercase;}
.section_title{
    padding-left:8px;
    background:#EBEBEB;
    font-weight:bold;
    }

/* Main Entry
----------------------------------------------------------------*/

.entry {padding:10px 0 0 15px;}
.news{margin-top:48px;}
.entrybody {padding:.3em 0 1em 0;}
.entrymeta{color:#909090;padding:0;line-height:1em;margin:0;}
h3, .entrytitle{color:#000; font-size:1.6em;letter-spacing:.012em;/*font-variant:small-caps;*/}
h3.entrytitle{font-weight:bold;font-size:1.19em;}
h2{color:#B82832; font-size:1.6em;font-weight:bold;line-height:1.1em;letter-spacing:.012em;}
h4{color:#B82832; font-size:1.1em;font-weight:bold;line-height:1.1em;margin:.8em 0 0 0;}
.entrytitle a{color:#B82832;}

/* Project Entry
----------------------------------------------------------------*/
#thumbnail_row {float:left; width:60px; padding:0; margin:0;}
.highslide{padding-bottom:15px;}

.project_entrybody {float:right; width:370px;}
.project_listing_thumb{margin-bottom:13px;}
.entrybody ul{margin-left:30px;}
.entrybody li{
    list-style-type:none;
    background:url(images/bullet.gif) 0 7px no-repeat;
    padding-left:10px;
    margin:0px 5px 5px 20px;
}


/* Footer Area 
----------------------------------------------------------------*/
#footer {
	float:left;
	width:510px;
	background: url(images/footer_bg.gif) top repeat-x;
	color:#808080;
	margin:20px 0 0 10px;
	font-weight:bold;
	font-size:0.9em;
}
p.feeds {float:left; width:85px; margin:8px 0 5px 0; padding:0;}
p.copy {float:right; text-align:right; width:370px; margin:10px 0 5px 0; padding:0;}
#footer a {color:#808080;}

/* Home page 
----------------------------------------------------------------*/
div.home_feature_large h2{margin-top:-30px;z-index:1000;}
div.home_feature_large img{z-index:900;}
#home_feature_small{float:left;width:105px;}
#home_feature_stories{float:right;width:330px;background:#F6F6F6;padding:5px 10px 12px 10px;border-top:4px solid #FFF;}
#home_feature_stories h3{font-variant:uppercase;color:#B82832;}
#home_feature_stories ul{padding-left:15px;}
#home_feature_stories a{color:#3F3F3F;}
#home_contact_search{padding:0 0 3px 0;height:20px;margin-top:-5px;}
#sub_nav_home {
	height: 13px; width:156px;
	background: url(images/sidebar_nav.gif) no-repeat;
	margin:0 0 10px 0; padding:0;
	position:relative;
}
#sub_nav_home li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#sub_nav_home a {
	height: 13px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
	}


p.mission_home{padding:20px 0 15px 0;}
p.mission{padding:20px 0 15px 0;}
.project_intro{font-size:1.1em;}

.border_top{background: url(images/footer_bg.gif) top repeat-x;}
.border_bottom{	
    background: url(images/footer_bg.gif) bottom repeat-x;
    padding-bottom:5px;
    margin-bottom:15px;
}
.imageframe {padding: 0; }
.imgalignleft { float: left; padding: 2px 8px 0 0;}
.imgalignright { float: right; padding: 2px 0 0 5px; }
.imgaligncenter { margin-left: auto; margin-right: auto; }
.project_type_excerpt{float:right;width:300px;padding-left:20px;}

/*
table#staff{border-collapse:collapse;margin:0 0 0 -10px;}
#staff td{vertical-align:top;margin:0;padding:5px 10px;}
#staff td h4{margin-top:0;}*/

#staffphotos{
	float:left;
	width:215px;
}
#staffphotos img{padding:0 8px 8px 0;}
#stafflist{
	list-style-type:none;
	padding:0;
	margin:0;
	width:290px;
	float:left;
}
#stafflist li {display:block;width:290px;margin:0 0 5px 0;}
#stafflist li:hover, #stafflist li a:hover {
	background:#ECECEC;

}
/*#partnerdetail{float:right;width:170px;padding-left:12px;}*/

/*#partnersblock{display:block;width:520px;}*/
#partnerphotos{width:315px;margin:0;padding:0 0 15px 0;float:left;}
#partnerphotos div{float:left;margin:0;padding:0;}

#partner1 a, #partner2 a, #partner3 a, #partner4 a{display:block;width:60px;height:200px;padding-right:15px;}/*images should be 75px wide if we only have 4. confirm, then resize placeholder images... for now just added 15px padding.*/

#partner1{background:url(/wordpress/images/partners/partner1-off.jpg) no-repeat;}
#partner1 a:hover{background:url(/wordpress/images/partners/partner1-on.jpg) no-repeat;}

#partner2{background:url(/wordpress/images/partners/partner2-off.jpg) no-repeat;}
#partner2 a:hover{background:url(/wordpress/images/partners/partner2-on.jpg) no-repeat;}

#partner3{background:url(/wordpress/images/partners/partner3-off.jpg) no-repeat;}
#partner3 a:hover{background:url(/wordpress/images/partners/partner3-on.jpg) no-repeat;}

#partner4{background:url(/wordpress/images/partners/partner4-off.jpg) no-repeat;}
#partner4 a:hover{background:url(/wordpress/images/partners/partner4-on.jpg) no-repeat;}

/*
#partner5{background:url(/wordpress/images/partners/partner5-off.jpg) no-repeat;}
#partner5 a:hover{background:url(/wordpress/images/partners/partner5-on.jpg) no-repeat;}
*/


#partner1-info, #partner2-info, #partner3-info, #partner4-info, #partner5-info{
	float:right;
	width:170px;
	padding-top:8px;
}
/*
#imageblock{
	width:200px;
	float:left;
	border:1px solid #CCC;
	margin-right:10px;
	padding-top:8px;
	border:none;
}

#imageblock td{	border:1px solid #CCC;
}*/
#imageblock img{
/*	border-right:8px solid #FFF;
	border-bottom:8px solid #FFF;*/
	
	text-align:left;
	margin:0 10px 10px 0;
	padding:0px;
}
#imageblock td {vertical-align:top;	text-align:left;padding:0px;margin:0px;}
#imageblock {width:220px;padding:0; border-collapse:collapse;float:left;margin:10px 5px 10px 0;}
#imageblock a{border:0;padding:0;margin:0;}


/********* this section defines the styles for the contact form *********************/

form {letter-spacing:.012em;}
form.contactus {display:block;width:500px;}
label.contactus {display:block;float:left;width:170px;margin-top:5px;margin-bottom:5px;clear:both;}
input.contactus {display:block;float:left;width:310px;margin-top:5px;margin-bottom:5px;}
input.contactus#Reset {margin-left:180px;}
input.contactus#Submit {margin-left:180px;}
select.contactus {display:block;float:left;width:310px;margin-top:5px;margin-bottom:5px;}
textarea.contactus {display:block;float:left;width:490px;margin-top:5px;margin-bottom:5px;}

form p.contactus {display:block;width:490px;margin-top:10px;}

/*********************************************************************************/


#thumbnail_row a{display:block;padding-bottom:5px;}
#thumbnail_row a:hover{text-decoration:none;}