/* $Id$ */

/** body **/
  body {
  	background: #D5CFBC url(images/bg.gif);
		margin:52px 8px;
  }

  #page {
  	position:relative;
  }

  #page,
  #closure-blocks {
    background-color:#FFF;
		margin-left: auto;
    margin-right: auto;
    min-height: 565px;
    width: 950px;
  }

	.two-sidebars #page {
	  width:1220px;
	}

	#page-inner {}


/** header **/
  #header {
  	position:absolute;
		top:30px;
    left:30px;
		z-index:100;
  }

  #header-inner {}

  h1#site-name a {
  	display:block;
		background: url(images/eric_safyan_architect.jpg) top left no-repeat;
		font-size:0;
		height:29px;
		line-height:0;
		overflow:hidden;
		text-indent:-1000px;
		width:260px;
  }

/** main (container for everything else) **/
  #main {
		position: relative;
		z-index:1;
  }

  #main-inner {
  }

/** content **/
  #content,
  .no-sidebars #content {
    float: left;
    width: 950px;
    margin-left: 0;
    margin-right: -950px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content {
    width: 680px;
    margin-left: 270px; /* The width of #sidebar-left. */
    margin-right: -950px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content {
    width: 680px;
    margin-left: 0;
    margin-right: -680px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content {
    width: 680px;
    margin-left: 270px; /* The width of #sidebar-left */
    margin-right: -950px; /* Negative value of #content's width + left margin. */
  }

  #content-inner {
    margin: 30px 30px 10px 30px;
    padding: 0;
  }

/** sidebar-left **/
  #sidebar-left {
    float: left;
    width: 270px;
    margin-left: 0;
    margin-right: -270px; /* Negative value of #sidebar-left's width + left margin. */
		margin-top:75px;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner {
    float: left;
    margin: 0 0 0 22px;
    padding: 0;
    width: 240px;
  }

/** sidebar-right **/
  #sidebar-right {
    float: left;
    width: 270px;
    margin-left: 950px; /* Width of content + sidebar-left. */
    margin-right: -1220px; /* Negative value of #sidebar-right's width + left margin. */
    margin-top:30px;
		padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner {
    float: left;
		margin: 0 30px 30px 0;
    width: 240px;
  }

  #sidebar-right .block {
    background-color:#D9E6C0;
		color:#333;
    margin:0 0 30px 0;
    padding: 15px;
  }

  #sidebar-right .block a:link {
    color:#690;
  }

  #sidebar-right .block a:visited {
    color:#666;
  }

  #sidebar-right .block h2 {
    color:#690;
    font-size:1.2em;
		font-weight:bold;
    line-height:1em;
		margin:0;
  }

/** sidebar-left block **/
  #sidebar-left .block {
  	margin:0 0 10px 0;
  }

