/*	Author:		GLEN WHEELER (http://www.readysalted.co.uk)
	Version:	v1.1
	Copyright:	(c) 2013 Goldsmiths - EAVI. All rights reserved.
*/


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

	CONTENTS
	
	01. RESET
	02. MAIN BASE STYLES
	03. TYPOGRAPHY
	04. IMAGES
	05. TABLES
	06. MISC
	07. RESPONSIVE
	
------------------- */


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

	01. RESET
	
------------------- */
	
/* 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,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:98%;vertical-align:baseline;background:transparent; } 

body { line-height:1; }

em{font-style:italic}

ol,ul { list-style:none; }
.entry-content ul { line-height: 1.6em;padding-left: 30px;word-spacing: 0.06em;margin-bottom: 20px}
.entry-content ol, .entry-content ul {list-style:disc}
.entry-content ul.li { margin-bottom: 5px}

blockquote,q { quotes:none; margin:0px 53px}

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

ins { text-decoration:none; }

del { text-decoration:line-through; }

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

article,aside,figure,footer,header,hgroup,nav,section { display:block; }

/*-
	SELF-CLEARING FLOATS
*/

.section:after,
.nav:after,
p.pic:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@font-face {
				font-family: 'HelveticaNeueLT-MediumCond';
				src: url('helveticalt67mediumcondensed2.eot');
				src: url('helveticalt67mediumcondensed2.eot?#iefix') format('embedded-opentype'),
						 url('helveticalt67mediumcondensed2.woff') format('woff'),
						 url('helveticalt67mediumcondensed2.ttf') format('truetype'),
						 url('helveticalt67mediumcondensed2.svg#helveticalt67mediumcondensed2') format('svg');
				font-weight: normal;
				font-style: normal;
}



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

	02. MAIN BASE STYLES
	
------------------- */

html{
	font-family: arial, sans-serif;
	font-size:100%; /* 16px */
	background:#fff;
	color: #404041; /* DARK GREY */
	height:101%;
	background: #000000 url(../images/eavibg.jpg) no-repeat center top; 
	 /*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	
	/*IE FILTERS */
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; */

}

body{
	position:relative;
}

.wrapper{
	max-width: 1200px;
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
}

.box-size{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.header{
	display: block;
	height: 215px;
	margin-bottom: 0px;
	position: relative;
}

.header h1{
	float: left;
	color: #555454;
	background: #c2aa74;
	padding: 15px;
	margin:0;
	font-family: 'HelveticaNeueLT-MediumCond';
	width: 100%; /* 870 / 1200 */
	display: block;
}

.header h1 a{
	text-decoration: none;
	font-weight: normal;
	color: #555454;
}

.mobile-logo{
	background: #ffffff;
	padding-top: 0px;
	height: 142px;
	float: left;
	width: 15%;
}


.logo2{
	float: left;
	max-width: 80%; /* 209 / 1200 */
	margin-left: 8%;
}



.right-section{
	float:right;
	width: 85%; /*1024 / 1200 */
}

#search-block{
	float: right;
	display: inline-block;
	position: relative;
	background: #ebe2d0;
	width: 20%; /* 220 / 1200 */
	height: 50px;
}


ul.top-menu{
	background: #f2f2f2;
	width: 80%; /* 671 / 1200 */
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 17px 20px 8px 20px;
	text-align: left;
}

ul.top-menu li{
	float: left;
	margin-right: 3.561251862891%; /* 40 /671 */
	margin-bottom: 10px;
}

ul.top-menu li a{
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	font-size: 1.1em;
	font-family: 'HelveticaNeueLT-MediumCond';
}

ul.top-menu li a:hover{
	color: #9a8b55;
}

