/*
Theme Name: Haggart MacLeod V2 (May 2015)
Author: Paul Isaac
Author URI: threemuses.co.uk
Description: Wordpress as a CMS for Haggart MacLeod Architects ONLY
Version: 2
License: For the sole professional use of Haggart and MacLeod only.
*/

/* reset */
html,body,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,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}h1,h2,h3,h4,h5,h6,strong{font-weight:normal}article,aside,figure,footer,header,nav,section,details,summary{display:block}img,object,embed{max-width:100%}html{overflow-y:scroll}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}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}


/* ------------------------------------ */

@font-face {
    font-family: 'open_sans_regular';
    src: url('_fonts/os/OpenSans-Regular-webfont.eot');
    src: url('_fonts/os/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/os/OpenSans-Regular-webfont.woff') format('woff'),
         url('_fonts/os/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('_fonts/os/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url('_fonts/os/OpenSans-Italic-webfont.eot');
    src: url('_fonts/os/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/os/OpenSans-Italic-webfont.woff') format('woff'),
         url('_fonts/os/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('_fonts/os/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold';
    src: url('_fonts/os/OpenSans-Bold-webfont.eot');
    src: url('_fonts/os/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/os/OpenSans-Bold-webfont.woff') format('woff'),
         url('_fonts/os/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('_fonts/os/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold_italic';
    src: url('_fonts/os/OpenSans-BoldItalic-webfont.eot');
    src: url('_fonts/os/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/os/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('_fonts/os/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('_fonts/os/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------ */

body,html{
	height:100%;
}

body{
	position:relative;
	background:#fcfcfc;
	color:#302c2c;
}

body, h1{
	margin: 0px;
	font-family:'open_sans_regular', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

a{
	color:#302c2c;
	text-decoration: none;
	transition:color 0.5s;
}

a:hover{
	color:#4574a3;
	transition:color 0.5s;
}

nav#project-tags h4,
strong
{
	font-family:'open_sans_bold', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.045em;
	/*letter-spacing:0em;*/
}

/*em{
	font-family: 'open_sans_italic', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;
	font-style: italic;
	letter-spacing:0em;
	font-size: 100%;
}*/

strong em,
em strong
{
	font-family: 'open_sans_bold_italic' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:bold;
	font-style: italic;
	letter-spacing:0.045em;
}


#layout{
	margin:0 auto;
	padding-left:2.1875px;
	/**
	PADDING TOP HERE SHOULD WORK WITH FIXED NAVIGATION
	*/
	padding-top:5.125em;
	margin-bottom:6.5625em;
}

#pageheader .layout{
	display:block;
	width:60em;
	margin: 0 auto;
}

#layout #pageheader{
	margin-top:0px;
	position:absolute;
	z-index:999;
	top:0px;
	background:#fcfcfc;
	width:99%;
	padding:1em 0em;
	border-bottom:1px solid #f1f1f1;
}

#logo{
	position:absolute;
	display:block;
	/** experimental */
		top:1.1875em;
		margin-left:0.6875em;			
}

/*#layout.shadowed #pageheader{
	box-shadow: 0px 1px 2px #f1f1f1;
}*/

#primary-navigation{
	padding:0.3125em 0em;
	margin-left:26.8125em;
	border-left:1px solid #f1f1f1;
}

#primary-navigation > a{
	padding:5px 22px;
	border-right:1px solid #f1f1f1;
	text-decoration: none;

	/*font-size: 0.842em;
	letter-spacing:0.12em;
	color:#302c2c;*/
}

nav.crumbtrail{
	margin-bottom:4.4375em;
}

nav.crumbtrail > a,
nav#project-tags > a
{
	/*text-decoration: none;*/
	border-bottom: 1px dotted #302c2c;
}

.delimiter{
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:9px;
	background: url('_im/right-hand-arrow.gif') top left no-repeat;
	margin:0ex 1ex;
}

#content{
	margin: 0 auto;	
	/** arbitrary cap pending resize feedback */
	width:60em;
	/*background:#fff;*/
}


