@charset "UTF-8";
/* CSS Document */

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 500px;
	max-width: 768px;
}

/*header styles*/
header {
	height: 165px;
	margin-bottom: 1em;
}

header h1 {
	font-size: 3.2em;
	padding-left: 110px;
	line-height: 165px;
	width: 270px;
	margin: 0 auto;
	background: url(../_images/desolve_logo.png) no-repeat left center;
}

header h2 {
	display: none;
}

article .greyheader h2 {
	font-size:1.5em;
	line-height:.75em;
	font-weight:bold;
	padding-bottom: 2%;
	
}

/*nav styles*/
#mainNav {
	width: 100%;
	font-size: 90%;
	padding-bottom: 0;
	margin-bottom: 1em;
}
.topMenu {
	width: 450px;
	margin: 0 auto;
}

#mainNav li {
	margin-right: 5%;
	position: relative;
	width: auto;
}

#mainNav li:last-child {
	margin-right: 0;
}

#mainNav a, #mainNav h3 {
	font-size: 1em;
	text-align: center;
	cursor: pointer;
}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	padding-top: 1.1em;
	max-height: 0;
	-moz-transition:max-height 0.2s ease;
	-webkit-transition:max-height 0.2s ease;
	-o-transition:max-height 0.2s ease;
	transition:max-height 0.2s ease;
	overflow: hidden;
	z-index: 1000;
	position: absolute;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background: rgb(76, 67, 65);
	background: rgba(76, 67, 65, .8);
}
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {
	max-height: 20em;
}
#mainNav ul.submenu li a {
	border-bottom: 1px solid white;
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.1em;
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: rgb(123, 121, 143);
}

/*homepageIntro styles small version*/
.homepageIntro {
	padding-left: 3.9%;
	overflow: hidden;
	background: url(../_images/sm_homepage_banner.jpg) no-repeat;
	margin-bottom: 3em;
	position: relative;
}