.search-btn{
	width: 20%;
	min-width: 50px;
	max-width: 50px;
	height: 50px;
	background: #d1c099 url(../images/search_button.gif) no-repeat;
	border: none;
	position: absolute;
	bottom: 0;
	right:0;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.search-area{
	width: 80%; /*150px / 219 */
	height: 30px;
	background: #ebe2d0;
	border: none;
	position: absolute;
	bottom: 0;
	left:0;
	padding: 10px;
	font-family: 'HelveticaNeueLT-MediumCond';
	font-size: 1.2em;
	color: #555454;
}

img{
	max-width: 100%;
	padding-bottom:1.2em;
}

.content-area{
	background: #ffffff;
	padding: 30px;
}

#content {
	background: none repeat scroll 0 0 #ffffff;
	padding:30px;
}

.full-width{
	width: 100%;
	
}

.one-half{
	width: 48.75%;
	margin-right: 2.5%; /* 30 / 1200 */
	margin-bottom: 6%;
	float: left;
}

.one-half p {
	font-size:1.1em
}

.one-third{
	width: 31.666666666667%; /* 380 / 1200 */
	margin-right: 2.5%;
	float: left;
	padding: 20px;
	margin-bottom: 30px;
}

.two-thirds{
	width: 65.833333333333%; /* 790 / 1200 */
	margin-right: 2.5%;
	float: left;
	padding: 20px;
	margin-bottom: 30px;
}

.last{
	margin-right: 0;
}

.footer{
	color: #ffffff;
	padding: 10px 30px;
}

/*image widths */
div.inner-content img.200-wide{
	max-width: 200px;
}

div.inner-content img.400-wide{
	max-width: 400px;
}

div.inner-content img.600-wide{
	max-width: 600px
}


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

	03. TYPOGRAPHY
	
------------------- */


h1, h2, h3, h4, h5, h6{
	font-family: 'HelveticaNeueLT-MediumCond';
	margin-bottom: 20px;
}

h1{
	font-size: 3em;
	color: #666666;
	line-height: 1.2em;
}

.large-title{
	font-size: 2em;
	color: #cdba8e;
	text-transform: uppercase;
}

h2{
	font-size: 1.6em;
}

h3{
	font-size: 1.4em;
}

em{
}

p{
	font-size:1.2em;
	line-height: 1.6em;
	margin-bottom: 20px;
}

hr{ margin-bottom:30px; border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

a, a:visited, a:link{
	color: #c2aa74;
	text-decoration: none;
}

a:hover{
	color: #000000;
}

strong{
	font-weight: bold;
}

#logo embed{
	margin-top: -15px;
	width: 80%;
}

/* Home News */

.recent-news-list a, .featured-projects-list a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.recent-news-list a:hover, .featured-projects-list a:hover{
	color: #000000;
}

.recent-news h3 a, .featured-projects h3 a{
	color: #333333;
}

.recent-news a.button, .featured-projects a.button{
	padding: 10px;
	background: #c2aa74;
	color: #ffffff;
	text-decoration: none;
}

.recent-news ul li, .featured-projects ul li{
	margin-bottom: 40px;
}

.attachment-news-large-home{
	margin-bottom: 5px;
}

.recent-news-list img, .featured-projects-list img{
	float: left;
	margin-right: 20px;
}

a.short-readmore{
	font-weight: normal;
	color: #c2aa74;
	text-decoration: none;
}

.feature-content{
	float: left;
	width: 74.334600760456%;
}

.feature-content h3{
	display: block;
}

.attachment-post-feature-resources{
	max-width: 200px;
	height: 200px;
	float: left;
	margin-right: 1.5%;
	margin-bottom: 10px;
}
.resource-item{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}


/* TWITTER BOX, SOCIAL NETWORKS, THER BOX */

.twitter-box{
	width: 50.214%; /* 349 / 1200 */
	margin-right: 1%;
	float: left;
	padding: 20px;
	margin-bottom: 20px;
	min-height: 170px;
	font-size: 1.2em;
	font-family: monospace;
}

.twitter-box ul{
	display: block;
	color: #666666;
}