/** sidebar-left menu **/
  /* All levels */
  #sidebar-left ul.menu {
    margin:0 0 24px 0;
		padding:0;
    list-style: none;
    list-style-image: none;
  }

  #sidebar-left ul.menu li {
    margin:0 0 0 0;
    padding:0;
    list-style: none;
    list-style-image: none;
  }

  #sidebar-left ul.menu li a:link,
	#sidebar-left ul.menu li a:visited {
    color:#999;
    display:block;
    margin:0 0 6px 0;
    outline: none;
		padding:0 0 0 8px;
    text-decoration:none;
  }

  /* First level */
  #sidebar-left ul.menu {
    width:100px;
  }

  #sidebar-left ul.menu li {
    position:relative;
  }

	#sidebar-left ul.menu li a:hover { /* hover */
    background: url(images/nav-active.gif) center left no-repeat;
    color:#690;
  }

  #sidebar-left ul.menu li.expanded a:link,
  #sidebar-left ul.menu li.expanded a:visited,
	#sidebar-left ul.menu li.active-trail a:link,
	#sidebar-left ul.menu li.active-trail a:visited { /* active or expanded */
    background: url(images/nav-active.gif) center left no-repeat;
    color:#690;
  }

  /* Second level */
  #sidebar-left ul.menu ul.menu {
    font-size:.9em;
    left:100px;
		position:absolute;
		top:-2px;
		width:140px;
  }

  #sidebar-left ul.menu li.expanded ul.menu a:link,
  #sidebar-left ul.menu li.expanded ul.menu a:visited,
	#sidebar-left ul.menu li.active-trail ul.menu a:link,
  #sidebar-left ul.menu li.active-trail ul.menu a:visited { /* default */
    margin:0 0 4px 0;
    padding:2px 0 2px 8px;
		background: none;
    color:#999;
  }

  #sidebar-left ul.menu li.expanded ul.menu a:hover,
	#sidebar-left ul.menu li.active-trail ul.menu a:hover { /* hover */
    background: url(images/nav-active.gif) center left no-repeat;
    color:#690;
  }

  #sidebar-left ul.menu li.active-trail ul.menu a.active:link,
  #sidebar-left ul.menu li.active-trail ul.menu a.active:visited,
  #sidebar-left ul.menu li.active-trail ul.menu li.active-trail a:link,
  #sidebar-left ul.menu li.active-trail ul.menu li.active-trail a:visited { /* active */
    background: url(images/nav-active.gif) center left no-repeat;
    color:#690;
  }

  /* Third level (hidden) */
  #sidebar-left ul.menu ul.menu ul.menu {
    display:none;
  }

  #block-menu-secondary-links ul.menu li.expanded ul.menu a:link,
  #block-menu-secondary-links ul.menu li.expanded ul.menu a:visited,
  #block-menu-secondary-links ul.menu li.active-trail ul.menu a:link,
  #block-menu-secondary-links ul.menu li.active-trail ul.menu a:visited { /* default */
    margin:0;
    padding:0 0 0 8px;
  }

/** block-menu **/
	.block-menu {

	}

/** news **/
	#block-block-1 {
		position:absolute;
		top:250px;
		left:22px;
		width:248px;
	}

  #block-block-1 h2.title {
    color:#690;
    background: url(images/nav-active.gif) center left no-repeat;
    font-size:1em;
		height:18px;
		line-height:18px;
		margin:0;
    padding:0 0 0 8px;
    text-decoration:none;
    text-transform:lowercase;
	}

	#block-block-1 .content {
		background-color:#D9E6C0;
    color:#666;
    font-size:.9em;
		margin-left:8px;
		height:237px;
		padding:15px;
  }

  #block-block-1 .content b,
	#block-block-1 .content strong {
    color:#690;
  }

/** user **/
  #block-user-1 {
  }

/** footer **/
  #footer {
    width: 950px;
		margin:0 auto;
  }

  .two-sidebars #footer {
    width:1220px;
  }

  #footer-inner {
    color:#690;
		font-size:.8em;

	}

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */ {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }
  /* If a div.clear-block doesn't have any content after it, Firefox and Safari
     will mistakenly place several pixels worth of space between the bottom of
     the div and the bottom of the viewport. This fixes it. */
  #page { overflow-y: hidden; } /* CSS3 property */


/** messages **/
  div.messages, /* Important messages (status, warning, and error) for the user */
  div.status,
  div.warning,
  div.error
  {
    margin: 0 0 10px 0;
  }

/** block config **/
  div.block.with-block-editing div.edit {
  	background-color:#EEE;
		border:1px solid #CCC;
  }

  .block-config {
  	display:none;
  }
	.block-block-1 .block-config {
		display:block;

	}

/** home (node) **/
  .not-logged-in div.node-type-home {
    margin-top:80px
  }

/** page (node) **/
  body.node-type-page #content-inner {
    color:#333;
    padding: 30px 30px 30px 0;
  }

  body.page-info #content-inner,
  body.page-profile #content-inner,
  body.page-services #content-inner,
  body.page-recognition #content-inner {
    color:#333;
    padding: 30px 30px 30px 0;
    background: url(images/bg_info.jpg) top right no-repeat;
  }

  body.node-type-page #content h1.title {
  	display:none;
  }

	body.node-type-page #content-area {
	  font-size:.9em;
	}

