/*

Theme Name: Zaha Hadid Architects Website

Theme URI: http://wordpress.org/

Description: A custom wordpress theme for the Zaha Hadid: Architects Website.

Version: 1.0

Author: Travis Hensgen 

Author URI: http://traversal.com.au/

Tags: 



This theme was built by Travis Hensgen (http://traversal.com.au)



*/



/* 

  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark

  html5doctor.com/html-5-reset-stylesheet/

*/





html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

  margin:0;

  padding:0;

  border:0;

  outline:0;

  font-size:100%;

  vertical-align:baseline;

  background:transparent;

}                  



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section { 

    display:block;

}



nav ul { list-style:none; }



blockquote, q { quotes:none; }



blockquote:before, blockquote:after,

q:before, q:after { content:''; content:none; }



a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }



ins { background-color:#ff9; color:#000; text-decoration:none; }



mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }



del { text-decoration: line-through; }



abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }



/* tables still need cellspacing="0" in the markup */

table { border-collapse:collapse; border-spacing:0; }



hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }



input, select { vertical-align:middle; }



/* END RESET CSS */





/* fonts.css from the YUI Library: developer.yahoo.com/yui/

   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages



  There are three custom edits:

   * remove arial, helvetica from explicit font stack

   * we normalize monospace styles ourselves

   * table font-size is reset in the HTML5 reset above so there is no need to repeat

*/

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */



select, input, textarea, button { font:99% sans-serif; }



/* normalize monospace sizing 

 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome

 */

pre, code, kbd, samp { font-family: monospace, sans-serif; }







body {

  font-family: arial, sans-serif; 

  font-weight: normal;

	font-size: 75%; /* Resets 1em to 12px */

}





.ac {

	/* Hidden Elements - used for accessibility only */

	width: 0;

	height: 0;

	position: absolute;

	left: -9999px;

	top: -9999px;

}



a {

  cursor: pointer;

  color:White;

  outline: none; /* Aug-10 */

}





/*a:hover {

  color:White;

}*/



.ir {

	/* Phark Image Replacement */

  display: block;

  text-indent: -9999px;

  background-repeat: no-repeat;

  outline: none;

}





/* -- Form Elements -- */



input.text,

textarea,

select {

  font-size: 11px;

  font-family: arial, sans-serif;

  color: #333;

  padding: 3px 6px 2px 6px;

  border: none;

  border-bottom: 1px solid #666;

  background: #FFF;

}



input[type=text] {

  font-size: 11px;

  font-family: arial, sans-serif;

  color: #333;

  padding: 3px 6px 2px 6px;

  border: none;

  border-bottom: 1px solid #666;

  background: #FFF;

}



input.error {

  border-color: #D03023;  

}



input.text,

input.password,

textarea {

  background: url(../images/input.png) repeat-x #C5C9CC;

  outline: none;

  clear: left;

}



input[type=text],

input[type=password] {

  background: url(../images/input.png) repeat-x #C5C9CC;

  outline: none;

  clear: left;

}





.gfield_error input.text,

.gfield_error input[type=text],

.gfield_error input[type=password],

.gfield_error input.password,

.gfield_error textarea {

  background: url(../images/gfield-error-input.png) no-repeat top right #C5C9CC;

  outline: none;

}



.validation_error {

  padding: 10px;

  color: #FFF;

  font-weight: bold;

  line-height: 18px;

  font-family: arial, sans-serif;

}





input.text:focus,

input.password:focus,

input[type=text]:focus,

input[type=password]:focus,

textarea:focus {

  border-color: #333; 

}



input.checkbox,

input.radio {

  width: 14px;

  height: 14px;

  margin: 0;

  padding: 0;

}



input.with-placeholder,

textarea.with-placeholder {

  color: #666;

}





.f {

  overflow: hidden;

  zoom: 100%;

  padding-bottom: 12px;

}



.f br {

  display: none;

}





.f input,

.f textarea {

  float: left;

}



.f select,

.fg select {

  float: left;

}



.f label,

.f .label {

  float: left;

  margin-top: 10px;

  margin-right: 8px;

  display: block;

  font-size: 1em;

  color: #3E3E3E;

}



.f .value {

  float: left;

  margin-top: 4px;

  margin-right: 2px;

  display: block;

}



.f input.checkbox, 

.f input.radio {

  margin-right: 4px;

  margin-top: 5px;

}



.f input.text,

.f select,

.f textarea {

  margin-right: 3px;

}





/* field help */

.f .fh {

  float: left;

  padding-top: 5px;

  color: #888;

  margin-left: 10px;

}



.f .fhu {

  clear: left;

  float: left;

  margin-top: 7px;

  color: #888;

  white-space: nowrap;

  display: block;

  position: relative;

}



.f .flag {

  margin-top: 1px;

  margin-left: 4px;

  float: left;

  width: 20px;

  height: 20px;

  padding: 0;

}



/* Field Groups */



.f .fg {

  float: left;

}



.fg .note {

  float: left;

}



.f .fg label {

  width: auto !important;

}



.fg input.text,

.fg select,

.fg textarea,

.fg .note {

  margin-right: 8px;

}







/* More Form Styles */



.f .note {

  font-size: 0.833em;

  color: #999999;

  margin-top: 3px;

  clear: left;

}

   

.form-section {

  border-bottom: 1px solid #EBEBEB;

}



.instruction {

  font-size: 0.917em;

  background: #EBF9FF;

  padding: 8px 10px;

  margin-bottom: 10px;

}



label.ac {

  width: 0 !important;

}



form p.intro {

  margin: 0.5em 0;

  line-height: 1.5em;

}



#form-main {

  z-index:10;

}













/* Custom Buttons */



button {

  cursor: pointer;

}



/* straight image replacement (single image fixed size) */

button.ir,

button.text,

.btg button {

  font-family: "arial", sans-serif; 

  margin: 0;

  padding: 0;

  display: block;

  border: none !important;

  background-color: transparent;

  background-repeat: no-repeat;

  cursor: pointer;

  text-decoration: none;

  position: relative; 

  text-indent: -9999px;

}



button.text {

  text-indent: 0;

  text-align: center;

}



.bt {

  /* class can be applied to either buttons or link tags */

	margin: 0;

	display: block;

  float: left;

	border: none;

	background-color: transparent;

	cursor: pointer;

  text-decoration: none;

	position: relative; 

	background-position: top right; 

	background-repeat: no-repeat;

  background-image: url(../images/bt.png);

	padding: 0 5px 0 0;

  height: 31px;

  /* fixes problems in IE - doesn't affect other browsers */

	position: relative; 

	white-space: nowrap;

	outline: none;

	text-decoration: none !important;

  color: #FFF;

}



.bt span {

  display: block;

  line-height: 1.2em;

  background-image: url(../images/bt-span.png);

  text-align: center; 

  position: relative;

}



.bt,

button.bt,

button.ir,

button.text,

.btg button

{

  position: relative;

	margin: 0;

	padding-left: 0;

	/* magical IE fix for unwanted right padding */

	overflow: visible;

	font-weight: normal;

}



button::-moz-focus-inner,

button span::-moz-focus-inner,

button.bt::-moz-focus-inner,

button.ir::-moz-focus-inner,

button.bt span::-moz-focus-inner,

.btg button::-moz-focus-inner { 

	/* 

		This fixes the 1px offset problem in firefox. Found in a comment by "Axonian" at:

		http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/

	*/

	border: none;

	/* 

		... and these fix extra padding problems in firefox. Found in a comment by "pike" at:

		http://radaschuetz.com/archive/2007/04/21/button-hell/

	*/

	padding-right: 0;

	padding-left: 0;

}





.bt span {

  font-weight: normal;

  background-position: top left;

  background-repeat: no-repeat;

  background-image: url(../images/bt-span.png);

  padding: 6px 8px 0px 13px;

  height: 25px;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: bold;

}



.bt span span {

  height: 14px;

  background-position: 0;

  padding: 0;

}



.bt:hover,

.bt-hover {

  background-position: 100% -31px;

  text-decoration: none;

  color: #FFF;

}



.bt:hover span,

.bt-hover span {

  background-position: 0 -31px;

}



.bt:active {

  background-position: 100% -62px;

}



.bt:active span {

  background-position: 0 -62px;

}











.divider {

  background: url(../images/divider.png) no-repeat top center;

}







/* Small Icon Buttons */



button.ic-sml,

a.ic-sml {

  width: 20px;

  height: 20px;  

}



.share {

  background: url(../images/share.png) no-repeat;

}



.show-filters {

  background: url(../images/show-filters.png) no-repeat;

}



.star {

  background: url(../images/star.png) no-repeat;

}



.starred {

  background: url(../images/starred.png) no-repeat;

}



.download {

  background: url(../images/download.png) no-repeat;

}



.close {

  background: url(../images/close.png) no-repeat;

}



.fullscreen {

  background: url(../images/fullscreen.png) no-repeat;

}



.go {

  background: url(../images/go.png) no-repeat;

}



.close-white {

  background: url(../images/close-white.png) no-repeat;

}



.remove-white {

  background: url(../images/button-close-white.png) no-repeat;

  width: 16px;

}



.fullscreen-white {

  background: url(../images/fullscreen-white.png) no-repeat;

}



.go-white {

  background: url(../images/go-white.png) no-repeat;

}



.download-white {

  background: url(../images/download-white.png) no-repeat;

}



.share-white {

  background: url(../images/share-white.png) no-repeat;

}



.star-white {

  background: url(../images/star-white.png) no-repeat;

}





.delicious {

  background: url(../images/delicious.png) no-repeat;

}



.facebook {

  background: url(../images/facebook.png) no-repeat;

}



.twitter {

  background: url(../images/twitter.png) no-repeat;

}



.linkedin {

  background: url(../images/linkedin.png) no-repeat;

}



.google {

  background: url(../images/google.png) no-repeat;

}



button.ic-lge,

a.ic-lge {

  width: 24px;

  height: 24px;  

}



.close-large {

  background: url(../images/button-close-white.png) center center no-repeat;

  

}





/* -- IE6 PNG filters -- */



.ie6 .share {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/share.png', sizingMethod='crop');

}



.ie6 .star {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/star.png', sizingMethod='crop');

}



.ie6 .show-filters {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/show-filters.png', sizingMethod='crop');

}





.ie6 .starred {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/starred.png', sizingMethod='crop');

}



.ie6 .download {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/download.png', sizingMethod='crop');

}



.ie6 .close {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/close.png', sizingMethod='crop');

}