.twitter-box ul li{
	line-height: 1.6em !important;
}

.twitter-box ul li a{
	color: #df0a62;
}

.social-box{
	width: 48.711%; /* 390 / 1200 */
	float: left;
	padding: 20px;
	margin-bottom: 20px;
	min-height: 242px;
}


/*POST ITEMS SINGLE */

.nav-previous{
	float: left;
	width: 45%;
	text-align: left;
}

.nav-next{
	float: right;
	width: 45%;
	text-align: right;
}

/* SOCIAL BOX */

.social-box h2 a.social-title{
	font-size: 1.7em;
} 

.social-box ul{
	display: block;
}

.social-box ul li{
	display: inline;
	max-width: 45px;
	margin-right: 2.25%;
}

.social-box ul li img{
	max-width: 33px;
}


/* PEOPLE */
.people-list-item{
	float: left;
	width: 47.5%;
	background: #f9f9f9;
	padding: 10px;
	margin-bottom: 30px;
	margin: 0 2.5% 30px 0;
	
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}

.people-list-item:hover{
	opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.people-list-item img{
	height: 200px;
/*	width: 29.239766081871%; /* 513 */
	margin-right: 2.5%;
	float: left;
}

.single-staff-member-photo{
	float: left;
	max-width: 20.833333333333%; /* 250 / 1200 */
	margin: 0 2.5% 2.5% 0;
}

.attachment-staff-member-profile{
	border: 3px solid #000000;
}

.staff-information{
	width: 76.666666666667%;
	float: right;
	text-align: left;
}

.partners-list-item{
	display: block;
	margin-bottom: 30px;
}

.partners-photo{
	width: 33.333333333333%;
	float: left;
	margin-right: 2.5%;
}

.partner-content{
	width: 64.166666666667%;
	float: left;
}

/* INNER PAGES */

.sidebar{
	float: left;
	width: 25%; /* 300 / 1200 */
	margin-right: 10.5%;
}

.sidebar h2{
	margin-bottom: 10px;
}

.sidebar .box{
	margin-bottom: 30px;
}

.sidebar ul li{
	margin-bottom: 8px;
}

.sidebar ul li a{
	margin-bottom: 10px;
	text-decoration: none
}

.inner-content{
	float: left;
	width: 58.5%; /* 950 / */
} 

.entry-meta{
	font-size: 0.85em;
	font-style: italic;
	color: #adadad;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.entry-meta a{
	color: #c2aa74;
	text-decoration: none;
}

.entry-meta a:hover{
	color: #000000;
}

/* CATEGORY SPECIFIC STYLING */

h2.category-title{
	margin-bottom: 1em;
}

h2.category-title a{
	margin-bottom: 10px;
	color: #666666;
	text-decoration: none;
}

h2.category-title a:hover{
	color: #c2aa74;
}



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

	04. IMAGES
	
------------------- */

.attachment-news-thumb-home{
	max-width: 115px;
}

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

	05. TABLES
	
------------------- */


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

	06. MISC
	
------------------- */
.clear{
	clear: both;
}


/* -- SLIDERS -- */

.slide-title {
	display: none;
}

/* BRANDS */
.brand-0{
	background: #c2aa74; /* Gold 100% */
}
.brand-1{
	background: #d7c7a5; /* Gold 80% */
}

.brand-2{
	background: #e3d8c1; /* Gold 60% */
}

.brand-3{
	background: #f0eadd; /* Gold 40% */
}

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

	07. RESPONSIVE
	
------------------- */

@media screen and (max-width: 1024px) {

.wrapper{
	padding: 0 10px;
}

.twitter-box{
	width: 50.214%;
	margin-right: 1%;
	float: left;
}

.social-box{
	width: 47.211%;
	margin-right: 0;
	float: left;
}

.misc-box{
	display: none;
}

.attachment-news-thumb-home{
	display: none;
}

.feature-content{
	display: block;
	width: 100%;
}

.mobile-logo{
	padding-top: 20px;
	height: 116px;
}


.logo2{
	max-width: 70%; /* 209 / 1200 */
	margin-left: 15.5%;
	margin-top: -10px;
}





}


@media screen and (max-width: 850px) {


.one-half, .sidebar, .inner-content{
	width: 100%;
	display: block;
}

.sidebar .box{
	float: left;
	margin-right: 2.5%;
	width: 25%;
}

.slider-gallery{
	display: none !important;
}

.wrapper{
	padding: 0 10px;
}

.people-list-item{
	float: none;
	width: 100%;
	background: #f9f9f9;
	padding: 10px;
	margin: 0 0 30px 0;
}

.people-list-item img{
	height: auto;
	width: 29.239766081871%; /* 513 */
	margin-right: 1%;
	float: left;
}

.single-staff-member-photo{
	float: left;
	max-width: 20.833333333333%; /* 250 / 1200 */
	margin: 0 2.5% 2.5% 0;
}

ul.top-menu{
	width: 100%; /* 671 / 1200 */
}

.mobile-logo{
	height: 98px;
	float: left;
}

.logo2{
	margin-left: 13.5%;
	margin-top: -2px;
}

#search-block{
	display: none;	
}

ul.top-menu li a{
	font-size: 1em;
}


	
}


