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

/*desktop styles*/
@media only screen and (min-width:769px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1280px;
}
/*header styles*/
header {
	height: 40px;
	margin-bottom: 1em;
}

header h1 {
	font-size: 2em;
	padding-top: .5%;
	line-height: 32px;
	margin-right: .5em;
	float: left;
	margin-left: 3.9%;/* fixes nasty 1px header fitting problem*/
	display: inline;
}

header h2 {
	font-family:   Arial, Helvetica, sans-serif;
	padding-top: .5%;
	font-weight:normal;
	font-size: 1.4em;
	color: #fff;
	float: left;
	letter-spacing:.1em;
	line-height: 32px;
}

/*nav styles*/
#mainNav {
	padding-left: 2%;
	margin-bottom:.875em;/*this controls the margin below the main nav*/
}
#mainNav li {
	margin-right: 1%;
	position: relative;
}
#mainNav a, #mainNav h3 {
	font-size: 1em;/*this controls the main nav menu font-size*/
	text-align: center;
	padding: 0 1em;
}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	padding-top: 2.4em;
	left: -8000em;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
	z-index: 1000;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background: rgb(76, 67, 65);
	background: rgba(76, 67, 65, .9);
}
#mainNav li:hover ul {
	left: 0;
	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: .875em;/*this controls the drop down menu font-size*/
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: rgb(123, 121, 143);
}





/*homepageIntro styles - deep header*/
.homepageIntro {
	height: 350px;
	padding-left: 3.9%;
	overflow: hidden;
	background: url(../_images/homepage_banner.jpg) no-repeat;
	margin-bottom: 1em;
	position: relative;
	background-color: #fff;
}

.homepageIntro h1 {
	font-size: 2.5em;
	color: #033;
	padding-top: 290px;

}

.homepageIntro p {
	width: 21%;
	padding: 1% 1% 0;
	height: 350px;
	font-size: 1em;
	color: #99ccff;
	background: rgba(0,0,0, .6);
	position: absolute;
	top: 0;
	right: 0;
}


.caption
{font-size: 1em;
line-height:1em;}

/*homepageair styles - deep header*/
.homepageAir {
	height: 350px;
	padding-left: 3.9%;
	overflow: hidden;
	background: url(../_images/air-header.jpg) no-repeat;
	margin-bottom: 1em;
	position: relative;
	background-color: #fff;
}

.homepageAir h1 {
	font-size: 3.2em;
	color: #fff;
	padding-top: 290px;
	letter-spacing:.1em;
}

.homepageAir p {
	width: 21%;
	padding: 1% 1% 0;
	height: 350px;
	font-size: 1.2em;
	color: #fff;
	background: rgba(0,0,0, .6);
	position: absolute;
	top: 0;
	right: 0;
}

/*homepage WORDS styles - deep header*/
.homepageWords {
	height: 350px;
	padding-left: 3.9%;
	overflow: hidden;
	background: url(../_images/words-banner.jpg) no-repeat;
	margin-bottom: 1em;
	position: relative;
	background-color: #fff;
}

.homepageWords h1 {
	font-size: 3.2em;
	color: #fff;
	padding-top: 290px;
	letter-spacing:.1em;
}

.homepageWords p {
	width: 21%;
	padding: 1% 1% 0;
	height: 350px;
	font-size: .9em;
	color: #fff;
	background: rgba(0,0,0, .6);
	position: absolute;
	top: 0;
	right: 0;
}


/*shallow banners for individual painting series and journals styles*/
.shallowBanner {
	padding-left: 3.9%;
	overflow: hidden;
	position: relative;
}


.shallowBanner p {
	padding-top:190px;
	padding-bottom: 10px;
	padding-right: 300px;
	position: relative;
}

.shallowBanner h2 {
	width: 70%;
	padding: .5% 0 .5% 1%;
	line-height:1.25em;
	background-color:#ccc;
	margin: 0;
	font: .85em Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
}

/*header background art for above*/

.npsheader {
	background: url(../_images/teaching/npsheader.jpg) no-repeat;
}

.trespassheader {
	background: url(../_images/trespassheader.jpg) no-repeat;
}


.tangledheader {
	background: url(../_images/tangledheader.jpg) no-repeat;
}


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

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

.russiaheader {
	background: url(../_images/russia/large-russia-header.jpg) no-repeat;
}

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

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

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

.denaliheader {
	background: url(/_images/residencies/denali-header.jpg) no-repeat;
}


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

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


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

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

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

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

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

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

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

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


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

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



/* article styles */
article {
	float: left;
	width: 70.1%;
	padding-left:3.9%;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 0em;
}

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

article h2 {
	font: 2em Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: .1em;
}

article .greyheader h2 {
	width: 99%;
	padding: 0 0 0 1%;
	line-height:.2em;
	background-color:#7D7D7D;
	margin: 0;
}

article .greyheader h2 a {
	font: .7em Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
}

article .greyheader h2 a:hover {
	color: #FAE1A6;
}

article p {
	font-size:1.2em;
	margin: .2em 0em 1em 0em;
	text-align: right;
}

article h6 {
	font-size:.75em;
	margin: .8em 0;
	text-align: left;
	padding-left:3%;
	padding-top:5%;
}

