#container #header .top .slideshow #downButton { background-position: 44px 44px !important; background: url('/wp-content/themes/baylie/images/uge-down.png') no-repeat 50% 50% / 44px 44px !important; border: 0px; width: 44px; height: 44px;  }

.slideshow { z-index: 88; }

.instagram-container { position: relative; display: none; width: 100%; height: 0px; padding: 0px 0px 75% 0px; overflow: hidden; background: #000; }
.instagram-container .instagram-feed { font-size: 0px; text-align: center; position: absolute; display: block; width: 100%; height: 100%; padding: 0px !important; margin: 0px !important; }
.instagram-container .instagram-feed li { display: inline-block; width: 25%; position: relative; padding: 0px; margin: 0px !important; -webkit-backface-visibility: hidden; }
.instagram-container .instagram-feed li img { width: 100%; height: auto; }

.instagram-container .instagram-feed li .title { font-size: 18px !important; color: #FFF; font-weight: bold; text-align: center;	
	margin-bottom: 10px;
	display: block;
	position: absolute;
	top: 50%;	
	margin: -20px auto 0 !important;	
	width: 100%;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	opacity: 0;
}

.instagram-container .instagram-feed li:hover img{
	opacity: .5;
	position:relative;
	-webkit-backface-visibility: hidden;
}

.instagram-container .instagram-feed li:hover .title {
	opacity: 1;
	top: 50%;
	-webkit-backface-visibility: hidden;	
}

.instagram-container .instagram-feed li.instagram-hide .title { display: none !important; }
.instagram-container .instagram-feed li.instagram-hide:hover img { opacity: 1 !important; }


#map { width: 100%; height: 0px; padding: 0px 0px 50% 0px; display: block; position: relative; }
#map #map-canvas { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#map img { max-width: none !important; }

#content .project.small:nth-child(1) .inside { background: #c7b299 !important; }
#content .project.small:nth-child(2) .inside { background: #8cc63f !important; }
#content .project.small:nth-child(3) .inside { background: #00a99d !important; }
#content .project.small:nth-child(4) .inside { background: #999999 !important; }
#content .project.small:nth-child(5) .inside { background: #22b573 !important; }
#content .project.small:nth-child(6) .inside { background: #4d4d4d !important; }

#featuredPosts { padding: 60px 0 30px 0; width: 100%; max-width: none; text-align: center; }
#featuredPosts li.page{ text-align: center; margin-bottom: 30px !important; background: transparent !important;	}
#featuredPosts li.page .inside{ max-width: 600px; margin: 0 auto !important; }
#featuredPosts li .thumb{ margin-bottom: 30px; }
#featuredPosts li .image{ display: inline-block; }
#featuredPosts li .title{ font-size: 2.8em; line-height: 1.2em; margin: 0 30px 30px!important; display: block; color: #2b2b2b; text-align: center; }
#featuredPosts li p{ font-size: 1.3em; color: #bbbbbb; margin: 0 30px !important; text-align: center; }
#featuredPosts li .title a { color: #2b2b2b; }


.slides .testimonial .text { color: #999999; }

.home #middle { padding: 0px 0px !important; }

.mobile-trigger { display: block; width: 0px; padding: 4px 5px 12px 50px; height: 20px; cursor: pointer; position: absolute; top: 0px; right: 0px; background: url('/wp-content/themes/baylie/images/mobile-trigger.png') no-repeat 50% 50% #252525 !important;/*  background-position: 50px 30px !important; */ display: none; font-size: 20px; text-align: center; color: #000; font-weight: bold; border-radius: 2px; text-indent: -2000px; overflow: hidden;  }
.mobile-trigger.trigger-open { width: 70px; text-indent: -2000px; }

#logo { width: 50%; }


#pageHead { margin: 0 30px; text-align: center; background-color: #252525; margin: 0px 0px 30px 0px; }
#pageHead img { margin: 0px auto; }
#pageHead h1 { font-family: "Droid Serif",​ "Georgia",​ serif !important; font-size: 2.5em; line-height: 1.5em; color: #FFFFFF; }	

#content a img.postThumb { margin: 0px auto 20px auto !important; }
.home .slideshow .flex-control-nav { display: block !important; }

.single .project .meta, .archive-links { border-top: 1px solid #E5E5E5; margin: 10px auto 0; padding: 30px 0 40px; text-align: center; }

#mainNav ul a { font-size: 1.1em !important; }

#monthly-nav li a,
#archive-nav li a,
#filterNav li a,
.projectNav a,
#content .moreLink a,
#content .moreLink a span { background-color: #252525 !important; color: #F1F1F1 !important; }
#monthly-nav li:hover a,
#archive-nav li:hover a,
#filterNav li:hover a,
.projectNav a:hover,
#content .moreLink:hover a,
#content .moreLink:hover a span { background-color: #666666 !important; color: #FFFFFF !important; }

#content #monthly-nav,
#content #archive-nav { text-align: center; padding: 0!important; margin: 0 auto 40px auto!important; width: auto; text-align: center; width: 100%; position: relative; }
#content #monthly-nav li,
#content #archive-nav li { padding: 0px 0 0 0; background: none; margin: 0 8px 8px 0; display: inline-block; }
#content #monthly-nav li a,
#archive-nav li a{ font-size: 1em; background: #f0f0f0; display: inline-block; color: #F1F1F1 !important; text-decoration: none; position: relative; cursor: pointer; padding: 7px 11px 7px !important; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 1em; text-transform: uppercase; font-weight: bold; }
#content #monthly-nav li a:hover,
#archive-nav li a:hover { background: #929292; color: #fff !important; }
#archive-nav li.current-cat a:hover { background: #929292; color: #fff !important; }
#archive-nav li.current-cat a,
#filterNav li a.selected { background-color: #85BEC4 !important; color: #fff !important; }

#footer { background-color: #252525 !important; color: #fff !important; }
#footer .secondary .inside { border-top: 1px solid #353535; border-top: 0px !important; }
#footer .secondary .inside p { font-size: 1em !important; } 

@media only screen and (max-width : 640px) {
	.instagram-container { padding: 0px 0px 100% 0px; }
	.instagram-container .instagram-feed li { width: 50%; }
	
	#mainNav { width: 125px; margin: -10px auto; }
	#mainNav .mobile-trigger { display: block; }
	#mainNav .mobile-menu-wrapper { width: 125px; position: relative; top: 36px; left: 0px; display: none; } 
	#mainNav .mobile-menu-wrapper ul { padding: 10px 0px; background: #f1f1f1; display: block; position: relative; }
	#mainNav .mobile-menu-wrapper ul li { padding: 5px 10px; display: block !important; margin: 0px; float: none; text-align: left; position: relative !important; }
	#mainNav .mobile-menu-wrapper ul li a { position: relative !important; display: block; top: 0px; left: 0px; font-size: 14px; }
	
	#mainNav .mobile-menu-wrapper.menu-open { display: block; }
	
	#header #logo img { width: 100% !important; }
}

@media only screen and (max-width : 480px) {
	#mainNav { width: 125px; margin: 20px auto 0px; }
	#mainNav .mobile-menu-wrapper { top: 16px; }
	.mobile-trigger { right: 35px; }
	.mobile-trigger.trigger-open { right: 0px; }

}

@media only screen and (min-width : 640px) { 
	#mainNav .mobile-menu-wrapper { display: none !important; } 
}