#content p,
#content dl,
#primary-navigation > a,
nav.crumbtrail,
nav#project-tags,
#project-highlights figcaption,
body footer > p,
.biography h3
{
	font-size: 0.842em;
	letter-spacing:0.09em;
	line-height:1.684em;	
}

#news-feed time{
	display:block;
	font-size: 0.75em;
	margin-bottom:1.75em;
}

#news-feed h2,
#news-feed h3,
#content p,
.biography h3
{
	margin-bottom:1.75em;
}

#news-feed article{
	display:block;
}

#news-feed > article + article{
	border-top:1px solid #f1f1f1;
	padding-top:1.75em;
}

#news-feed article h3,
#project-highlights figcaption h4
{
	font-family: 'open_sans_bold' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:0.94em;
}

#news-feed h2{
	font-family: 'open_sans_bold' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#project-highlights,
article.project
{
	display:block;
}

#slideshow{
	display:block;
	position:relative;
	overflow:hidden;
	/*transition:width 0.75s; */
	width:738px; 
}

#slideshow #swipelayer{
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
}

/*#slideshow .slide,*/

/*article.project #slideshow
{	
	height:502px;
}*/
/*width:738px; */

article.project #slideshow{
	height:503px;
}

#slideshow div.images{
	display:block;
	position:absolute;
	height:503px;
	width:20000px; /* set inline by multiplying standard image width * images ? */
	
	/*transition:margin-left 0.75s;
	-webkit-transition:margin-left 0.75s;
	-moz-transition:margin-left 0.75s;
	-o-transition:margin-left 0.75s;*/

	/*-webkit-transition:all  0.75s;*/

}


/* apply with js ================================ */

#slideshow div.images.transitions-on{
	/*margin-left:0px;*/
	transition:margin-left 0.75s;
	-webkit-transition:margin-left 0.75s;
	-moz-transition:margin-left 0.75s;
	-o-transition:margin-left 0.75s;
}

/* ============================================== */

#slideshow .slide{
	position:relative;
	display:block;
	float:left;
	text-align-right;
}

#project-highlights .slide{
	width:738px !important; 
	border:none !important;
}

.slide{
	height:500px;
	/*margin-top:1px;*/
	/*opacity:0;*/
	/*border: 1px solid #f1f1f1;*/
	/*transition:border 0.5s;*/
	/*, border 0.5s*/
	margin-right:40px; /* 38? */
}

.slide.current{
	
}

.slide img{
	/*margin: -1px;*/
	/*float:right;*/
	opacity:0;
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}

.slide.current img{
	/*float:right;*/
	opacity:1;
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}

/*.slide img{
	padding-right:38px;
}*/

div.images > .slide:last-child{
	margin-right:0ex; /* also done with JS */
}

#slideshow-controls{
	margin-bottom:5.0625em;
}

#slideshow-controls button{
	display:inline;
	vertical-align:middle;
	width:19px;
	height:19px;
	border:none !important;
}

#slideshow-controls-caption{
	padding:0em 1em;
	font-size:0.9em;
	font-family:'open_sans_italic' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-style:italic;
}

.no-fontface #slideshow-controls-caption{
	font-style: italic;
}

#previous-slide{
	background: url('_im/left-button.gif') top left no-repeat;
}

#next-slide{
	background: url('_im/right-button.gif') top left no-repeat;
}

#project-highlights,
.project figure
{
	float:left;
	clear:left;
	/*margin:0px 40px 40px 0px;*/
}

.project figcaption{
	margin-top:2.3125em;
}

.project figcaption dl{
	width:738px;
}

.project figcaption dt{
	font-family:'open_sans_bold', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	letter-spacing:0em;
	float:left;
	margin-right:1ex;
}
.no-fontface .project figcaption dt{
	font-weight:bold;
}