.ie6 .fullscreen {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/fullscreen.png', sizingMethod='crop');

}



.ie6 .go {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/go.png', sizingMethod='crop');

}



.ie6 .close-white {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/close-white.png', sizingMethod='crop');

}



.ie6 .remove-white {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/button-close-white.png', sizingMethod='crop');

}



.ie6 .fullscreen-white {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/fullscreen-white.png', sizingMethod='crop');

}



.ie6 .go-white {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/go-white.png', sizingMethod='crop');

}



.ie6 .close-large {

  background: url(../images/transparent.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/button-close-white.png', sizingMethod='crop');

}







/* jScrollPane */



/*

 * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

 */



.jspContainer

{

	overflow: hidden;

	position: relative;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	left: 12px;

	width: 4px;

	height: 100%;

}



.scroll-rt .jspVerticalBar {

  right: 5px;

  left: auto;

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 4px;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background: #dde;

	position: relative;

}



.jspDrag

{

	background: #bbd;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	background: #50506d;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

	background: #80808d;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}





.jspHorizontalBar,

.jspVerticalBar,

.jspTrack {

	background: #C6C6C7;

}



.jspDrag {

	background:  #000000;

}



.jspTrack .jspActive,

.jspTrack .jspHover,

.jspDrag:hover {

	background: #333;

}





.page-overlay-content .jspDrag,

.black-content-panel .jspDrag, 

.panel .jspDrag {

  background: #C6C6C7;

}



.page-overlay-content .jspTrack,

.black-content-panel .jspTrack,

.panel .jspTrack {

  background: #3E3E3E;

}







/* -- Video Overlay -- */



.video-overlay {

  position: absolute;

  width: 800px;

  z-index: 100;

  left: 225px; /* 28 / 2 - 7 */

  top: 110px;

}



.video-overlay h2 {

  color: #FFF;

  font-size: 14px;

  font-weight: normal;

  font-family: "zaha", arial, sans-serif;

  padding-top: 6px;

}



.video-overlay .sdbc {

  background: #000;

  position: relative;

  padding: 2px 32px;

  height: 620px;

}



.video-overlay button.close {

  position: absolute;

  bottom: 16px;

  right: 14px;

}







/* -- Shadow (Liquid Panel) -- */









.sdh,  /* head */

.sdhl,

.sdhr {

  height: 7px;

  line-height: 0;

  font-size: 0;

}



.sdhl {

  padding-left: 7px;

}



.sdhr {

  padding-right: 7px;

}





.sdb, /* body */

.sdbl,

.sdbr {

}



.ie7 .sdb,

.ie7 .sdbl,

.ie7 .sdbr {

  overflow: hidden;

}





.sdbl {

  padding-left: 7px;

}



.sdbr {

  padding-right: 7px;

}



.sdf, /* foot */

.sdfl,

.sdfr {

  height: 7px;

  line-height: 0;

  font-size: 0;

}



.sdfl {

  padding-left: 7px;

}



.sdfr {

  padding-right: 7px;

}



.no-boxshadow .sdb, /* body */

.no-boxshadow .sdbl,

.no-boxshadow .sdbr {

}



.no-boxshadow .sdf, /* body */

.no-boxshadow .sdfl,

.no-boxshadow .sdfr {

  overflow: hidden;

  zoom: 100%;

}



.no-boxshadow .sdh, /* body */

.no-boxshadow .sdhl,

.no-boxshadow .sdhr {

  overflow: hidden;

  zoom: 100%;

}



.no-boxshadow .sdhl {

  background: url(../images/sdhl.png) no-repeat top left;

}



.no-boxshadow .sdhr {

  background: url(../images/sdhr.png) no-repeat top right;

}



.no-boxshadow .sdh {

  background: url(../images/sdh.png) repeat-x;

}



.no-boxshadow .sdb {

  background: url(../images/sdb.png) repeat;

}



.no-boxshadow .sdbl {

  background: url(../images/sdbl.png) repeat-y top left;

}



.no-boxshadow .sdbr {

  background: url(../images/sdbr.png) repeat-y top right;

}



.no-boxshadow .sdf {

  background: url(../images/sdf.png) repeat-x;

}



.no-boxshadow .sdfl {

  background: url(../images/sdfl.png) no-repeat bottom left;

}



.no-boxshadow .sdfr {

  background: url(../images/sdfr.png) no-repeat bottom right;

}





.ie6 .sdhl {

  background: url(../images/sdhl.gif) no-repeat top left;

}



.ie6 .sdhr {

  background: url(../images/sdhr.gif) no-repeat top right;

}



.ie6 .sdh {

  background: url(../images/sdh.gif) repeat-x;

}



.ie6 .sdb {

  background: url(../images/sdb.gif) repeat;

}



.ie6 .sdbl {

  background: url(../images/sdbl.gif) repeat-y top left;

}



.ie6 .sdbr {

  background: url(../images/sdbr.gif) repeat-y top right;

}



.ie6 .sdf {

  background: url(../images/sdf.gif) repeat-x;

}



.ie6 .sdfl {

  background: url(../images/sdfl.gif) no-repeat bottom left;

}



.ie6 .sdfr {

  background: url(../images/sdfr.gif) no-repeat bottom right;

}



.sdb {

  -moz-box-shadow: 4px 4px 8px 0px #444;

  -webkit-box-shadow: 4px 4px 8px 0px #444;

  box-shadow: 4px 4px 8px 0px rgb(5, 5, 5);

}



body.home .sdb {

  -moz-box-shadow: 4px 4px 8px 0px #000;

  -webkit-box-shadow: 4px 4px 8px 0px #000;

  box-shadow: 4px 4px 8px 0px #000;

}





/* remove box shadow */



.docked .sdhl,

.docked .sdhr,

.docked .sdh,

.docked .sdb,

.docked .sdbl,

.docked .sdbr,

.docked .sdf,

.docked .sdfl,

.docked .sdfr {

  background: none;

}



.docked .sdb {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}









/* -- Content -- */



.content {

  color: #333;

 

}



.content p,

.content ul,

.content ol,

.content table,

.content blockquote,

.content h2,

.content h3,

.content h4,

.content h5,

.content h6,

.content object {

  margin: 2em 0 0.5em 0;

}



.content h2,

.content h3,

.content h4,

.content h5,

.content h6 {

  font-weight: bold;

  color: #333;

}



.content h2 + p,

.content h3 + p,

.content h4 + p,

.content h5 + p,

.content h6 + p {

  margin-top: 0em;

}



.content h2:first-child,

.content h3:first-child,

.content h4:first-child,

.content h5:first-child,

.content h6:first-child {

  margin-top: 0;

}



.content ol {

  list-style-type: decimal;

}



.content ol li {

  margin-bottom: 8px;

  padding-left: 20px;

}



.content ul {

  list-style-type: disc;

  padding-left: 0px;

  line-height: 1.5em;

}



.content ul li {

  /*margin-top: 8px;*/

  color:White;

}





.content p + ul,

.content p + ol {

  margin-top: 0px;

}



.content ul li:first-child,

.content ol li:first-child {

  margin-top: 0;

}



.content em {

  font-style: italic;

}



.content p {

  margin-top: 0px;

  /*margin-bottom: 1.5em;*/

  line-height: 1.5em;

  color:White;

}



.content strong {

  font-style: bold;

}



.content h2 {

  font-size: 24px; 

  font-weight: normal;

  margin-bottom: 14px;

  color: #333;

}



.content h3 {

  font-size: 16px; 

}



.content h4 {

  font-size: 14px; 

}



.content h5 {

  font-size: 1em;

}



.content h6 {

  font-size: 0.833em; /* 10 / 12 */  

}



.content p.intro {

  font-size: 14px;

  line-height: 19px;

  color: #333;

  font-family: "zaha", arial, sans-serif;

}





/* List Thumbnails */





.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.isotope-hidden {

  visibility: hidden;

}





.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.5s;

     -moz-transition-duration: 0.5s;

          transition-duration: 0.5s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

          transition-property:         transform, opacity;

}



ul.thumbs {

  margin-top: 0;

  overflow: hidden;

  zoom: 100%;

}



ul.thumbs li {

  float: left;

  margin: 0;

  padding: 0 0px 0px 28px; /* 28px gutters */

  display: block;

  width: 176px; /* 176px columns */

  height: 152px; /* 124 + 1 * 20 text lines*/

  margin-bottom:18px;

  overflow: visible;

  font-size: 12px;

  position: relative;

 /* background: url(../images/loading-4.gif) no-repeat 80px 40px;*/

  background: url(../images/loading-4.gif) no-repeat 48% 38%;

}



ul.thumbes li {

  float: left;

  margin: 0;

  padding: 0 0px 0px 0px; /* 28px gutters */

  display: block;

  width: 100px; /* 176px columns */

  height: 100px; /* 124 + 1 * 20 text lines*/

  overflow: hidden;

  font-size: 12px;

  position: relative;

}





ul.thumbs li li {

  background: none;

}



ul.thumbs li .vvqbox {

  margin: 0;

}



ul.thumbs li .type {

  display: none;

  width: 168px;

  padding: 4px;

  color: #FFF;

  position: absolute;

  left: 28px;

  top: 0;

  background: #000;

  background: rgba(0,0,0,0.8);

}







ul.thumbs li a {

  color: #000;

  text-decoration: none;

}  



ul.thumbs li a img {

  display: block;

}



ul.thumbs li .caption {

  font-size: 11px;

}



ul.thumbs li a.caption {

  margin-top: 6px;

  display: block;

  width: 176px; /* 176px columns */

  height: 13px;

  overflow: hidden;

}

    

ul.thumbs li p {

  margin: 6px 0 0 0;

}



ul.thumbs li a.thumb-link {

  width: 176px; /* 176px columns */

  height: 99px; /* 124px thumbnails */

  overflow: hidden;

  display: block;

}



ul.thumbs li div.slideshow ul {

  height: 124px;

  overflow: hidden;

}



ul.thumbs li div.slideshow ul li {

  width: 176px; /* 176px columns */

  height: 124px; /* 124px thumbnails */

  margin: 0;

  padding: 0;

}



ul.thumbs li div.slideshow ul img {

  display: block;

}



ul.thumbs li h3 {

  padding-top: 4px;

  font-weight: normal;

}



ul.thumbs li.text a.tile {

  display: block;

  color: #FFF;

  background: #929699;

  height: 116px; /* 124 - 8 */

  position: relative;

  padding: 4px;

  -webkit-transition: background-color 0.3s ease;

  -moz-transition: background-color 0.3s ease;

}



ul.thumbs li.text a.tile:hover {

  background-color: #BABCBE;

  

}



ul.thumbs li.text h3 {

  font-family: "zaha", arial, sans-serif;

  font-size: 18px;

  padding-top: 0; 

}



ul.thumbs li.related-tile h3 {

  font-size: 16px;

}



ul.thumbs li.text span.dl {

  font-family: "zaha", arial, sans-serif;

  font-size: 15px;

  position: absolute;

  bottom: 2px;

}





#details ul.thumbs .caption {

  /*display: none;*/

  color:White;

}



