html, body {
  background: #fff;
  color: #222;
  font-family: brownlight, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  margin: 40px 0px;
  padding: 0;
  height: 100%;
  letter-spacing: 0.06em;
}

#container{
	width: 90%;
	margin: 0 auto;
	max-width: 1500px;
}
#header{
	width: 99%
	padding: 1%;
}

#navigation{
	text-align: right;
	
}
#main-menu{
	margin: 20px 0px;
	float: right;
}
#main-menu li{
	float: left;
	margin-left: 20px;
	
}
#main-menu li .active{
	border-bottom: 1px solid gray;
	width: 10px;
}
#main-menu li a{
	padding-bottom: 3px;
	font-family: brownlight;
	font-size: 10px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	letter-spacing: 2px;
	display: inline;
	text-transform: lowercase;
}


.field-name-body{
	width: 440px;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px solid gray;
	min-height: 300px;
	position: relative;
}
.field-name-body .field-item{
	position: absolute;
	bottom: 30px;
}

.field-name-body p, 
.field-name-body p a{
	width: 440px;
	text-align: center;
	letter-spacing: 4px;
	font-size: 15px;
	line-height: 1.7;
	color: #000;
	text-decoration: none;
}



/* SHARE THIS */
.sharethis-buttons{
	display: none;
}
.socials,
.socials-icons{
	position: relative;
	float: left;
}

.social-icon,
.social-icon-separator{
	float: left;
	padding-right: 20px;
	margin-right: 5px;
	font-family: brownregular;
	font-size: 14px;
}
.social-icon{
	cursor: pointer;
}


/* ARTICLE */
.node-type-article #main h2{
	position: absolute;
	top: -73px;
	font-family: brownlight;
	font-size: 14px;
	color: #000;
	letter-spacing: 4px;
}
.node-type-article #main .term-1 h2{
	left: 520px;
}
.node-type-article #main .term-2 h2{
	left: 628px;
}


.blog-post{
	margin-bottom: 100px;
}

.blog-post h2{
	font-size: 24px;
	text-transform: lowercase;
	margin-bottom: 23px;
	width: 960px;
	float: left;
	letter-spacing: 8px;
}

.post-date{
	font-size: 24px;
	text-transform: lowercase;
	letter-spacing: 8px;
}
.post-date{
	float: right;
}

.image-container,
.image-container-item{
	float: left;	
}
.image-container-item{
	/* width: 240px; */
	margin: 0px 10px 0px 0px;
}
.image-container-item img{
	margin-bottom: 7px;
/*	width: 230px; */
}
.blog-post .field-name-body{
	margin: 10px 0px 0px 0px;
	padding-bottom: 20px;
	width: 960px;
	min-height: 20px;
	
	border: none;
}

.view-editorial{
	width: 960px;
}
.blog-post .field-name-body .field-item{
	position: relative;
	bottom: 0px;
}
.blog-post .field-name-body p{
	letter-spacing: 4px;
	font-size: 15px;
	line-height: 1.7;
	width: 960px;
	text-align: left;
	margin: 0;
} 
.image-container,
.text-container{
	float: left;
	width: 960px;
	margin-top: 20px;
}

/* article teaser */
.article-teaser{
	position: relative;
	float: left;
	margin: 0px 10px 7px 0px;
}
.view-id-editorial.view-display-id-page .view-content{
	width: 960px;
}
.view-id-editorial.view-display-id-page .view-content,
.view-id-editorial.view-display-id-page .views-row{
	position: relative;
	float: left;
}

/* fix  */
#main{
	position: relative; 
	float: left;
	width: 100%;
}


.case{
	width: 100%;
}
.case a,
.case img{
	position: relative;
	display: block;
}

.case img{
	width: 98%;
	padding: 1% 1% 1% 1%;
}
.feed-icon{
	display: none;
}


#imageData,
#imageDataContainer{
	background-color: transparent !important;
}
#imageData #imageDetails{
	width: 100%;
}
/*
#numberDisplay{
	display: none !important;
}
*/

#prevLink:hover,
#nextLink:hover{
	background: none;
}

#numberDisplay,
#imageData #caption{
	font-family: brownlight, sans-serif;
	width: 100%;
	text-align: center;
	font-weight: normal;
	margin-top: 15px;
	display: block;
	letter-spacing: 2px;
	font-size: 11px;
}
#numberDisplay{
	font-size: 9px;
}


#outerImageContainer{
	overflow: visible;
}

#bottomNavClose{
	position: absolute;
	top: -25px;
	right: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
	background-color: transparent !important;
	background-position: center !important;
}

#prev-link,
#next-link{
	position: absolute;
	top: 45%;
	height: 23px;
	width: 9px;
	padding: 15px 7px;
}
#prev-link{
	background: transparent url('../images/arrow-left.png') no-repeat center center;
	left: -30px;
}
#next-link{
	background: transparent url('../images/arrow-right.png') no-repeat center center;
	right: -30px;
}
#lightbox{
	cursor: pointer;
}
.navigation-dot{
	width: 6px;
	height: 6px;
	background-color: #000;
	margin: -5px 5px 5px 5px;
	display: inline-block;
	border-radius: 50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  	filter: alpha(opacity=30);
  	-moz-opacity: 0.3;
  	-khtml-opacity: 0.3;
  	opacity: 0.3;
}
.navigation-dot.active{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.case{
		width: 100%;
	}
	html,
	body{
		margin: 10px 0px 20px 0px !important;
	}
	#main-menu{
		margin: 20px 0px;
	}
	#main-menu li{
		margin-left: 10px;
	}
	#main-menu li a{
		font-size: 10px;
		letter-spacing: 1px;
	}
	#logo img{
		width: 280px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 520px) {
	#main-menu{
		margin: 20px 0px;
	}
	.case{
		width: 50%;
	}
	#main-menu li a{
		font-size: 14px;
		letter-spacing: 4px;
	}
/* Styles */
}
@media only screen 
and (min-width : 850px) {
/* Styles */
	#main-menu{
		margin: -18px 0px 80px 0px;
	}
	.case{
		width: 50%;
	}
	#main-menu li a{
		font-size: 14px;
		letter-spacing: 4px;
	}
}

@media only screen 
and (min-width : 1000px) {
/* Styles */
	#main-menu{
		margin: -18px 0px 80px 0px;
	}
	.case{
		width: 33.3%;
	}
	#main-menu li a{
		font-size: 14px;
		letter-spacing: 4px;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	#main-menu{
		margin: -18px 0px 80px 0px;
	}
	.case{
		width: 33.3%;
	}
	#main-menu li a{
		font-size: 14px;
		letter-spacing: 4px;
	}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}