#news-feed,
#project-details
{
	display:block;
	position:relative;
	/*margin-left:322px;*/

	float:right;
	clear:right;
	width:11.5em;
	/*margin-top: 5.125em;*/

}

#project-details h1{
	
}

#project-details h3{
	margin:1.75em 0em;
	font-family: 'open_sans_bold_italic' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:0.94em;
}

#project-details > p{
	margin-bottom:1.75em !important;
}

#projects-navigation{
	margin-top:80px;
}

#projects-navigation li{
    /*display:block;
    position:relative;
    clear:both;
    border-bottom:1px solid #f1f1f1;
    display:block;
    width:100%;
    margin-bottom:50px;*/
    height:12em;
}

#projects-navigation img{
	display:block;
	float:left;
	margin-right:1.375em;
}

#projects-navigation a h3{
	font-size: 0.921em;
	letter-spacing:0.09em;
	padding:2.5625em 0em 0.6875em 0em;
	/*width:753px;
	margin-bottom:0.427em;*/
}

#projects-navigation p{
	/*width:753px;
	font-family:'open_sans_italic' , Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-style:italic;*/
}

/* old work divider */
#projects-navigation ul > h3{
	display:block;
	padding:1.28125em 0em;
	margin-top:1.28125em;
	border-top:#f1f1f1 solid 1px;
}

/*.csstransitions #projects-navigation a{
	padding-left:0em;
	display:block;
	transition: padding-left 0.5s;
}

.csstransitions  #projects-navigation a:hover{
	padding-left:0.25em;
	transition: padding 0.5s;
}*/

#project-highlights,
#news-feed
{
	margin-top:81px;
}

#project-highlights #slideshow{
	height:800px;
	/*height:503px;*/
}


#project-highlights figure{
	position:relative;
}

#project-highlights figcaption{
	width:320px;
	position:absolute;
	margin-top:45px;
	opacity:0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
/*	z-index:999;*/
}

#project-highlights .current figcaption{
	opacity:1;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}


.link-caption{
	margin-top:1.75em;;
	/*position:absolute;*/
/*	z-index:333;*/
	/*background:rgba( 255 , 255 , 255 , 0.8 );
	padding:0.5em;
	bottom:20px;
	left:15px;*/
	/*font-size:0.7em;*/
	/*opacity:0;
	transition: opacity 0.5s;*/
}

a:link .link-caption span{
	border-bottom:1px dotted #302c2c;
}

a:hover .link-caption span{
	border-bottom:1px dotted #4574a3;
}

/*.current .link-caption{
	opacity:1;
	transition: opacity 0.5s;
}*/

/* ------------------------------------ */

.biography{
	width:461px;
	float:left;
}

.biography + .biography{
	margin-left:17px;
}

.biography img{
	display:block;
	width:208px;
	height:313px;
	float:left;
	background:#333;
	margin-right:25px;
}

.biography div{
    margin-top:121px;
	width:219px;
	float:left;
}

#about-us #introduction{
	margin-top:10px;
	margin-bottom:58px;
}

.biography h2{
	color:#1d4871;
}

.biography h3{
	color:#4674a3;
}

/* ------------------------------------ */

.contact-details{
	margin-left:181px;
	margin-top:72px;
}

#contact-us .address strong,
#contact-us .tel > strong
{
    float:left;
    margin-right:1ex;
    clear:left;
}

#contact-us .address span,
#contact-us .tel span
{
    display:block;
    float:left;
    margin-bottom:1.75em;
}

/* ------------------------------------ */

body > footer{
	text-align:center;
	padding:2em 0em;
	border-top:#f1f1f1 solid 1px;

	width:100%;
	position:absolute;
	bottom:0px;
}

body > footer.unfixed{
	position:relative;
}

/* ------------------------------------ */

/*my clearfix*/
div.cb{
	display:block;
	clear:both;
}

/* test */
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}