ul.thumbs li.video .caption {

  display: none;

}



ul.thumbs li.video a.play,

.thumb-overlay .play {

  width: 176px;

  height: 124px;

  display: block;

  background: url(../images/play.png) 80px 45px no-repeat;

  position: absolute;

  left: 28px;

  top: 0;

  z-index: 10;

  text-indent: -9999px;

}



ul.thumbs li.video a.play,

.thumb-overlay .play {

  background: url(../images/play.gif) 80px 45px no-repeat;

}

  

ul.thumbs li.video .vthumb {

  width: 176px;

  height: 124px;

  background: url(../images/loading-4.gif) center center no-repeat #000;

}



ul.thumbs li.video .vthumb-loaded {

  background: #000;

}     



/* Thumbnail Overays */



.thumb-overlay {

  position: absolute;

  left: 0;

  top: 0;

  display: none;

  z-index: 100;

  width: 202px;

}



.thumb-overlay .play {

  left: 13px;

  top: 13px;

}



.thumb-overlay .sdbc {

  padding: 6px;

  background: #FFF;

}



.thumb-overlay img {

  display: block;

}



.thumb-overlay a {

  text-decoration: none;

}





.thumb-overlay .sdh,

.thumb-overlay .sdf {

  width: 188px; /* IE needs this */

}



.thumb-overlay .caption {

  padding: 6px 0 0 0;

  display: block;

  font-size: 11px;

  width: 176px; 

  color:White;

}



.thumb-overlay .buttons {

  overflow: hidden;

  zoom: 100%;

  padding-top: 10px;

  padding-bottom: 4px;

}



.thumb-overlay .buttons .share-links {

  float: left;

}



.thumb-overlay .buttons .close {

  float: right;

}



.thumb-overlay .share-project {

  margin-top: 6px;

  border-top: 1px solid #ccc;

  padding-top: 6px;

  display: none;

}



.thumb-overlay .share-project h1 {

  font-weight: bold;

  font-size: 12px;

  font-family: sans-serif;

}



.thumb-overlay .share-project input.text,

#share-panel .share-project input.text {

  border-bottom: none;

  font-size: 12px;

  color: #FFF;

  margin-top: 6px;

  padding: 6px 4px 2px 4px;

  border-left: 1px solid #999 !important;

  border-bottom: 1px solid #999;

  border-right: 1px solid #999 !important;

  width: 144px;

  margin-right: 4px;

  float: left;

}





.thumb-overlay .share-project .input-wrap,

#share-panel .share-project .input-wrap {

  overflow: hidden;

  position: relative;

}



#share-panel .share-project .input-wrap input.text {

  width: 134px;

}





.thumb-overlay .share-project .title,

#share-panel .share-project .title {

  overflow: hidden;

  zoom: 100%;

}



.thumb-overlay .share-project .title h1,

#share-panel .share-project .title h1 {

  float: left;

}



.thumb-overlay .share-project .input-wrap button.clipboard,

#share-panel .share-project .input-wrap button.clipboard {

  width: 16px;

  height: 16px;

  margin-top: 9px;

  background: url(../images/clipboard.png);

  float: left;

}



.thumb-overlay .share-project .input-wrap,

#share-panel .share-project .input-wrap {

  cursor: pointer;

}





/* -- Share Panel -- */



#share-panel {

  position: absolute;

  width: 190px;  

  display: none;

  z-index: 20;

}



.ie6 #share-panel {

  margin-top: -1px;

}



#share-panel h1 {

  font-weight: bold;

  font-size: 12px;

  font-family: arial, sans-serif;

}



#share-panel p {

  font-weight: normal;

  font-size: 12px;

  padding-top: 10px;

}



#share-panel .sdbc {

  padding: 6px;

  background: #FFF;

  min-height: 116px;

}



.ie6 #share-panel .sdbc {

  height: 116px; /*  min-height */

}



#share-panel .share-project input.text {

  width: 156px;

  height: 16px;

}





/* -- Download Panel -- */



#download-panel {

  position: absolute;

  width: 394px;  

  display: none;

  z-index: 20;

}



#download-panel .sdbc {

  padding: 10px;

  background: #FFF;

  text-align: right;

}





/* -- Page Overlay -- */



.stub {

  display: none;

  position: absolute;

  top: 80px;

  z-index: 40;

}



.page-overlay {

  position: absolute;

  left:24%; /* 28 / 2 - 7 */

  top: 80px;

  z-index: 100;

}



body.home .stub {

  z-index: 80;

}





.page-overlay .close-large {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 50;

}



#zha-world .close-large {

  right: 10px;

  top: 10px;

}



.stub .page-overlay {

  top: 0px;

}





.page-overlay .spinner {

  height: 380px;

  font-family: "zaha", arial, sans-serif;

  font-size: 36px;

  background: url(..../images/loading.gif) center center no-repeat;

  font-weight: normal;

  color: #FFF;

  text-align: center;

  padding-top: 200px;

  position: absolute;

  width: 100%;

  z-index: 50;

}





.page-overlay-2 {

  width: 422px; /* (176 * 2) + (28 * 2) + (7 * 2) */

}



.page-overlay-3 {

  width: 612px; /* (176 * 3) + (28 * 3) + (7 * 2) */

}



.page-overlay-4 {

  width: 830px; /* (176 * 4) + (28 * 4) + (7 * 2) */

}



.page-overlay-5 {

  width: 1034px; /* (176 * 5) + (28 * 5) + (7 * 2) */

}



.page-overlay .sdbc {

  background: #000;

  padding: 0px;

  height: 650px;

}



.page-overlay .sdbcc {

  background: #000;

  padding: 0px;

  height: 520px;

}





body.complete .page-overlay .sdbc {

  padding: 14px;

}



.page-overlay .sdbc iframe {

  position: absolute;

  top: 7px;

  left: 7px;

  background: #000;

}





.page-overlay-content {

  color: #FFF;

  overflow: hidden;

  zoom: 100%;

  background: #000;

  position: relative;

}



.page-overlay-content h1 {

  font-family: "zaha", sans-serif;

  font-weight: normal;

  font-size: 20px;

  margin-bottom: 1em;

  padding-left:10px;

}





.page-overlay-content .summary {

  width: 176px;

  float: left;

  margin-right: 28px;

}



.ie6 .page-overlay-content .summary {

  margin-right: 14px;

}



.page-overlay-content .summary .post-content {

  height: 570px;

  padding-right: 14px; /* allows for scroller */

}



.page-overlay-content .feature {

  float: left;

}



.page-overlay-content-2 .summary {

  width: 380px; /* (176 * 2) + (28 * 1) */ 

}



.page-overlay-content-2 .summary .scroll {

  width: 360px;

  padding-right: 20px;

}





.page-overlay-content-5 .feature {

  width: 764px; /* (176 * 4) + (28 * 3) */ 

  height: 200px;

}









  







/* Attributes */



ul.attributes {

  /*border-top: 1px solid #E5E5E5;*/

  padding: 0;

  margin: 0px 0;

  font-size: 11px;

}



ul.attributes li {

  list-style-type: none;

  margin: 0;

  border-bottom: 1px solid #E5E5E5;

  padding: 3px 0 0px 0;

}



ul.attributes li sup {

  vertical-align: super;

  font-size: 8px;

  padding-left: 0;

  margin-top: -6px;

}







/* -- Structural -- */



* {

	margin: 0;

}



body {

  padding-bottom: 60px;

  background-image:url(../images/background_inside.png);

  background-position: center;

  background-attachment: fixed;

  background-repeat:repeat-y;

  background-color:#3c3c3c;

}



html {

background-color: transparent;

}



body.partial {

  background-color: #000;

  padding: 14px; /* (28 / 2) */





}



#wrap {

  /*width: 1252px; /* = gutters + columns = ( 7 * 28 ) + ( 6 * 176 ) */

}



body.home #wrap {

  width: 100%;

}





/* -- Header -- */



h1#logo {

  position: absolute;

  top: 24px;

  left: 28px; /* 28px gutters */

  z-index: 100;  

}



h1#logo a {

  display: block;

  height: 62px;

  width: 216px;

  background-image: url(../images/header-main-h1-white.png);

}



.ie6 h1#logo a {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/header-main-h1-black.png', sizingMethod='crop');

}







.mainmenu {

  position:fixed;

  /*top:130px;*/

  bottom: 0px;

  left:0px;

  z-index: 70;

  width: 100%;

  /*background-image: url(../images/main-page-bottom.png);*/

  background-color: #000;

  filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;

}



.mainmenu li {

  float: left;

  padding-top:8px;

  text-align:center;

  margin-left:30px;

  list-style: none;  

  height:28px;

  width:134px;

  font-size:18px;

  font-family:Arial,微软雅黑;

  color:#ffffff;

  cursor:pointer;

} 



.mainmenu a {

  /*display: block;*/

  height: 28px;

  width:10%;

  text-decoration:none;

  /*background-image: url(../images/header-main-h1-black.png);*/

}



.ie6 .mainmenu a {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/header-main-h1-black.png', sizingMethod='crop');

}



.mainmenucopyright {

  position: fixed;

  right:40%;

  top: 97%;

  z-index: 71;

  width: 100%;

}



.mainmenucopyright li {

  float: left;

  list-style: none;  

  height:28px;

  width:100%;

  font-size:12px;

  text-align:center;

  text-align:right;  

  color:#ffffff;

} 





.submainmenu {

  position: absolute;

  top:719px;

  z-index: 70;

  width: 100%;  

  /*background-image: url(../images/main-page-subbottom.png);*/

  background-color: #8d9092;

  filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;

}



.submainmenu li {

  float: left;

  padding-top:8px;

  padding-left:30px;

  list-style: none;  

  height:28px;

  width:10%;

  font-size:14px;  

  color:#ffffff;  

}



.submainmenu li.currenton {  

  color:#000000;  

} 



.submainmenu li a {

  display: block;  

  color:#ffffff;  

  list-style: none;  

  text-decoration: none;

}