article p.pubdate {
	font-size: 1em;
	text-transform: uppercase;
	float: right;
	padding-top: .8em;
	margin:0;
}

article .preview {
	height: 250px;
	clear:both;
}

article .thumb {
	padding-right: 3%;
	float: left;
}

/*round corner index banners for homepage*/
	
.tangled .preview {
	background: url(../_images/tangled-banner.jpg) no-repeat;
}

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

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


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

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

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

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

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

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

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



/*round corner index banners for residency page*/
	
.care .preview {
	background: url(../_images/residencies/care-banner.jpg) no-repeat;
}
	
.zion .preview {
	background: url(../_images/residencies/zion-banner.jpg) no-repeat;
}

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


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

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

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

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

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

.badlands .preview {
	background: url(../_images/residencies/badlands-banner.jpg);
}
.glacier .preview {
	background: url(../_images/residencies/glacier-banner.jpg);
}
.apostle .preview {
	background: url(../_images/residencies/apostle-banner.jpg);
}

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

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

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




.story p {
	text-align:left;
	font-size:1em;
	width: 92.2%;
	padding: 0 3.9%;
}

.quote   {
	font-style:italic!important;
	padding-left:6%!important;
}

.story h2 {
	display:block;
}

.story-right img {
	float: right;
	padding: 0 0 4% 4%!important;
}

.story-left img {
	float:left;
	padding: 0 4% 4% 0!important;
}


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


/*this controls the text over the individual series pages like chugach.htm*/
.intro {
	-moz-column-count: 1;
	-moz-column-gap: 1em;
	-webkit-column-count: 1;
	-webkit-column-gap: 1em;
	column-count: 1;
	column-gap: 1em;
	margin-bottom: 1em;
}

.photos {
	-moz-column-count: 4;
	-moz-column-gap: 1em;
	-webkit-column-count: 4;
	-webkit-column-gap: 1em;
	column-count: 4;
	column-gap: 1em;
	margin-bottom: 2em;
	padding-top: 2em;
	background-color: #000;
	background-repeat: no-repeat;
}


.floatGallery {
	margin-bottom: 2em;
	background-repeat: no-repeat;
	color: #000;
	font-size:1.25em;

}

.floatGallery img {
	display:inline;
	float: left;
	max-width: 20%;
	margin: 1em 0;
	padding-right: 10%;
}

/*still trying to figure this out
#gallery .floatGallery img a:hover:after {
	content: attr(title);
	display: block;
	width: 80%;
	position: absolute;
	top: 7%;
	left: 10%;
	line-height: 3em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}
*/

/*3 column thumbnail float*/

.floatGallery3 {
	margin-bottom: 2em;
	background-repeat: no-repeat;
	color: #000;
	font-size:1.25em;

}

.floatGallery3 img {
	display:inline;
	float: left;
	max-width: 26%;
	margin: 2em 0;
	padding-right: 6%;
}


.photos img {
	max-width: 20%;
	margin: 2em 0;
	padding-left: 10%;
	
}

.photos p {
	padding: 10px 0px 0px 8px;
	max-width: 100%;
	margin-bottom: .5em;
	color: #fff;
}
.photos li {
	position: relative;
	float: none;
}

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



/*contact styles*/
.social {
	float: left;
	width: 48%;
}
.contact {
	float: right;
	width: 48%;
}
#contact ul {
	list-style: none;
	height: auto;
	margin-top: 1em;
}

#contact li {
	display: inline-block;
	width: 5px;
}

#contact h2 {
	float: none;
	margin: 1em 0 0;
}
#contact p + h2 {
	margin-top: 2em;
}

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

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


/*aside styles - the right handed nav*/
aside {
	float: right;
	width: 19.1%;
	padding-right: 3.9%;
}

aside h2 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1em;
	clear: both;
}

aside nav {
	margin-bottom: 2em;
}

aside nav a {
	display:block;
	padding-left: 16px;
	border: none;
	color: rgb(76, 67, 65);
	line-height: 2em;
	margin-bottom: 1px;
}

aside nav li {
	background: #B7B7B7;
}

aside nav li:nth-child(even) {
	background: #CCC;
}

aside nav a:hover {
	color: #fff;
	border:none;
	background: rgb(100, 98, 102);
}


/*aside styles - the right handed nav*/




aside nav a .airnav {
	display:block;
	padding-left: 16px;
	border: none;
	color: #4FBA67!important;
	line-height: 2em;
	margin-bottom: 1px;
}



.sidebar img {
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}

.sidebar p {
	font-size: .9em;
	margin: 0 auto 1.5em;
}

.enter a {
	float: right;
}

/*footer styles*/

#pageFooter {
	clear:both;
	overflow:hidden;
	height: 150px;
}

#pageFooter form {
	float: left;
	margin-left: 3.9%;
	display: inline;
}

.notice {
	width: 90%;
	text-align:left!important;
	font-size: 12px;

}

#pageFooter p {
	float: right;
	clear: right;
	margin-right: 3.9%;
	text-align: right;
}
#pageFooter label {
	display: block;
	font-size: 1.2em;
	text-transform:uppercase;
}

#pageFooter a {
	
}
}