.homepageIntro  {
	color: #000;
	text-align: center;
	margin-top: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

.homepageIntro p {
	width: 80%;
	margin: 0 auto;
	margin-top: 250px;
}

/*AIRIntro styles small version*/
.homepageAir {
	padding-left: 3.9%;
	overflow: hidden;
	background: url(/_images/sm-air-header.jpg) no-repeat;
	margin-bottom: 3em;
	position: relative;
}

.homepageAir  {
	color: #000;
	text-align: center;
	margin-top: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

.homepageAir p {
	width: 80%;
	margin: 0 auto;
	margin-top: 250px;
}




/*inews styles small version*/
.newspageIntro {
	padding-left: 3.9%;
	overflow: hidden;
	margin-bottom: 3em;
	position: relative;
}

.newspageIntro  {
	color: #000;
	text-align: center;
	margin-top: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

.newspageIntro p {
	width: 80%;
	margin: 0 auto;
	margin-top: 220px;
}

/*homepageIntro styles small version*/
.shallowBanner {
	padding-left: 3.9%;
	overflow: hidden;
	margin-bottom: 3em;
	position: relative;
	text-align: center;
	margin-top: 1em;
	font-family:Arial, Helvetica, sans-serif;
}


.shallowBanner  p {
	width: 80%;
	margin: 0 auto;
	margin-top: 250px;
}

	
.trespassheader {
	background: url(../_images/sm-tangled-header.jpg) no-repeat;	

}

.trespassheader {
	background: url(../_images/sm-trespass-header.jpg) no-repeat;	

}


.provnycheader {
	background: url(../_images/sm-provnycheader.jpg) no-repeat;	

}

.shoemakerheader {
	background: url(../_images/shoemaker/sm-shoemakerheader.jpg) no-repeat;	

}

.churchesheader {
	background: url(../_images/churches/sm-churchesheader.jpg) no-repeat;	

}
	
.careheader {
	background: url(/_images/residencies/sm-care-header.jpg) no-repeat;	

}
	
.zionheader {
	background: url(/_images/residencies/sm-zion-header.jpg) no-repeat;	

}

.tongassheader {
	background: url(/_images/residencies/sm-tongass-header.jpg) no-repeat;	

}

.canyondheader {
	background: url(/_images/residencies/sm-canyon-header.jpg) no-repeat;	

}

.petrifiedheader {
	background: url(/_images/residencies/sm-petrified-header.jpg) no-repeat;	

}

.chugachheader {
	background: url(/_images/residencies/sm-chugach-header.jpg) no-repeat;	

}


.dunesheader {
	background: url(/_images/residencies/sm-dunes-header.jpg) no-repeat;	

}

.mesaheader {
	background: url(/_images/residencies/sm-mesa-header.jpg) no-repeat;	

}

.apostleheader {
	background: url(/_images/residencies/sm-apostle-header.jpg) no-repeat;
}


.badlandsheader {
	background: url(../_images/sm-badlands-header.jpg) no-repeat;	

}

.acadiaheader {
	background: url(/_images/residencies/sm-acadia-header.jpg) no-repeat;
}

.glacierheader {
	background: url(/_images/residencies/sm-glacier-header.jpg) no-repeat;	

}

.capeheader {
	background: url(../_images/sm-capeheader.jpg) no-repeat;	

}

.rockiesheader {
	background: url(/_images/residencies/sm-rockies-header.jpg) no-repeat;	

}


/* article styles */
article {
	width: 92.2%;
	padding: 0 3.9%;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.6em;
	overflow: hidden;
	position: relative;
	padding-bottom: 1.6em;
}

article h1 {
	background: url(../_images/icon_sprites_50.png) no-repeat right top;
	padding: 20px 0 5px;
}

article h2 {
	font: 2.4em  Arial, Helvetica, sans-serif;
	float: left;
	clear: left;
	margin-bottom: 0;
	width: 40%;
}

article p {
	font-size: 1em;
	margin: 0;
	float: left;
	clear: left;
	width: 40%
}

article p.pubdate {
	font-size: 1em;
	text-transform: uppercase;
	float: left;
	clear: left;
	margin: 0 0 4em;
	width: 40%;
}

article .preview {
	height: 175px;
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
}

.story p {
	width: 92.2%!important;
	padding: 0 3.9%;
}


/*index page*/
.trespass .preview {
	background: url(../_images/sm-trespass-banner.jpg) no-repeat;
}

.trespass  {
height: 175px;}

.air .preview {
	background: url(../_images/sm-air-banner.jpg) no-repeat;
}

.air  {
height: 175px;}

.shoemaker .preview {
	background: url(../_images/sm-shoemaker-banner.jpg);
}

.shoemaker  {
height: 175px;}

.trains .preview {
	background: url(../_images/sm-trains-banner.jpg) no-repeat;
}

.trains  {
height: 175px;}

.russia .preview {
	background: url(../_images/sm-russia-banner.jpg) no-repeat;
}

.russia  {
height: 175px;}

.churches .preview {
	background: url(../_images/sm-churches-banner.jpg) no-repeat;
}

.churches  {
height: 175px;}

.landscapes .preview {
	background: url(../_images/sm-landscapes-banner.jpg);
}

.landscapes  {
height: 175px;}

.cityscapes .preview {
	background: url(../_images/sm-cityscapes-banner.jpg) no-repeat;
}

.cityscapes  {
height: 175px;}




.news .preview {
	background: url(../_images/news_banner.jpg) no-repeat;
}

/*residencies*/
	
	.care  {
height: 175px;}

.care .preview {
	background: url(/_images/residencies/sm-care-banner.jpg) no-repeat;
}
	
	
	.zion  {
height: 175px;}

.zion .preview {
	background: url(/_images/residencies/sm-zion-banner.jpg) no-repeat;
}


.tongass  {
height: 175px;}

.tongass .preview {
	background: url(/_images/residencies/sm-tongass-banner.jpg) no-repeat;
}

.canyon  {
height: 175px;}

.canyon .preview {
	background: url(/_images/residencies/sm-canyon-banner.jpg) no-repeat;
}

.petrified  {
height: 175px;}

.petrified .preview {
	background: url(/_images/residencies/sm-petrified-banner.jpg) no-repeat;
}

.chugach  {
height: 175px;}

.chugach .preview {
	background: url(/_images/residencies/sm-chugach-banner.jpg) no-repeat;
}

.dunes  {
height: 175px;}

.dunes .preview {
	background:url(/_images/residencies/sm-dunes-banner.jpg) no-repeat;
}

.mesa  {
height: 175px;}

.mesa .preview {
	background: url(/_images/residencies/sm-mesa-banner.jpg) no-repeat;
}

.badlands  {
height: 175px;}

.badlands .preview {
	background: url(/_images/residencies/sm-badlands-banner.jpg) no-repeat;
}

.glacier  {
height: 175px;}

.glacier .preview {
	background: url(/_images/residencies/sm-glacier-banner.jpg) no-repeat;
}

.apostle  {
height: 175px;}

.apostle .preview {
	background: url(/_images/residencies/sm-apostle-banner.jpg) no-repeat;
}

.acadia  {
height: 175px;}

.acadia .preview {
	background: url(/_images/residencies/sm-acadia-banner.jpg) no-repeat;
}

.cape {
height: 175px;}

.cape .preview {
	background: url(/_images/residencies/sm-cape-banner.jpg) no-repeat;
}

.rockies  {
height: 175px;}

.rockies .preview {
	background: url(/_images/residencies/sm-rockies-banner.jpg) no-repeat;
}




.writing .preview {
	background: url(../_images/sm_writing_banner.jpg) no-repeat;
}


/*gallery styles*/
#gallery h1 {
	font: 6.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: rgba(123, 121, 143,.8)
}


.intro p {
	font-size: .8em;
	margin: 0 0 1em;
	float: none;
	clear: none;
	width: auto;
}

.intro {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.photos {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.photos img {
	max-width: 100%;
	margin-bottom: .5em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*this is a substitute for .photos which you can remove if all is working*/
.floatGallery {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.floatGallery img {
	max-width: 100%;
	margin-bottom: .5em;
}
.floatGallery li {
	position: relative;
	float: none;
}

#gallery .floatGallery a:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}


/*contact styles*/
#contact ul li {
	width: 38%;
	display: inline-block;
}

#contact h2 {
	font-size: 1.4em;
	float: none;
	clear: left;
	margin-bottom: 1.5em;
	width: auto;
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}

/*aside styles*/
aside {
	width: 92.2%;
	padding: 0 3.9%;
}

aside section {
	clear: both;
}

aside h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
	border-top: 2px solid rgb(76, 67, 65);
	padding-top: .8em;
}

aside nav h2 {
	float: left;
	margin-right: 1em;
	font-size: 1.6em;
	border: none;
	padding-top: 0;
}

aside nav {
	margin-bottom: 2em;
}

aside nav ul {
	display: none;
}

nav select {
	float: left;
	margin-top: 1em;
	width: 200px;
}

.sidebar img {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}

.sidebar p {
	font-size: .9em;
	margin-bottom: 1.5em;
	width: 85%;
	line-height: 2;
}

.enter a {
	clear: both;
	display: block;
}

/*footer styles*/
#pageFooter {
	clear:both;
	height: 250px;
}


#pageFooter p {	
	margin-left: 3.9%;
	text-align: left
}
}