.ie6 .submainmenu li a {

  background-image: none;  

  color:#ffffff;  

  list-style: none;  

  text-decoration: none;

}



/* -- Draggable Panels ------------------------ */



.draggable {

  position: absolute;

  top: 17px;

  z-index: 50;

}



.draggable a {

  cursor: pointer;

}



.draggable p,

.draggable ul {

  cursor: text;

}



.panel .menu-content {

  display: none;

}



.panel button.close {

  width: 12px;

  height: 12px;

  float: right;

  background: url(../images/button-close-white.png) no-repeat;

  float: right;

  margin-top: 5px;

  margin-right: 5px;

}



.ie6 .panel button.close {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/button-close-white.png', sizingMethod='crop');

  margin-right: 3px;

}



  

.panel {

  width: 190px;/* 176px + 14 for shadows */

  display: block;

  position: absolute;

  

}



.panel header {

  color: #FFF;

  overflow: hidden;

  zoom: 100%;

  display: block;

  

}



.docked header {

  cursor: pointer;

}



.docked header:hover {

  background-color: #363435;

}



.docked header.menu-shown {

  cursor: move;

}



.panel nav.menu li {

  overflow: hidden;

  zoom: 100%;

}



.panel nav.menu li a,

.panel li.nav a {

  display: block;

  border-top: 1px solid #3A383A;

  padding: 5px 6px; 

}



.panel li.nav a {

  border-top: none;

}



.panel nav.menu li a.current,

.panel nav.menu li a.current-overlay,

.panel li.nav a.current,

.panel li.nav a.current-overlay,

a.menu-shown {

  background-color: #4E4E50;

}



.panel nav.menu li a:hover,

.panel li.nav a:hover {

  background-color: #363435;

  text-decoration: none;

}



.panel header {

  background: #000; /* makes IE suddenly regard the header as a block... sigh */

}



#featured-projects-panel header {

  background: transparent;

}



.panel header h1,

.panel header label {

  padding: 8px 8px 4px 8px;

  float: left;

}



body.home .panel header h1,

body.home .panel header label {

  float: left;

}



.panel header.trigger h1,

#search-panel #label-term {

  font-family: arial, sans-serif;

  font-weight: normal;

  padding: 5px 8px 4px 6px

}





.panel header label {

  font-weight: normal;

}



.panel .desc {

  padding: 8px 8px 8px 8px;

  line-height: 16px;

}





.panel article {

  padding: 8px;

}



.panel .panel-content 

{

  -moz-opacity:0.8;

  filter:alpha(opacity=80);

  opacity:0.8;

  background: #000;  

}



.panel .panel-content1 

{

  background: #000;  
    width: 100%;
    height: 100%;
}





.panel .panel-content h1,

.panel .panel-content h2,

.panel .panel-content h3,

.panel .panel-content time,

.panel .panel-content a {

  color: #FFF;

}





.panel .panel-content p {

  color: #DDD;

}



.panel-content a {

  color: #FFF;

  text-decoration: none;

}



.panel-content a.more {

  text-decoration: underline;

}



.panel-content a:hover {

  text-decoration: underline;

}



.panel a.more {

  padding: 8px;

  display: block;

}



body.home .panel {

  width: n-0px; /* The home panels are slightly wider to allow for more content */

}





body.home .panel button.close {

  display: none;

}

 

body.home .panel .menu-content {

  display: block;

}



body.home .panel header {

  cursor: text;

}



body.home .panel header h1 {

  font-weight: 300;

}



body.home .panel header:hover {

  background: #000000;

}





/* -- About Us Panel -- */



body.home #about-us-panel article h1 {

  padding-left: 0;

  padding-right: 0;

  padding-top: 0px;

  padding-bottom: 20px;

}



body.home #about-us-panel #about-us-video {

  display: none;

}



body.home #about-us-panel #about-us-video div {

  padding-top: 10px;

  padding-left: 10px;

}



body.home #about-us-panel .panel-content {

  

  overflow: hidden;

  position: relative;

  min-height: 230px;

}



.ie6 body.home #about-us-panel .panel-content {

  height: 325px;

}



body.home #about-us-panel article {

  width: 180px;

  height:160px;

}



body.home #about-us-panel aside {

  position: absolute;

  top: 0;

  left: 180px;

  width: 400px;

}



body.home #about-us-panel #about-us-close {

  position: absolute;

  top: 6px;

  right: 10px;

}



/* -- News Panel -- */



body.home #news-panel .scroll {

  width: 380px;

  padding-right: 4px;

  height: 330px;

  margin-bottom: 10px;

}



body.home #news-panel h1 {

  padding-bottom: 12px;

}







body.home #news-panel article {

  

  padding-bottom: 0px;

}



body.home #news-panel article h1,

body.home #news-panel article time {

  font-family: arial, sans-serif;

  font-weight: normal;

  font-size: 12px;

  margin-bottom: 4px;

  padding-bottom: 0;

  display: block;

}





/* -- Project Panel -- */



body.home #project-panel .scroll {

  width: 360px;

  padding-right: 4px;

  height: 323px;

  margin-bottom: 10px;

}



body.home #project-panel h1 {

  padding-bottom: 12px;

}







body.home #project-panel article {

  /*padding-top: 0;*/

  padding-bottom: 0px;

}



body.home #project-panel article h1,

body.home #project-panel article time {

  font-family: arial, sans-serif;

  font-weight: normal;

  font-size: 12px;

  margin-bottom: 4px;

  padding-bottom: 0;

  display: block;

}





/* -- Video Panel -- */



body.home #video-panel .scroll {

  width: 210px;

  padding-right: 4px;

  height: 360px;

  margin-bottom: 10px;

}



body.home #video-panel h1 {

  padding-bottom: 12px;

}







body.home #video-panel article {

  padding-top: 8px;

  padding-bottom: 5px;

}



body.home #video-panel article h1,

body.home #video-panel article time {

  font-family: arial, sans-serif;

  font-weight: bold;

  font-size: 12px;

  margin-bottom: 4px;

  padding-bottom: 0;

  display: block;

}





/* -- Art Panel -- */



body.home #art-panel .scroll {

  width: 286px;

  padding-right: 4px;

 /* height: 323px;*/

  margin-bottom: 10px;

}



body.home #art-panel h1 {

  padding-bottom: 12px;

}



body.home #art-panel article {

  /*padding-top: 0;*/

  padding-bottom: 0px;

}



body.home #art-panel article h1,

body.home #art-panel article time {

  font-family: arial, sans-serif;

  font-weight: normal;

  font-size: 12px;

  margin-bottom: 4px;

  padding-bottom: 0;

  display: block;

  

}



/* - contact panel */

body.home #contact-us-panel .panel-content {

  width: 276px;

  height:200px;

  overflow: hidden;

  position: relative;

  min-height: 231px;

}



.ie6 body.home #contact-us-panel .panel-content {

  height: 327px;

}



/* - Panel Docks */



.panel-dock {

  background-color: #7E7E7E;

  color: #FFF;

  position: absolute;

  top: 24px;

  width: 176px; /* 176px columns */

  z-index: 0;

}



.panel-dock span {

  display: block;

  padding: 5px 6px 3px 6px;

}



.panel-dock-hl {

  background-color: #CCC;

}



.panel-dock-target {

  outline: 1px solid #000;

}







#search-panel-dock {

  left: 436px; /* (3 * 28) + (2 * 176) */

}



#search-panel {

  left: 429px; /* 436 - 7 (shadow) */

}



#studio-panel-dock {

  left: 640px; /* (4 * 28) + (3 * 176) */

}



#studio-panel {

  left: 633px; /* 640 - 7 (shadow) */  

}



#related-projects-panel-dock {

  left: 844px; /* (5 * 28) + (4 * 176) */

}



#related-projects-panel {

  left: 837px; /* 844 - 7 */

}





#your-zha-panel-dock {

  left: 1048px; /* (6 * 28) + (5 * 176) */

}



#your-zha-panel {

  left: 1041px; /* 1048 - 7 */

}









   

.dragging {

  z-index: 100 !important;

}



.dragging .sdb {

  -moz-box-shadow: 6px 6px 13px 3px #111;

  -webkit-box-shadow: 6px 6px 13px 3px #111;

  box-shadow: 6px 6px 13px 3px #111;

}







/* -- Projects Panel (Search) */



#search-panel {

  color: #FFF;

}



#search-panel #label-term {

  display: block;

  color: #FFF;

  border: none;

}



#search-panel #wrap-term {

  padding: 4px 6px 2px 6px;

  background: url(../images/wrap-term.png) repeat-x #C5C9CC;

  overflow: hidden;

  zoom: 100%;

}



#search-panel #projects-loading {

  background: url(../images/projects-loading.gif) no-repeat 6px 4px #000;

  text-align: left;

  display: none;

  color: #FFF;

  padding-left: 28px;

  padding-top: 5px;

  height: 22px;

  clear: left;

  font-size: 11px;

  color: #ccc;

  border-top: 1px solid #3A383A;

}



#search-panel #wrap-term button {

  float: right;

  color: #000;

  padding: 4px;

}



#search-panel #wrap-term button:focus {

  background: #DAE1F3;

}



#search-panel .panel-content {

  width: auto;

  height: auto;

}



#search-panel input#term {

  width: 114px;

  float: left;

  color: #000;

  padding: 4px 0;

  border: none;

  background: transparent;

  -webkit-appearance: caret;

}



#search-panel label,

#search-panel a.reset {

  display: block;

  padding: 5px 6px;

  border-bottom: 1px solid #3A383A;

  font-size: 12px;

  color: #FFF;

  text-decoration: none;

}



#search-panel .filter-group label {

  border-bottom: none;

}



#search-panel .filter-group li label {

  border-top: 1px solid #222;

}



#search-panel #search-types li.with-filter {

  position: relative;

}





#search-panel #search-types .show-filters {

  position: absolute;

  z-index: 10;

  right: -1px;

  top: 5px;

  display: none;

}



#search-panel a.reset {

  display: none;

}



#search-panel #search-types label {

  font-size: 12px;

  cursor: pointer;

  font-weight: normal;

  border-bottom: none;

}



#search-panel #search-types .items label {

  background: #1D1D1D;

  font-size: 11px;

  color: #6E6E6E;

  padding: 4px 8px;

}



#search-panel #search-types .items label.checked {

  background: #4E4E50;

  color: #FFF;

}



#search-panel #search-types label:hover {

  background-color: #363435 !important;

}



   

#search-panel #search-types label input {

  float: right;

}



