@charset "UTF-8";
/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import '/css/blueprint/lib/reset.css';
@import '/css/blueprint/lib/typography.css';
@import '/css/blueprint/lib/grid.css';
@import '/css/blueprint/lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.*/
   .container { background: url(/img/template/background_3_col.gif) repeat-y; } 
   #home.container { background: url(/img/template/background_4_col.gif) repeat-y; } 


/*********MY STYLES*************/
#logo {
  height:72px; 
  padding: 6px 0 0 0;
  margin:0;
  width:800px;
  background-image: url(/img/template/body_bkgnd.png);
  background-repeat:repeat-x;
  background-position:0px 6px;
  background-color:#fff;
}

#logo img{
  margin:0 0 0 10px;
  padding:0;
}


/** microformats **/

.vcard .fn {display:none;}
.vcard .org {font-weight:bold;}
.vcard .tel {margin-top:1.5em;}
.vcard .fax {margin-top:0;}
.vcard .tel dt, .vcard .fax dt {margin:0 1em 0 0; display:inline; font-weight:normal;}
.vcard .tel dd, .vcard .fax dd  {margin:0; display:inline;}
.vcard dl {margin-bottom:0;}

/*** ***/

#site_navigation a{text-decoration: none;
color:#999;
}

#site_navigation a:hover {text-decoration: none;
color:#000;
}

/* ul#portfolio_nav{
list-style-type:square;} */

#contact {margin-left:1.5em;
margin:5em 15px;  
}

#featured_content h1{
width:250px;
float: left;}

.project_location {
font-weight:normal; 
}

#tags {float:left; width:135px; 
font-size:1em;}


#image_navigation img {
height:22px;
width:35px;
margin:0px 14px 1.5em 0px;
border: 1px solid #ccc;
}

#image_navigation img.current, #image_navigation img:hover{
border: 1px solid #333;
}

/* 
#project_navigation {
background-color:#f4f4f4;
border:1px solid #ccc;
width:147px;
margin-left:0px;
padding:10px;}
*/

#project_navigation h2 {
font-size:1em;}


/*#home h2 {font-weight:normal;
font-size: 1.5em;
line-height:1.3em;}*/

#home h2 a {font-weight:bold;
font-size: 1.2em;
line-height:1.3em;}



#column_2, #column_3, #column_4{
padding-left:15px;
padding-right:15px;
margin-right:0;
margin-left:0;
width:170px; 
overflow:hidden;
}

#column_2{
margin-left:200px;}

#column_4 {
padding-right:0px;}


#home #featured {
background:#fff;
margin:0px;
padding:0 15px 0 15px;
_padding:0 0px 0 15px;
width:569px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
float:left;
_width:584px;
}


#home #featured img{
float:left;
padding:0 15px 0px 0;
/* ie hack */
_padding:0 15px 15px 0;
width:370px;}

#featured_project {
margin:0px;
padding-left:15px;
width:155px;
overflow:hidden;
float:left;
}

.project_location {font-weight:normal;
display:block;}


h2 a {font-weight:normal;}

#home #tags {
clear:left;
float:left;
}

img.thumb {
margin-top:35px;
padding:0;
}
#portfolio_nav{display:none;}

.main ul li {margin:0 0 1em 0em;}

#related_content {
width:170px;
margin:0px 15px 0px 15px;
}

#site_navigation ul ul li {font-weight:normal;
margin-left:-1.5em;}

#site_navigation ul ul li a{font-weight:normal;}

#site_navigation ul ul{
margin-bottom:1em;
margin-top:.5em;}


/******** 
TODO fix this
**********/

#projects_home {
background-color:#fff;
}

#projects_home li{
width:170px;
height:225px;
}


#projects_home p{
width:170px;
}


#projects_home li img{
width:170px;
height:120px;
overflow:hidden;
margin:0px;
padding:0px;
}

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

#featured_image{
position:relative;
height:1%;}

#featured_image .caption{
width:155px;
padding: 0 15px 0 15px;
background-color:#000;
position:absolute;
bottom:23px;
right:0;
color:#fff;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);
font-size:1em;
}



#featured_image .caption_wide{
width:355px;
padding: 0 15px 0 15px;
background-color:#000;
position:absolute;
bottom:23px;
right:0;
color:#fff;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);
font-size:1em;
_width:354px;
_bottom:20px;
}

.main ol li h2 {
margin-bottom:0px;}

.main ol li{
margin-bottom:1.5em;}

ul.inline  li{
margin:0 15px 0 0;
list-style-type:square;}

ul.inline {
margin:.5em 1.5em;}


ul.section_nav li{
margin:0 0 1.5em 0;
border-top:1px solid #ececec;
list-style-type:none;
text-transform:uppercase;
}

.section_nav li ul {
margin: 10px 0  0 1.5em;
}
.section_nav li ul li{
border:none;
list-style-type:square;
margin: 0 0 .3em 0;
text-transform:none;
}

ul.section_nav {
margin:0;}


/***** home styles *****/

#home #site_navigation, #home #column_2, #home #column_3, #home #column_4{
margin:0  15px;
width:170px; 
overflow:hidden;
float:left;
padding:0;
display:inline;
}

/* TODO: need to address double margin bug */
#home #site_navigation {
_margin:0 15px 0 15px;
}

#home #site_navigation ul{
margin:0
}


#home #site_navigation ul ul{
margin-bottom:1em;
margin-top:.5em;
}

#home #site_navigation ul ul li {font-weight:normal;
margin-left:0;}

#home #contact {
margin:5em 0px 200px 0px; 
margin-top:160px;
}




/*****/


#news #related_content ul{
margin:0 15px 0 0;
}

#news #related_content ul li{
margin: 0 0 1em 0;
}

#project_navigation {
position:relative;}

#project_navigation p.next{
position:absolute;
padding-top:1em;
right:0;

}

#project_navigation p.previous{
position:absolute;
padding-top:1em;
}

#featured_content #description {clear:left;}
.inactive {color:#ddd;}

.breadcrumbs a{
font-size:1em;
margin-bottom:.6em;
color:#ddd;}

.breadcrumbs a:hover{
color:#000;}


#projects #contact {
margin-top:162px;}

#smart-home #contact {
margin-top:145px;}

a.more {
display:block;
background: url('/img/template/arrow_999.gif') no-repeat right center;
}

a.more {
padding:0px 15px 0 0;
background: url('/img/template/arrow_999.gif') no-repeat right center;
display:block;
width:5.2em;
}

a.more:hover {
background: url('/img/template/arrow_000.gif') no-repeat right center;

}