/* for 700px or less */
@media screen and (max-width: 700px) {


.one-half{
	width: 100%;
	display: block;
}

.one-third{
	width: 100%;
	display: block;
}

.logo2{
	display:inline;
}
	
}


/* for 480px or less */
@media screen and (max-width: 480px) {

html{
	background: #f2f2f2;
}

.wrapper{
	max-width: 1200px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.content-area{
	padding: 10px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.90);
}

.header h1{
	display: none;
}

.one-half{
	width: 100%;
	display: block;
}

.slider-gallery{
	display: none !important;
}

ul.top-menu{
	background: #f2f2f2;
	width: 100%; /* 671 / 1200 */
	display: block;
	float: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-right: 0;
	text-align: center;
	padding-bottom: 10px;
}

ul.top-menu li{
	float: none;
	width: 100%;
	display: block;
	margin-right: 0; /* 40 /671 */
	margin-bottom: 15px;
}

ul.top-menu li a{
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	font-size: 1.8em;
	font-family: 'HelveticaNeueLT-MediumCond';
}

#search-block{
	float: none;
	display: block;
	position: relative;
	background: #ebe2d0;
	width: 100%; /* 220 / 1200 */
	height: 50px;
}

.logo2{
	display: block;
	float: none;
	width: 50%; /* 209 / 1200 */
	max-width: 40%;
	margin: 0 auto; /* 20px / 1200 */
}

.mobile-logo{
	background: #ffffff;
	height: auto;
	float: none;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0 auto;
}

.right-section{
	float:none;
	width: 100%;
	display: block;
}

.one-third, .sidebar, .inner-content{
	width: 100%;
	display: block;
}

.intro{
	display: none;
}

.header{
	margin-bottom: 0;
	height: 514px;
}

.twitter-box{
	width: 100%; /* 349 / 1200 */
	margin-right: 1%;
	float: none;
}

.social-box{
	width: 47.211%; /* 349 / 1200 */
	margin-right: 0;
	float: none;
	padding: 20px;
}

.misc-box{
	display: none;
}

.sidebar .box{
	margin-right: 3.5%;
	width: 45%;
}

#logo{
	display: none;
}

/* PEOPLE */

.people-list-item{
	float: none;
	width: 100%;
	margin: 0;
	display: block;
}

.people-list-item img{
	height: auto;
	width: 100%; /* 513 */
	margin-right:0;
	float: none;
}

.single-staff-member-photo{
	float: none;
	max-width: 100%; /* 250 / 1200 */
	margin: 0 0 10px 0;
}



}