form label.checked {

  background-color: #424242;

}



form label.pretty,

form .gfield_radio li.pretty {

  position: relative;

  cursor: pointer;

  overflow: hidden;

  zoom: 100%;

}



form label.pretty input,

form .gfield_radio li.pretty input {

  position: absolute;

  left: -9999px;

  top: -9999px;

}



#search-panel #search-types li {

  position: relative;

  list-style: none;

  background: #1D1D1D;

  border-bottom: 1px solid #3A383A;

  overflow: visible;

} 



#search-panel #search-types li.flat label {

  border-bottom: none;

}





#search-panel .filters {

  width: 160px;

  position: absolute;

  left: 167px;

  top: -7px;

  z-index: 10;

}



#search-panel .filters .panel-content {

  border: none;

  width: 146px;

}



#search-panel .filters header {

  overflow: hidden;

  zoom: 100%;

  padding: 5px 6px 6px 6px;

}



#search-panel .filters header:hover {

  background-color: #1D1D1D;

}

   

#search-panel .filters header h4 {

  font-weight: normal;

  float: left;

}



#search-panel .filters header button.remove {

  float: right;

  text-indent: -9999px;

  margin-right: 0;

  margin-top: 1px;

  background-position: top right;

}





#search-panel .filters .items,

#search-panel .tab-content {

  display: none;

}

 

.ui-accordion .ui-accordion-content { 

  overflow:hidden !important; 

}



/* -- Featured Projects */



#featured-projects-panel {

  width: 28vw;

}



#featured-projects-panel {

  height: 16vw;

}

/*主页底部网址*/
.footer1 {
	position: fixed; 
    z-index:100;
    bottom:15px;
    width:50%;
    left: 25%;
    text-align: center;
    color:#fff;
    font-size:1.2vw;
/*    border: 1px solid red*/
}


#featured-projects-panel .panel-content {

  height: 200px;

  overflow: hidden;

}







#featured-projects-panel .row {

  padding: 0;

  margin: 0;

  height: 200px;

  overflow: hidden;

}



#featured-projects-panel header {

  cursor: pointer;

}

#featured-projects-panel li h2 a {

  width: 28vw;
  height: 1.9vw;
  position: absolute;
 

  line-height:110%;
  -webkit-line-height:1.2vw;
  display: block;

  background: url(../images/px-grey-transparent.png);

  z-index: 30;

  font-size: 0.8vw;
    

  color: #eee;

  padding: 6px 10px;

  text-decoration:none;

}



#featured-projects-panel li h2 a:hover,

#featured-projects-panel:hover h2 a {

  text-decoration: none;

  background: url(../images/px-grey-transparent-hover.png);

}





.ie6 #featured-projects-panel h1, .ie6 #featured-projects-panel li h2,

.ie7 #featured-projects-panel h1, .ie7 #featured-projects-panel li h2,

.ie8 #featured-projects-panel h1, .ie8 #featured-projects-panel li h2 {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/px-grey-transparent.png', sizingMethod='scale');

}



#featured-projects-panel li h2 {

  top: 34px;

  z-index: 10;

  padding-top: 0px;

  width: 199px;

  line-height: 1.3em;

}



#featured-projects-panel h2 a {

  font-weight: normal;

}



#featured-projects-panel ul {

  list-style: none;

}





#featured-projects-panel .row {

  height: 16vw;  

  float: none;

}



#featured-projects-panel li.col {

  position: relative;

  float: left;

  width: 356px;

  height: 200px;

}



#featured-projects-panel .slideshow {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 16vw! important;

  width: 28vw! important;

}





#featured-projects-panel .row ul {

  height: 16vw;

  overflow: hidden;

  list-style: none;

}



#featured-projects-panel .row li {

  display: block;

  width: 28vw;

  height: 16vw;

  position: relative;

}



#featured-projects-panel .slideshow li a {

  display: block;

  width: 28vw;

  height: 16vw;

}



#featured-projects-panel .slideshow li a img {

  display: block;

}



#featured-projects-panel header:hover,

#search-panel header label:hover {

  background-color: transparent !important;

}



#featured-projects-panel #slideshow-featured-projects {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

#slideshow-featured-projects img{
    display: block;
    width: 28vw;
    height: 16vw;
}

  

/* -- Related Projects -- */





#related-projects-panel li {

  display: block;

  position: relative;

}



#related-projects-panel li a:hover {

  text-decoration: none;

  position: relative;

} 



#related-projects-panel li h3 {

  font-weight: normal;

  padding: 6px 6px 0px 6px;

  line-height: 20px;

  height: 22px; 

  overflow: hidden;

  font-size: 12px;

}



#related-projects-panel .desc {

  padding-bottom: 8px;

  color: #999;

  height: 60px;

}







#related-projects-panel li h3 a:hover {

  text-decoration: underline;

}



#related-projects-panel li .related-by {

  display: block;

  width: 100%;

  background: rgba(0, 0, 0, 0.3);

  height: 24px;

  position: absolute;

  top: 100px;

  left: 0;

  z-index: 30;

  font-size: 11px;

  color: #eee;

}



#related-projects-panel li .related-by span {

  display: block;

  padding: 6px;

}



.ie6 #related-projects-panel li .related-by,

.ie7 #related-projects-panel li .related-by,

.ie8 #related-projects-panel li .related-by {

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000066,endColorstr=#00000066);

}





#related-projects-panel li {

  

}





/* -- Control Panel -- */



#control-panel {

  z-index: 80;

  width: 314px;

}



#control-panel .panel-content {

  width: 300px;

  font-size: 12px;

  height: 30px;

  padding: 0;
   

}



#control-panel-buttons {

  float: right;

}



#control-panel a {

  float: left;

  display: block;

  width: 100px;

  text-align: center;

  text-decoration: none;

  height: 30px;

  display: block;

  font-size: 12px;

  color: #FFF;

}



#control-panel #control-panel-enter-archive {

  border-left: none !important;

  width: 200px;

  background: url(../images/control-panel-enter-archive.png) no-repeat;

  text-indent: -9999px;

}



#control-panel #control-panel-enter-archive:hover {

  background-position: 0 -60px;

}



#control-panel #control-panel-organise,

#control-panel #control-panel-hide-show {

  width: 50px;

  background-repeat: no-repeat;

  display: block;

  text-indent: -9999px;

}



#control-panel #control-panel-organise.organise,

#control-panel #control-panel-hide-show.hidden {

  background-position: 0 -30px;

}



#control-panel #control-panel-organise {

  background-image: url(../images/control-panel-organise.png);

}



#control-panel #control-panel-hide-show {

  background-image: url(../images/control-panel-hide-show.png);

}



#control-panel #control-panel-organise:hover,

#control-panel #control-panel-hide-show:hover {

  background-position: 0 -60px;

}



#control-panel #control-panel-organise:hover.organise,

#control-panel #control-panel-hide-show:hover.hidden {

  background-position: 0 -90px;

}







/* -- Your ZHA Panel -- */



#your-zha-panel {

  display: none;

}



.ie6 #your-zha-panel .panel-content {

}



#your-zha-panel #existing-users label {

  color: #FFF;

  padding: 5px 6px 4px 6px;

  font-size: 11px;

  display: block; 

  width: 150px;

}



#your-zha-panel input.text,

#your-zha-panel input.password {

  width: 162px;

}



#your-zha-panel .form-controls {

  border-top: 1px solid #282828;

  overflow: hidden;

  zoom: 100%;

  padding: 8px;

}



#your-zha-panel #existing-users .form-controls a.text {

  margin-right: 0;

}





.ie6 #your-zha-panel .form-controls,

.ie7 #your-zha-panel .form-controls {

  padding: 4px 6px 6px 6px;

}



.ie6 #existing-users .form-controls a.text,

.ie7 #existing-users .form-controls a.text {

  padding-top: 1px;

}





#your-zha-panel #new-users {

  overflow: hidden;

  zoom: 100%;

}



body.home #your-zha-panel input.text,

body.home #your-zha-panel input.password {

  width: 188px;

}



#your-zha-panel .user-summary {

  padding: 6px;

}



#your-zha-panel .user-summary p {

  margin-bottom: 6px;

}





#your-zha-panel .gfield_description {

  color: #FFF;

}



#your-zha-panel .gfield_error {

  

}





#your-zha-panel button.text,

#your-zha-panel a.text {

  border: none !important;

  color: #CCC;

  display: block;

  padding: 0;

  float: left;

  margin-right: 18px;

  font-family: "arial", sans-serif; /* it seems that native controls cannot be styled with web fonts. joy! */  

  font-size: 11px;

}



#your-zha-panel button.text:hover,

#your-zha-panel a.text:hover {

  color: #FFF;

  background: none !important;

}



#your-zha-panel #new-users a.text,

#your-zha-panel #new-users button#gform_submit_button_2 {

  padding: 7px 0px 5px 8px; /* unfortunately, we can't zero the padding, and pad out the container, since gravity forms is rendering part of these controls and the other is static */

  margin-right: 10px;

}



.ie6 #your-zha-panel #new-users button#gform_submit_button_2,

.ie7 #your-zha-panel #new-users button#gform_submit_button_2 {

  padding: 4px 0px 2px 4px; /* IE 6,7 apply 2 pixel borders around these that appear to be unremovable */

  margin-right: 10px;

}



.ie6 #your-zha-panel #new-users a.text,

.ie7 #your-zha-panel #new-users a.text {

  padding: 5px 0px 2px 4px;

}





#your-zha-panel #new-users .industry {

  overflow: hidden;

  zoom: 100%;

  border-bottom: 1px solid #282828;

}



  

#your-zha-panel #new-users .industry label {

  padding: 5px 6px 3px 6px;

  background: #1D1D1D;

  display: block;

  color: #FFF;

  cursor: block;

}



#your-zha-panel #new-users .industry .gfield_label {

  border-bottom: 1px solid #282828;

  cursor: pointer;

}





#your-zha-panel #new-users .industry .menu-shown {

  background-color: #4E4D52;

}





#your-zha-panel #new-users .industry .gfield_radio label:hover {

  background: #363435;

  font-size: 11px;

}



#your-zha-panel #new-users .industry .gfield_radio li {

  font-size: 11px;

  cursor: pointer;

}



#your-zha-panel #new-users .industry li.checked label {

  background-color: #4e4d52;

}

    

#your-zha-panel .desc {

  color: #FFF;

}



#your-zha-panel .desc p {

  margin-bottom: 0;

}



#your-zha-panel .validation_message,