/** page (contact) **/

  body.page-contact #content-inner {
    background: url(images/bg_contact.jpg) top right no-repeat;
    padding: 45px 30px 20px 0;
		color:#666;
  }

  body.page-contact a:link,
	body.page-contact a:visited {
    color:#666
  }

  body.page-contact a:hover {
    color:#690;
  }

  body.page-contact table {
    border-collapse: collapse;
		width:auto;
		margin-bottom:30px;
  }

  body.page-contact h1.title {
  	display:none;
  }

  #contact-mail-page .form-item {
    margin-bottom:0;
    margin-top:5px;
  }

	#contact-mail-page .form-item label {
		float:left;
    font-weight:normal;
    color: #690;
    padding:0 0 0 0;
		width:70px;
	}

  #contact-mail-page div.resizable-textarea  {
  	width:auto;
  }

  #contact-mail-page input.form-text,
	#contact-mail-page textarea.form-textarea {
		width:320px;
    filter:alpha(opacity=50);
		font-size:.9em;
		opacity:.50;
	}

  #contact-mail-page textarea.form-textarea {
    height:140px;
  }

  #contact-mail-page div.grippie {
    display:none;
  }

	#contact-mail-page .form-required {
		display:none;
	}

	#contact-mail-page #edit-submit {
    border:none;
    background:none;
    color:#666;
		cursor:pointer;
		margin-left:70px;
		margin-top:5px;
		padding:0;
	}

  #contact-mail-page #edit-submit:hover {
    color:#690;
  }

  body#page-thank-you div.messages, /* Important messages (status, warning, and error) for the user */
  body#page-thank-you div.status,
  body#page-thank-you div.warning,
  body#page-thank-you div.error
  {
  	display:none;
  }

/** project (node) **/
  body.node-type-project #content-inner {
    padding: 0 0 30px 0;
  }

  body.node-type-project #content h1.title {
    font-size:1em;
    margin:0 0 2px 0;
    line-height:1em;
  }

	div.node-type-project .field-field-location {
	  color:#333;
		margin-bottom:10px;
	}

	div.node-type-project h3 {
	  font-size:.9em;
		height:20px;
		line-height:20px;
		margin:0;
	}

/** slideshow for home and project **/
  div.node-type-home .node .group-slideshow {
    height:455px;
  }

  div.node-type-project .node .group-slideshow {
    height:445px;
  }

  div.node-type-project .field-field-info {
    width:450px;
		font-size:.9em;
  }

	.node .group-slideshow {
		position:relative;
    margin:0;
    position:relative;
	}

	.node .group-slideshow .field-field-images .field-item,
	.node .group-slideshow .field-field-info {
		display:none;
		position:absolute;
		top:0;
		left:0;
	}

	.node .group-slideshow .field-field-images .field-item-1 {
	  display:block;
	}

	.slideshow-navigation {
		position:absolute;
		color:#CCC;
		font-size:.9em;
		top:495px;
		left:0;
	}

	.slideshow-navigation a,
  .slideshow-navigation span {
  	display:block;
		float:left;
  }

  .slideshow-navigation a {
  	padding:0 8px;
	  outline: none;
  }

  .slideshow-navigation a:link,
  .slideshow-navigation a:visited {
    color:#999;
		text-decoration:none;
  }

	.slideshow-navigation a.active:link,
	.slideshow-navigation a.active:visited {
		color:#690;
	}

	/* FIX: Example images */
	body.page-example div.node-type-project .field-field-images img {
	  width:620px;
	  height:445px;
	}

/* error */
	.form-item input.error,
	.form-item textarea.error,
	.form-item select.error {
		border-color: #C00;
	}

	.error,
	.form-required {
	  color:#C00;
	}

/* Hide contact form */

  body.page-contact #content-inner {
    background: url(images/bg_contact.jpg) top right no-repeat;
    padding: 45px 30px 20px 0;
    min-height: 455px;
    color:#666;
  }

  form#contact-mail-page .form-item,
  form#contact-mail-page input {
    display: none;
  }