#your-zha-panel .login_error {

  padding: 4px 6px 6px 6px;

  font-size: 11px;

  line-height: 16px;

  color: #FFF;

}



#your-zha-panel #gforms_confirmation_message {

  color: #FFF;

  line-height: 18px;

  padding: 8px;

}



#your-zha-panel #form-logout {

  overflow: hidden;

  zoom: 100%;

  padding: 0px;

}



#your-zha-panel #form-logout button.text {

  padding: 0px !important;

}



#your-zha-panel #form-logout.form-controls {

  padding: 2px;

}





#your-zha-panel #your-zha-asset-packs {

  border-top: 1px solid #3A383A;

}



#your-zha-panel #your-zha-asset-packs p {

  margin-bottom: 4px;

  padding: 6px;

}



#your-zha-panel #your-zha-asset-packs h2 {

  font-size: 12px;

  padding: 6px 6px 2px;

  margin: 0;

}



#your-zha-panel #your-zha-asset-packs ul {

  list-style: none;

  margin: 4px 0 0;

  padding: 0;

}



#your-zha-panel #your-zha-asset-packs ul li {

  margin: 0;

}



#your-zha-panel #your-zha-asset-packs li a {

  background: url(../images/download-white.png) no-repeat 6px 4px;

  padding: 6px 6px 6px 30px;

  display: block;

}



#your-zha-panel #your-zha-asset-packs li a:hover {

  background-color: #333;

  text-decoration: none;

}



#your-zha-panel #your-zha-starred {

  border-top: 1px solid #3A383A;

  overflow: hidden;

  zoom: 100%;

}



#your-zha-panel #your-zha-starred p {

  margin-bottom: 8px;

}



#your-zha-panel #your-zha-starred h2 {

  padding: 6px 6px 0px 6px;

  font-size: 12px;

  margin-bottom: 0px;

}



#your-zha-panel #your-zha-starred ul {

  list-style: none;

  padding: 0;

  margin: 0px 0;

  overflow: hidden;

  zoom: 100%;

}



#your-zha-panel #your-zha-starred li {

  padding: 6px 2px 2px 6px;

  margin-top: 6px;

  overflow: hidden;

  zoom: 100%;

}



#your-zha-panel #your-zha-starred li:first-child {

  margin-top: 0px;

}



#your-zha-panel #your-zha-starred li:hover {

  background-color: #333;

  cursor: pointer;

}



#your-zha-panel #your-zha-starred a:hover {

  text-decoration: none;

}



#your-zha-panel #your-zha-starred a.thumb {

  float: left;

  margin-right: 6px;

  display: block;

}



#your-zha-panel #your-zha-starred li .info {

  width: 84px;

  float: left;

}



body.home #your-zha-panel #your-zha-starred li .info {

  padding-right: 20px;

}



#your-zha-panel #your-zha-starred li .buttons {

  float: left;

  margin-left: 6px;

}



#your-zha-panel #your-zha-starred li .buttons .ir {

  width: 16px;

  height: 16px;

  background-position: center center;

  margin-bottom: 4px;

}





#your-zha-panel #your-zha-starred h3 {

  padding-top: 2px;

  font-size: 11px;

  font-weight: normal;

  line-height: 13px;

}





/* -- Content ----- */







#wrap-content {

  padding: 0 28px; /* 28px gutters */

  margin-top: 89px;

  width: auto;

}



body.home #wrap-content {

  margin-top: 0;

  width: auto;

}





#content {

  font-size: 12px;

}





/* -- Styles for Specific Pages -- */





/* Default Locations */



/* -- Home Page */



body.home #about-us-panel {

  /*top: 93px;*/

  left: 46px;

  bottom:163.5px;

  position:fixed;

  z-index: 62;

  width:380px;

  height:230px;

}



body.home #news-panel {

  /*top: -6.5px;*/

  left: 705px;

  bottom:143.5px;

  position:fixed;

  z-index: 66;

  width:400px;

  height:350px;  

}



body.home #project-panel {

  /*top: 0px;*/

  left: 200px;

  bottom:156.5px;

  position:fixed;

  width:380px;

  z-index: 63;

  height:330px;

}



body.home #video-panel {

  /*top: -66px;*/

  left: 376px;

  bottom:133px;

  position:fixed;

  z-index: 64;

  width:203px;

  height:390px;

}



body.home #art-panel {

  /*top: 0px;*/

  left:552px;

  bottom:93px;

  position:fixed;

  z-index: 65;

  width:300px;

  height:230px;

}



body.home #contact-us-panel {

  /*top: 83px;*/

  left: 857px;

  bottom:163px;

  position:fixed;

  z-index: 60;

  width:290px;

  height:200px;

}



body.home #contact-us-panel article h1 {

  font-weight: 300;

}





body.home #your-zha-panel {

  top: 328px;

  right: 64px;

  left: auto;

}



body.home #search-panel {

  top: 52%;

  left: 48%;

}



body.home #featured-projects-panel {

  top: 28px;

  right:2.7%;

}



body.home #control-panel {

  top: 38%;

  left: 38%;

}



body.home h1#logo a {

  background-image: url(../images/header-main-h1-white.png);

}



.ie6 body.home h1#logo a {

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/zahahadid/../images/header-main-h1-white.png', sizingMethod='crop');

}



body.home #header-main {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 30;

}





body.home #slideshow {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 1;

  overflow: hidden;

}



body.home #slideshow-loader {

  position: absolute;

  width: 32px;

  height: 32px;

  z-index: 75;

  left: 50%;

  top: 50%;

 /* margin-left: -66px;

  margin-top: -12px;*/ 
  
  background-image:url(../images/loading.gif);
    background-repeat: no-repeat;

  display:none;

  opacity:0.3;

}



body.home #slideshow-buttons button 

{

  position: absolute;

  z-index: 5;

  

}



button.left,

button.right,

button.up,

button.down {

  background-position: center center;

  background-repeat: no-repeat;

}





button.up,

button.down {

  width: 200px;

  height: 80px;

  left: 50%;

  margin-left: -100px;  

}



button.left,

button.right {

  width: 80px;

  height: 200px;

  top: 67%;

  margin-top: -100px;

}



button.right {

  right: 0;

}



body.home #slideshow-buttons button.down {

  bottom: 0;

}





button.up {

  background-image: url(../images/button-up.png)

}



button.down {

  background-image: url(../images/button-down.png)

}



button.right {

  background-image: url(../images/button-right.png)

}



button.left {

  background-image: url(../images/button-left.png)

}



button.up.active {

  background-image: url(../images/button-up-hover.png)

}



button.down.active {

  background-image: url(../images/button-down-hover.png)

}



button.right.active {

  background-image: url(../images/button-right-hover.png)

}



button.left.active {

  background-image: url(../images/button-left-hover.png)

}



.ie6 button.up {

  background-image: url(../images/button-up.gif)

}



.ie6 button.down {

  background-image: url(../images/button-down.gif)

}



.ie6 button.right {

  background-image: url(../images/button-right.gif)

}



.ie6 button.left {

  background-image: url(../images/button-left.gif)

}

body.home{
  background-color: #1d1d1d;
}


body.home #slideshow-images {

  height: 100%;

  width: 100%;

}



body.home #slideshow-images li.row {

  overflow: hidden;

  display: block;

  float: none;

}



body.home #slideshow-images li.col {

  display: block;

  float: left;

  position: relative;

  overflow: hidden;

}



body.home #slideshow-images li img {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

}



body.home #slideshow-images ul {

  overflow: hidden;

}





aside#results-share-links {

  margin-bottom: 10px;

  overflow: hidden;

  zoom: 100%;

  width: 100%;  

}



aside #results-count,

aside nav#page-nav {

  margin-top: 0;

  width: 18.15%; /* 176px columns */

  float: left;

}



aside #results-count {

  /*height: 1em;*/

}



aside #results-count a {

  text-decoration: none;

  color: white;

  font-size: 28px;

  font-family:Arial, MingLiU;

  font-weight:bolder; 

}



aside #results-count a:hover {

  text-decoration: underline;

}





aside #section-links {

  margin-left: 0px; /* 28px gutters */

  /*float: left;*/

}



aside #share {

  float: left;

}



ul.share-links,

ul.social-media-links {

  list-style: none;

  margin: 0;

  overflow: hidden;

  zoom: 100%;

}



ul.share-links li {

  margin-left: 6px;

  float: left;

}



ul.share-links li.loading {

  width: 20px;

  height: 20px;

  background: url(../images/share-links-loading.gif) no-repeat center center;

  display: none;

}



ul.social-media-links li {

  margin-left: 8px;

  float: left;

}



ul.social-media-links {

  padding-top: 6px;

}



ul.social-media-links li {

  margin-left: 6px;

}



ul.share-links li.first,

ul.social-media-links li.first {

  margin-left: 0;

}









aside#results-share-links ul.share-links {

  float: right;

}

   

   

   

/* -- Asset Carousel (scrolling slideshow for thumbnails) -- */



#asset-carousel-wrap {

  

  position: absolute;

  width: 1006px;

  padding-right: 7px;

  padding-bottom: 7px;

  height: 481px;

  left: 225px;

  top: 115px;

  display: none;

  z-index: 100;

  overflow: hidden;

}



#asset-carousel-wrap .sdbc {

  background: #000;

  height: 481px;

}



#asset-carousel {

  overflow: hidden;

  height: 481px;

  width: 995px;

}



#asset-carousel ul {

  list-style-type: none;

  padding-left: 20px;

  

}



#asset-carousel ul li {

  float: left;

  margin-left: 10px;

  position: relative;

  max-width: 880px;

  overflow: hidden;

}



#asset-carousel ul li .slide-caption {

  position: absolute;

  bottom: 0px;

  left: 0;

  font-size: 11px;

  color: #FFF;

  background: #000;

  background: rgba(0,0,0,0.4);

  width: 100%;

  padding: 25px 0 0 0;

  height: 63px;

}



#asset-carousel ul li .slide-caption p {

  padding: 5px 20px 0 24px;

}



#asset-carousel-wrap button.left,

#asset-carousel-wrap button.right {

  top: 0px;

  height: 481px;

  position: absolute;

  margin: 0;

  z-index: 20;

  width: 74px;

}



#asset-carousel-wrap button.left {

  left: 0px;

}



#asset-carousel-wrap button.right {

  right: 7px;

}



#asset-carousel-fs-close {

  position: absolute;

  top: 0px;

  right: 7px;

  z-index: 20;

  background-position: center center;

  width: 70px;

  height: 70px;

}



#asset-carousel-close {

  position: absolute;

  top: 20px;

  right: 27px;

  z-index: 20;

  background-position: center center;

  width: 30px;

  height: 30px;

}





#asset-carousel-fullscreen {

  position: absolute;

  top: 50px;

  right: 27px;

  z-index: 20;

  background-position: center center;

  width: 30px;

  height: 30px;

}



#asset-carousel .asset-slide-video {

  padding-top: 6px;

  padding-left: 6px;

  padding-right: 6px;

   

}







/* -- Fullscreen carousel -- */



#asset-carousel-fs-wrap {

  position: absolute;

  left: 0;

  top: 0;

  display: none;

  z-index: 120;

  width: 1200px;

  overflow: hidden;

}



#asset-carousel-fs {

  background: #000;

  height: 608px;

}



#asset-carousel-fs ul {

  list-style-type: none;

  padding-left: 20px;

}



#asset-carousel-fs ul li {

  position: relative;

  float: left;

  margin-left: 30px;

  overflow: hidden;

}



#asset-carousel-fs ul li .slide-caption {

  position: absolute;

  bottom: 0px;

  left: 0;

  font-size: 11px;

  color: #FFF;

  background: #000;

  background: rgba(0,0,0,0.4);

  width: 100%;

  padding: 25px 0 0 0;

  height: 33px;

}



#asset-carousel-fs ul li .slide-caption p {

  padding: 0 20px 0 24px;

}



#asset-carousel-fs ul li img {

  left: 0;

  top: 0;

}



#asset-carousel-fs-wrap button.left,

#asset-carousel-fs-wrap button.right {

  top: 0px;

  height: 608px;

  position: absolute;

  margin: 0;

  z-index: 20;

}



button.bt-disabled {

  cursor: default !important;

  display: none;

}



#asset-carousel-fs-wrap button.left {

  left: 0px;

}



#asset-carousel-fs-wrap button.right {

  right: 0px;

}



 

/* -- Single Project Page */









section#summary {

  width: 21%; /* 176px columns */

  float: left;

  margin-top:30px;

  margin-left:5px;

  margin-bottom: 36px;

}



section#summary h1 {

  color: #a7a7a7;

  font-weight: normal;

  font-size: 12px;

  /*margin-bottom: 4px;*/

}



section#summary h1 a {

  color: white;

  text-decoration: none;

  font-family:Arial, MingLiU;

  font-size:28px;

  font-weight:bolder;

  line-height:1.6;

}



section#summary h1 a:hover {

  /*text-decoration: underline;*/

  color:#CCCCCC;  

}

   

section#summary article h1 {

  color: white;

  font-family:Arial, MingLiU;

  font-size: 28px;

  font-weight:bolder;

  /*margin-bottom: 10px;*/

}

   

section#details {

  width: 76.7%; /* (5 * 176) + (5 * 28) */

  float: left;

  min-height: 700px;

  margin-top:38px;

}



.ie6 section#details {

  height: 600px; /* min-height */

}

    

#section-assets {

  width: 100%;

}



body.single .jspPane ul.thumbs {

}



    



ul#section-links {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  zoom: 100%;

  margin-bottom: 10px;

  margin-left: 0px; /* 28px gutters */

}



ul#section-links li {

  /*float: left;*/

  overflow: hidden;

  zoom: 100%;

}



ul#section-links li a {

  /*float: left;*/

  display: block;

}



ul#section-links li ul {

  /*float: left;*/

  list-style: none;

  font-size: 14px;

  margin-top: 1px;  

}



ul#section-links li ul li{

  /*float: left;*/

  list-style: none;

  font-size: 14px;

  /*margin-top: 4px;*/  

  padding-left:0px;

  /*width:1000px;*/

}



ul#section-links li.divide {

  background: url(../images/section-links-divide.png) no-repeat 0 0px;

  padding-left: 20px;

}



ul#section-links li a {

  text-decoration: none;

 /* margin-right: 38px;*/

  color: white;

  /*height: 23px;*/

  display: block;

  font-family:Arial, MingLiU;

  /*margin-left:28px;*/

  font-size:28px;

  font-weight:bolder;

  line-height:1.6;

}



.ie6 ul#section-links li a {

  margin-right: 10px;

}



ul#section-links li a:hover {

  color:#CCCCCC;

}



ul#section-links li a.current {

  color: white;

}



#section-details {

  z-index: 35;

}



#section-information {

  display: none;

  z-index: 34;

}



#section-publications {

  display: none;

  z-index: 33;

}



#section-credits {

  display: none;

  z-index: 32;

}



#section-information h1,

#section-credits h1 {

  font-size: 12px;

  border-bottom: 1px solid #DCDCDC;

  margin-bottom: 4px;

  color: #DCDCDC;

}





body.single .toggle-link {

  display: block;

}



body.single #section-credits #credits-text,

body.single #section-information #information-text {

  width: 88%; /* (176 * 2) + (1 * 28) */ 

  float: left;

  margin-left: 28px; /* 28px gutters */

  padding-top: 4px;

  padding-bottom: 20px;

  overflow: hidden;

  zoom: 100%;

  position: relative;

}



.ie6 body.single #section-credits #credits-text,

.ie6 body.single #section-information #information-text {

  margin-left: 14px;

}



body.single #section-credits #credits-text p {

  margin-bottom: 12px;

  font-size:11px;

  line-height: 1.5em;

}



body.single #section-credits #credits-text .toggle-link {

  position: absolute;

  bottom: 0;

  z-index: 20;

}



body.single #section-credits #credits-thumbs,

body.single #section-information #information-thumbs {

  width: 612px; /* (176 * 3) + (3 * 28) */

  float: left;

}



body.single #section-credits #credits-thumbs ul.thumbs .caption,

body.single #section-information #information-thumbs ul.thumbs .caption {

  display: block;

}



body.single #section-credits {

  overflow: hidden;

  zoom: 100%;  

}



body.single #section-credits h1 {

  font-weight: normal;

  color: #B9B9B9;

}



body.single #credits-zaha,

body.single #credits-consultants {

  width: 176px; /* 176px columns */

  float: left;

}



body.single #credits-zaha {

  margin-right: 28px; /* 28px gutters */

}







/* -- Single Person Page -- */



body.single-person section#summary {

/* (176 * 2) + (28 * 1) */

   width: 380px;  

}



body.single-person section#related {

  float: left;

  width: 204px;

  height: 608px;

  overflow: hidden;

}



body.single-person section#summary article h2 {

  font-size: 12px;

  font-weight: bold;

  font-family: arial, sans-serif;

  margin-bottom: 10px;

}





body.single-person section#hero {

  float: left;

  margin-left: 28px; /* 28px gutters */

  width: 584px;

}



body.single-person section#hero .caption {

  padding: 2px 0;

  display: block;

  font-size: 12px;

}



body.single-person h1 .pos {

  display: block;

  padding-top: 2px;

  font-size: 16px;

}



body.single-person h1 .qual {

  display: block;

  padding-top: 2px;

  font-size: 12px;

}





/* -- Single Publication Page -- */





body.single-publication section#summary {

  width: 176px; /* 176px columns */

}



body.single-publication #section-related-projects {

  

}





body.single-publication section#details {

  margin-left: 0; 

}



body.single-publication section#section-information {

  padding-left: 28px;

  width: 1044px;

}



body.single-publication section#section-images {

  float: left;

  width: 1044px;

  overflow: hidden;

  padding-left: 28px;

}



body.single-publication section#summary article h2 {

  font-size: 12px;

  font-weight: bold;

  font-family: arial, sans-serif;

  margin-bottom: 10px;

}



body.single-publication section#details {



}



body.single-publication #hero {

  float: left;

  width: 584px;

}



body.single-publication #thumbs {

  width: 432px;

  float: left;

}



body.single-publication #details .caption {  

  display: block;

  font-size: 11px;

}



body.single-publication #section-information #blurb {

  width: 380px;

  float: left;

  overflow: hidden;

  zoom: 100%;

}



body.single-publication #section-information #info-thumbs {

  width: 614px;

  float: left;

  overflow: hidden;

  zoom: 100%;

}



body.single-publication #section-information h2 {

  font-size: 12px;

  font-weight: bold;

  font-family: arial, sans-serif;

}





/* -- Videos (Media) Page -- */



body.page-videos .asset-video {

  display: none;

}



body.page-videos #details ul.thumbs li .caption {

  display: block;

}





/* -- Archive (Search) Page */



body.archive #wrap-content {

  padding-left: 0px;

  width: auto;

}



body.archive aside#results-share-links {

  padding-left: 28px;

}



body.archive ul.share-links {

  margin-right: 20px;

}



body.archive #results-nav {

  padding: 28px;

  font-size: 20px;

}







/* -- People Page -- */



body.people #section-abouts-desc {

  /*height: 608px; */

  width: 1032px;

  overflow: hidden;

  float:left;

}



body.people #section-abouts-desc h1 {

  border-bottom: 2px solid #AEAEAE;

  margin-left: 0px;

  margin-bottom: 10px;

  padding-top: 10px;

  color: white;

}



body.people #section-people {

  /*height: 608px; */

  width: 500px;

  overflow: hidden;

  float:left;

}



body.people #details ul.thumbs .caption {

  display: block;

}





body.people #section-people h1 {

  border-bottom: 2px solid #AEAEAE;

  margin-left: 28px;

  margin-bottom: 10px;

  padding-top: 10px;

}



body.people #section-people ul.thumbs {

  padding-bottom: 30px;

}



/* -- Publications Archive -- */



body.archive-publications #section-publications {

  display: block;

  width: 1044px;

}



/* -- Awards Archive -- */



body.archive-awards #details {

  padding-top: 4px;

}



body.archive-awards .content h2 {

  font-size: 16px;

  margin-bottom: 0;

  color:white;  

}



body.archive-awards .cell {

  width: 380px; /* ( 176 * 2 ) + ( 28 * 1 ) */

  float: left;

  margin-right: 28px;

}



body.archive-awards .row {

  overflow: hidden;

  zoom: 100%;

  padding-bottom: 30px;

}





/* -- Search (Archive) Page -- */





body.search #results {

  min-width: 1044px;

  /*height: 608px;*/

  overflow: hidden;

  zoom: 100%;

}



body.search #search-results-controls {

  padding: 10px 28px;

}





body.search #bt-more-results {

  font-family: "zaha", sans-serif;

  font-size: 20px;

  color: #666;

  height: 36px;

  line-height: 36px;

  text-align: left;

}



body.search #loading-results {

  font-family: "zaha", sans-serif;

  font-size: 20px;

  line-height: 36px;

  height: 28px;

  padding-left: 32px;

  color: #666;

  background: url(../images/loading-results.gif) no-repeat 0 4px;

  display: none;

}



body.search #no-results {

  font-family: "zaha", sans-serif;

  font-size: 20px;

  line-height: 36px;

  height: 36px;

  color: #666;

  display: none;

}



body.search #no-more-results {

  font-family: "zaha", sans-serif;

  font-size: 14px;

  line-height: 20px;

  height: 36px;

  padding-top: 10px;

  color: #999;

  display: none;

}



body.search #bt-more-results:hover {

  color: #000;

}







/* -- ZHA World (Page and Partial) -- */



#zha-world #map-wrap {

  height: 620px;

  width: 780px;

  float: left;

  position: relative;

}



.ie6 #zha-world .summary {

  width: 160px;

}





#zha-world #map-canvas {

  background: #000;

  height: 620px;

  width: 776px;

  position: absolute;

  top: 0px;

  left: 0;

}



#zha-world #map-canvas a {

  display: none;

}



#zha-world #map-mask {

  height: 600px;

  width: 740px;

  position: absolute;

}



#map-mask.zoom-0 {

  background-image: url(../images/map-mask-zoom-0.png);

}





.map-overlay {

  position: absolute;

  padding: 8px;

  line-height: 1.5em;

  background: #000;

  background: rgba(0,0,0,0.6);

  z-index: 500;

  color: #ff66ff;

  font-size: 11px;

}



.map-overlay p {

  padding-bottom: 1em;

}



.map-overlay a {

  color: #ff66ff;

}



.map-overlay a:hover {

  color: #FFF;

}







/* -- News Page -- */



/* Black Content Panel (Used in News Pages) */



.black-content-panel {

  line-height: 1.5em;

}



.black-content-panel .sdbc {

  background: #000;

  padding: 14px; /* (28 / 2) */

  overflow: hidden;

  zoom: 100%;

}



.black-content-panel p {

  color: #DDD;

  line-height: 1.75em;

  font-size: 12px;

}



body.page-news #share-links {

  position: absolute;

  right: 0px;  

  top: -2px;

}



.ie8 body.page-news #share-links {

  right: -8px;

}



.ie7 body.page-news #share-links {

  right: -8px;

}



body.page-news #content {

  position: relative;

  left:25px;  

}





body.page-news #wrap-content {

  padding-left: 7px; /* 28 / 2 - 7 */

}



body.page-news #news-articles-content {

  width: 1020px; /* ((5 * 176 + 4 * 28)) */

  float: left;

  margin-top: 1px;

}



body.page-news #articles {

  width: 380px; /* (176 * 2) + (28 * 1) */

  float: left;

  height: 450px;

  color: #FFF;

}



 

body.page-news #articles h1 {

  color: #FFF;

  font-family: "zaha", sans-serif;

  font-size: 18px;

  margin-bottom: 20px;

  margin-top: 4px;

}



body.page-news #news-content a,

body.page-news #articles a {

  color: #FFF;

}



body.page-news #articles article {

  padding-right: 16px;

}

     

body.page-news #articles article h1,

body.page-news #articles article time {

  font-family: arial, sans-serif;

  font-weight: bold;

  font-size: 12px;

  margin-bottom: 2px;

  color: #FFF;

  margin-top: 0;

}



body.page-news #articles article time {

  margin-bottom: 0;

}



body.page-news #articles article header a {

  text-decoration: none;

  color: #FFF;

}



body.page-news #articles article a:hover {

  text-decoration: underline;

}

 

body.page-news #news-content {

  margin-left: 14px; 

  width: 584px;

  float: left;

  overflow: hidden;

  zoom: 100%;

  height:450px;

  font-size: 12px;

}



body.page-news #news-content {

  margin-left: 6px;

}



body.page-news #news-content ul.images {

  margin-top: 0;

  padding-top: 0;

  margin-bottom: 20px;

}



body.page-news #news-content ul.images li {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



body.page-news #news-content header {

  padding-bottom: 14px;

}



body.page-news #news-content h1,

body.page-news #news-content h2,

body.page-news #news-content time {

  font-family: arial, sans-serif;

  font-weight: bold;

  font-size: 12px;

  margin-top: 0;

  text-decoration: none;

  color: #FFF;

}



body.page-news h2#latest,

body.page-news h2#selected {

  margin-left: 28px;

  float: left;

}





body.page-news #page-nav li {

  float: left;

}



body.page-news #page-nav li a,

body.page-news #page-nav li span {

  display: block;

  padding-right: 6px;

}



body.page-news #news-related ul.thumbs li {

  padding-left: 8px;

}



body.page-news #news-related ul.thumbs li li {

  padding-left: 0;

}



body.page-news #news-related {

  margin-top: 30px;

  float: left;

  margin-left: 0;

  width: 176px;

}







/* -- News (Page and Partial) -- */



#news article h1,

#news article time,

#news article a {

  font-size: 12px;

  margin-bottom: 5px;

  font-family: arial, sans-serif;

  font-weight: bold;

  color: #FFF;

  text-decoration: none;

  margin-top: 2px;

}



#news article a:hover {

  text-decoration: underline;

}



#news article {

  color: #ccc;

}



#news #articles {

  float: left;

  width: 160px;

}



#news #post-content {

  float: left;

  width: 580px;

}



#news #post-content h2 {

  font-family: arial, sans-serif; 

  font-size: 12px;

  font-weight: normal;

  margin-top: 0;

  color: #FFF;

  text-decoration: none;

}





body.about-us .feature {

  margin-top: 44px;

}





/* -- Contact Us (Page and Partial) -- */



/* Gravity Forms */



.gform_wrapper ul.gform_fields {

  margin: 0;

  padding: 0;

}



.gform_wrapper ul.gform_fields li {

  list-style: none;

  padding: 0;

  margin: 0;

}







#contact-us #map {

  float: left;

  top:37px;

  left:75px;

  position: relative;

  width: 285px;

  height: 371px;

  /*background: url(../images/contact-us-map.gif) 0 60px no-repeat;*/

}



#contact-us #map .map-loc {

  color: #ff66ff;

  position: absolute;

  top: 0px;

  z-index: 5;

  display: none;

}



#contact-us #map .map-loc-current {

  display: block;

}





#contact-us #map .map-loc h2  {

  font-size: 12px;

  color: #ff66ff;

  margin-top: 0;

  margin-bottom: 0;

}



#contact-us #map .map-marker  {

  background: url(../images/map-marker.png) no-repeat 10px 10px;

  width: 28px;

  height: 28px;

  text-indent: -9999px;

  position: absolute;

  left: 100px;

  top: 10px;

  z-index: 10;

}



#contact-us #map .map-marker-current {

  background: url(../images/map-marker-current.png) no-repeat 10px 10px;

}



.ie6 #contact-us #map .map-marker  {

  background-image: url(../images/map-marker.gif);

}



.ie6 #contact-us #map .map-marker-current  {

  background-image: url(../images/map-marker-current.gif);

}



#contact-us .panel-content h1 {

  font-family: arial, sans-serif; 

  font-size: 12px;

  font-weight: normal;

}







#contact-us #forms button.text {

  color: #FFF;

  margin-top: 10px;

}



#contact-us #forms {

  width: 335px;

  top:5px;

  position:relative;

  margin-left: 28px;

  float: left;

}



.ie6 #contact-us #forms {

  margin-left: 14px;

}



#contact-us #forms p {

  margin-bottom: 10px;

  margin-top: 10px;

}



#contact-us #forms h2 {

  margin-top: 8px;

  margin-bottom: 20px;

}



#contact-us #forms .meta {

  display: none;

}



#contact-us #forms input.text,

#contact-us #forms textarea {

  width: 356px;

}



#contact-us #forms ul.sections {

  display: none;

  /*border-top: 1px solid #666;*/

  padding: 0;

  margin: 6px 0 9px 0;

  list-style: none;

}



#contact-us #forms ul.sections li {

  /*padding: 2px;

  border-bottom: 1px solid #666;*/

  margin: 0;

}



#contact-us #forms .form-loc {

  display: none;

}



#contact-us #forms .form-loc-current {

  display: block;

}





#contact-us #forms ul.sections button.text {

  color: #999;

  display: block;

  margin: 0;

  width: 170px;

  text-align: left;

  outline: none;

}



#contact-us #forms ul.sections button.current,

#contact-us #forms ul.sections button.text:hover {

  color: #eee;

}



#contact-us #forms li.phone { 

  /*padding-top: 16px;*/

}



#contact-us #forms li.enquiry, 

#contact-us #forms li.subject { 

 /* padding-top: 16px;*/

}





#contact-us #forms li.cv-samples { 

  padding-top: 10px;

}



#contact-us #forms li.cv-samples .gfield_description { 

  padding-top: 0px;

  font-size: 11px;

}





#contact-us #forms li.enquiry textarea { 

  height: 170px;

}



#contact-us #forms a {

  color: #999;

}



#contact-us #forms .file_label {

  padding-left: 10px;

  width: 80px;

  font-size: 10px;

}



#contact-us #forms a:hover {

  color: #ccc;

}



#contact-us label {

  padding-top: 6px;

}



#contact-us .gfield_description {

  padding-top: 6px;

}



#contact-us #forms h2 {

  color: #FFF;

  font-size: 12px;

}



#contact-us #forms .gform_edit_link {

  display: none;

}



/* map locations */



#contact-us #map #map-marker-1 {

  left: 360px;

  top: 294px;

}



#contact-us #map #map-loc-1 {

  left: 387px;

  top: 312px;

}



#contact-us #map #map-marker-2 {

  left: 385px;

  top: 285px;

}



#contact-us #map #map-loc-2 {

  left: 410px;

  top: 300px;

}





#contact-us #map #map-marker-3 {

  left: 415px;

  top: 271px;

}



#contact-us #map #map-loc-3 {

  left: 450px;

  top: 280px;

}





/* -- touch-based platform tweaks -- */



.touch body.home #about-us-panel,

.touch body.home #news-panel,

.touch body.home #project-panel,

.touch body.home #video-panel,

.touch body.home #art-panel,

.touch body.home #contact-us-panel,

.touch body.home #your-zha-panel,

.touch body.home #search-panel {

  display: none;

}





.touch .thumb-overlay .share-project .input-wrap button.clipboard,

.touch #share-panel .share-project .input-wrap button.clipboard {

  display: none;

}