/*
Theme Name: New Shelter Plan
*/


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-family: HelveticaLTStd-Light;
	background: #fff;
	width: 100%;
}

img {
	-ms-interpolation-mode: bicubic;
}


b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}



ul {
	list-style: none;
	width: 100%;
}

.name, .name a, .name a:visited {
	color: #222;
	letter-spacing: .01em;
}

.name a:hover, .name a:visited:hover {
	color: #222;
}


/* ===================== LINKS ===================== */

a, a:visited {
	color: #000;
	text-decoration: none;
	padding-bottom: 1px;
}

a:hover, a:visited:hover {
	color: #222;
	text-decoration: none;
	padding-bottom: 1px;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

.section {
	width: 100%;
	height: auto;
}








/* ===================== HEADER =====================  */

#headercontainer {
	font-family: HelveticaLTStd-Light;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 40px 0 40px;
	background-color: #fff;
	z-index: 30000;
}

#headerleft {
	width: 50%;
	height: 85px;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #000;
}

#headerright {
	width: 50%;
	background-color: #fff;
	float: left;
	height: 85px;
	border-bottom: 1px solid #000;
}

#logotype {
	font-size: 12pt;
	width: 133px;
	color: #000;
	letter-spacing: .01em;
	margin-top: 35px;
	padding-bottom: 5px;
	letter-spacing: .02em;
}

#logotype:hover {
border-style: solid;
border-width: 0px 0px 6px;
-moz-border-image: url(http://newshelterplan.com/navimgs/homepageline.gif) 0 0 12 stretch;
-webkit-border-image: url(http://newshelterplan.com/navimgs/homepageline.gif) 0 0 12 stretch;
-o-border-image: url(http://newshelterplan.com/navimgs/homepageline.gif) 0 0 12 stretch;
border-image: url(http://newshelterplan.com/navimgs/homepageline.gif) 0 0 12 stretch;
}


.calendar:hover {
	padding-bottom: 5px;
	border-style: solid;
	border-width: 0px 0px 6px;
	-moz-border-image: url(http://newshelterplan.com/navimgs/calendarline.gif) 0 0 12 stretch;
	-webkit-border-image: url(http://newshelterplan.com/navimgs/calendarline.gif) 0 0 12 stretch;
	-o-border-image: url(http://newshelterplan.com/navimgs/calendarline.gif) 0 0 12 stretch;
	border-image: url(http://newshelterplan.com/navimgs/calendarline.gif) 0 0 12 stretch;
}

.artists:hover {
padding-bottom: 5px;
border-style: solid;
border-width: 0px 0px 6px;
-moz-border-image: url(http://newshelterplan.com/navimgs/artistsline.gif) 0 0 12 stretch;
-webkit-border-image: url(http://newshelterplan.com/navimgs/artistsline.gif) 0 0 12 stretch;
-o-border-image: url(http://newshelterplan.com/navimgs/artistsline.gif) 0 0 12 stretch;
border-image: url(http://newshelterplan.com/navimgs/artistsline.gif) 0 0 12 stretch;
}

.contact:hover {
padding-bottom: 5px;
border-style: solid;
border-width: 0px 0px 6px;
-moz-border-image: url(http://newshelterplan.com/navimgs/contactline.gif) 0 0 12 stretch;
-webkit-border-image: url(http://newshelterplan.com/navimgs/contactline.gif) 0 0 12 stretch;
-o-border-image: url(http://newshelterplan.com/navimgs/contactline.gif) 0 0 12 stretch;
border-image: url(http://newshelterplan.com/navimgs/contactline.gif) 0 0 12 stretch;
}


.info:hover {
padding-bottom: 5px;
border-style: solid;
border-width: 0px 0px 6px;
-moz-border-image: url(http://newshelterplan.com/navimgs/infoline.gif) 0 0 12 stretch;
-webkit-border-image: url(http://newshelterplan.com/navimgs/infoline.gif) 0 0 12 stretch;
-o-border-image: url(http://newshelterplan.com/navimgs/infoline.gif) 0 0 12 stretch;
border-image: url(http://newshelterplan.com/navimgs/infoline.gif) 0 0 12 stretch;
}

#rightlinks {
	font-size: 10pt;
	color: #000;
	margin-top: 38px;
	padding: 0;
}

#rightlinks li {
	list-style-type: none;
	display: inline;
	margin-right: 86px;
}

rightlinks li a, rightlinks li a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 0;
}

rightlinks li a:hover, rightlinks li a:visited:hover {
	text-decoration: none;
	border-bottom: 0;
	color: #000;
}

rightlinks li {
	margin-bottom: 5px;
	letter-spacing: .02em;
	display: inline;
	margin-right: 20px;
	border-bottom: 0;
}

rightlinks li:last-child { 
	margin-right: 0;
}
 

/* ===================== HOMEPAGE ===================== */

#homepagecontainer {
	width: 100%;
	max-width: 2400px;
	padding-left: 40px;
	margin-top: 130px;
}

.hpimg {
	height: 350px;
	width: 258px;
	float: left;
	margin: 0 35px 35px 0;
	position: relative;
}

.hpimg:hover .homepagecaption {
    opacity: .8;
}

.hpimg img {
	height: 350px;
}

.homepagecaption {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    opacity: 0;
    background-color: #fff;
    transition: all 0.5s ease;
    color: #000;
}

.captionbox {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	height: 60px;
	margin-top: -30px;
	letter-spacing: .01em;	
	opacity: 1;
}


.exhibtitle {
	font-size: 11pt;
	margin-bottom: 4px;
}

.exhibdates {
	font-size: 10pt;
	margin-bottom: 8px;
}


.exhibcategory {
	font-size: 9pt;
}

#cats {
	position: fixed;
	right: -195px;
	top: 60%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	z-index: 1000000000;
	width: 470px;
	padding-bottom: 2px;
}

#cats a:hover, a:visited:hover {
	border-bottom: 1px solid #000;
}

.catsdiv {
	font-size: 9pt;
	margin-right: 25px;
	float: left;
}

/* ===================== EXHIBITION ===================== */

#exhibitioncontent {
	margin-top: 130px;
	margin-left: 0;
	padding-right: 40px;
}

#exhibitioncontent li {
	float: left;
}

.exhibimg {
	margin-right: 35px;
}

.exhibimg img {
	height: 600px;
	width: auto;
}


#leftcol {
	width: 259px;
	margin-left: 40px;
	margin-right: 60px;
	font-size: 10pt;
	letter-spacing: .01em;
	line-height: 13pt;
	float: left;
}

#leftcol p {
	margin-bottom: 20px;
}

#rightcol {
	font-family: Palatino;
	color: rgba(115, 115, 115, 1);
	text-align: justify;
	width: 440px;
	margin-right: 70px;
	font-size: 10pt;
	letter-spacing: .01em;
	line-height: 13pt;
	float: left;
}

#rightcol p {
	margin-bottom: 12px;
}

.exhibitiontitle {
	font-size: 11pt;
}

.exhibcaption {
	margin-top: 8px;
	font-size: 10pt;
	letter-spacing: .01em;
}

/*===================== CONTACT =====================  */


#contactcontainer {
	margin-top: 130px;
}

#contactcontainer li {
	float: left;
}

#leftcolcontact {
	padding-left: 0;
	float: left;
	margin-right:40px;
}

#rightcolcontact {
	float: left;
}

#rightcolcontact li {
	float: left;
	list-style-type: none;
}

#rightcolcontact img {
	width: 594px;
}

#rightcolcontact p {
	margin-bottom: 20px;
	width: 440px;
}

#leftcol2 {
	float: left;
	width: auto;
	font-size: 10pt;
	letter-spacing: .01em;
	line-height: 13pt;
	padding-top: 37px;
}

#leftcol2 p {
	margin-bottom: 5px;
}

input[type="text"], input[type="email"] {
	font-family: HelveticaLTStd-Light;
    border: 0px solid #DADADA;
    border-bottom: 1px solid #000;
    color: #000;
    letter-spacing: .02em;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 0;
    width: 200px;
    font-size: 10pt;
	height: 25px;
    box-shadow: none 0px 1px 4px #ECECEC;
    -moz-box-shadow: none 0px 1px 4px #ECECEC;
    -webkit-box-shadow: none 0px 1px 4px #ECECEC;
}

input[type="submit"] {
	background-color: #fff;
    display: block;
    font-size: 11pt;
    padding-top: 5px;
	font-family: HelveticaLTStd-Light;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	border: 1px solid #000;
}


/*===================== ARTISTS & CALENDAR PAGES =====================  */


#artistscalendarcontainer {
	margin-top: 130px;
	padding: 0 40px 0 40px;
	width: 100%;
}

.artistsul, .calendarul {
	font-size: 10pt;
	letter-spacing: .02em;
	height: 23px;
	margin-bottom: 20px;
	clear: both;
	width: 1200px;
}

.artistsul li, .calendarul li {
	float: left;
	margin-right: 70px;
	display: block;
}

.underline {
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
}

/*===================== SPECIAL EXHIB =====================  */

.spec_exhib {
	position: absolute;
	width: 440px;
	color: #fff;
}

.spec_exhib p {
	text-align: justify;
	font-size: 10pt;
	font-family: Palatino, serif;
}

.spec_exhib img {
	margin-bottom: 35px;
}




/*===================== Elements =====================  */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}


/* ===================== Accessibility ===================== */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


/* ===================== Clearings =====================  */

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}


/* ===================== Media Queries ===================== */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* ===================== DESKTOPS @ NARROW ===================== */

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

}

/* ===================== IPAD ===================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.artistsul li, .calendarul li {
	float: left;
	margin-right: 15px;
	display: block;
}



#leftcol {
	width: 200px;
	margin-left: 40px;
	margin-right: 60px;
	font-size: 10pt;
	letter-spacing: .01em;
	line-height: 13pt;
	float: left;
}

#rightcol {
	width: 420px;
	margin-right: 0px;
	float: left;
}





}


/* ===================== IPAD LANDSCAPE ===================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) {

#rightlinks li {
	margin-right: 66px;
}

#rightcol {
	margin-right: 40px;
}

#headerleft {
	width: 480px;
	height: 85px;
	float: left;
}

#headerright {
	width: 450px;
	background-color: #fff;
	float: left;
	height: 85px;
}

input[type="text"], input[type="email"] {
    width: 150px;
}

#rightcolcontact img {
	width: 450px;
}

}

/* ===================== IPAD PORTRAIT ===================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) {

#headerleft {
	width: 344px;
	height: 85px;
	float: left;
}

#rightcol {
	margin-right: 40px;
}

#headerright {
	width: 344px;
	background-color: #fff;
	float: left;
	height: 85px;
}

#rightlinks li {
	margin-right: 40px;
}

#leftcolcontact {
	width: 100%;
	padding-left: 0px;
	float: left;
}

#rightcolcontact {
	width: 100%;
	float: left;
	margin-left: 40px;
}

#leftcol2 {
	float: left;
	width: 30%;
	margin-left: 20px;
}



}



/* ===================== Safari 6.1-8.0 (6.1+) ===================== */

@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0)
and (max-width : 450px) { 



}

/* ===================== IPHONE 5 ===================== */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {

#headercontainer {
	position: fixed !important;
	padding: 0 20px 0 20px;
	z-index: 30000;
	width: 320px;
}

#headerleft {
	width: 280px;
	height: 10px;
	float: none;
	background-color: #fff;
	border-bottom: 0px solid #000;
}

#headerright {
	width: 280px;
	float: none;
	height: 40px;
	border-bottom: 1px solid #000;
}


#exhibitioncontent li {
	float: none;
	width: 280px;
}

#leftcol {
	width: 280px;
	margin-left: 20px;
	padding-top: 20px;
	font-size: 10pt;
	float: none;
}


#rightcol {
	margin-left: 20px;
}

#rightcol p {
	width: 280px;
}

#rightlinks li {
	margin-right: 29px;
}

#homepagecontainer {
	padding-left: 20px;
	margin-top: 150px;
}

#cats {
	display: none;
}

.exhibimg {
	width: 280px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.exhibimg img {
	width: 280px;
	height: auto;
}

html, body {
	overflow-x: hidden;
}

.hpimg {
	height: auto;
	width: 280px;
	margin: 0 0 35px 0;
}

.hpimg img {
	width: 280px;
}

#artistscalendarcontainer {
	margin-top: 130px;
	padding: 20px 20px 0 20px;
	width: 100%;
}


.calendarul li {
	float: left;
	width: 100%;
	line-height: 18pt;
}

.calendarul li.aaa {
	display: none;
}

li.bbb {
	padding-bottom: 10px;
}

.calendarul li.ccc {
}

#leftcolcontact {
	width: 280px;
	padding-left: 0px;
	float: none;
}

#rightcolcontact {
	width: 280px;
	float: none;
	margin-left: 40px;
}

#leftcol2 {
	float: none;
	padding-top: 0;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 80px;
}

#contactcontainer li {
	float: none;
}

#contactcontainer {
	margin-top: 130px;
	width: 280px;
	padding: 0;
}

.spec_exhib {
	width: 280px;
	color: #fff;
}

.spec_exhib p {
	text-align: justify;
	font-size: 10pt;
	font-family: Palatino, serif;
}

.spec_exhib img {
	margin-bottom: 35px;
	max-width: 280px;
	height: auto;
}
}


/* ===================== IPHONE 5 ===================== */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {

html, body {
	overflow-x: hidden;
}

#rightlinks li {
	list-style-type: none;
	display: inline;
	margin-right: 15px;
}

.hpimg {
	height: 300px;
	width: 221px;
	margin: 0 35px 35px 0;
}

.hpimg:hover .homepagecaption {
    opacity: .8;
}

.hpimg img {
	height: 300px;
}

#cats {
	display: none;
}

#rightlinks li {
	margin-right: 15px;
}

#headerleft {
	width: 240px;
	height: 85px;
	float: left;
}

#headerright {
	width: 240px;
	background-color: #fff;
	float: left;
	height: 85px;
}

#headercontainer {
	position: fixed !important;
	padding: 0 20px 0 20px;
	z-index: 30000;
	width: 568px;
}


#exhibitioncontent li {
	float: none;
	width: 528px;
}

#leftcol {
	width: 528px;
	margin-left: 40px;
	padding-top: 20px;
	font-size: 10pt;
	float: none;
}


#rightcol p {
	margin-left: 40px;
	width: 480px;
}

.exhibimg {
	width: 480px;
	margin-left: 40px;
	margin-bottom: 20px;
}

.exhibimg img {
	width: 480px;
	height: auto;
}

#artistscalendarcontainer {
	margin-top: 110px;
}

li.aaa {
	display: none;
}

.artistsul, .calendarul {
	font-size: 9pt;
}

.artistsul li.ddd {
	display: none;
}

.artistsul li {
	float: left;
	width: 100%;
	line-height: 18pt;
	margin-right: 10px;	
}

#leftcolcontact {
	width: 480px;
	padding-left: 0px;
	float: none;
}

#rightcolcontact {
	width: 480px;
	float: none;
	margin-left: 40px;
}

#leftcol2 {
	float: none;
	padding-top: 0;
	width: 480px;
	margin-left: 40px;
	margin-bottom: 80px;
}

#contactcontainer li {
	float: none;
}

#contactcontainer {
	margin-top: 100px;
}

.spec_exhib {
	width: 280px;
	color: #fff;
}

.spec_exhib p {
	text-align: justify;
	font-size: 10pt;
	font-family: Palatino, serif;
}

.spec_exhib img {
	margin-bottom: 35px;
	max-width: 280px;
	height: auto;
}

}

/* ===================== IPHONE6 PORTRAIT ===================== */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

#headerleft {
	width: 335px;
}

#headerright {
	width: 335px;
}

#headerright ul#rightlinks li {
	margin-right: 35px;
}

#exhibitioncontent li {
	width: 335px;
}

#leftcol {
	width: 335px;
	margin-left: 20px;
	padding-top: 20px;
	font-size: 10pt;
	float: none;
}


#rightcol {
	margin-left: 20px;
}

#rightcol p {
	width: 335px;
}

#rightlinks li {
	margin-right: 29px;
}

#homepagecontainer {
	padding-left: 20px;
	margin-top: 150px;
}

.hpimg img {
	width: 335px;
	height: auto;
}

#cats {
	display: none;
}

.exhibimg {
	width: 335px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.exhibimg img {
	width: 335px;
	height: auto;
}

html, body {
	overflow-x: hidden;
}

.hpimg {
	height: auto;
	width: 335px;
	margin: 0 0 35px 0;
}



#artistscalendarcontainer {
	margin-top: 130px;
	padding: 20px 20px 0 20px;
	width: 100%;
}


.calendarul li {
	float: left;
	width: 100%;
	line-height: 18pt;
}

.calendarul li.aaa {
	display: none;
}

li.ddd, li.eee, li.bbb {
	display: none;
}

.calendarul li.ccc {
}

#leftcolcontact {
	width: 335px;
	padding-left: 0px;
	float: none;
}

#rightcolcontact {
	width: 335px;
	float: none;
	margin-left: 40px;
}

#leftcol2 {
	float: none;
	padding-top: 0;
	width: 335px;
	margin-left: 20px;
	margin-bottom: 80px;
}

#contactcontainer li {
	float: none;
}

#contactcontainer {
	margin-top: 130px;
	width: 335px;
	padding: 0;
}

#special_exhibitions {
	position: fixed;
	top: 0;
	left: 0;
	width: 3000px;
	height: 2494px;
	background-color: #222;
}

.spec_exhib {
	width: 280px;
	color: #fff;
}

.spec_exhib p {
	text-align: justify;
	font-size: 10pt;
	font-family: Palatino, serif;
}

.spec_exhib img {
	margin-bottom: 35px;
	max-width: 280px;
	height: auto;
}


}



/* ===================== IPHONE 6 LANDSCAPE ===================== */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

html, body {
	overflow-x: hidden;
}

#rightlinks li {
	list-style-type: none;
	display: inline;
	margin-right: 15px;
}

.hpimg {
	height: 339px;
	width: 250px;
	margin: 0 35px 35px 0;
}

.hpimg:hover .homepagecaption {
    opacity: .8;
}

.hpimg img {
	height: 339px;
}

#cats {
	display: none;
}

#rightlinks li {
	margin-right: 15px;
}

#headerleft {
	width: 290px;
	height: 85px;
	float: left;
}

#headerright {
	width: 290px;
	background-color: #fff;
	float: left;
	height: 85px;
}


#exhibitioncontent li {
	float: none;
	width: 528px;
}

#leftcol {
	width: 580px;
	margin-left: 40px;
	padding-top: 20px;
	font-size: 10pt;
	float: none;
}


#rightcol p {
	margin-left: 40px;
	width: 580px;
}

.exhibimg {
	width: 580px;
	margin-left: 40px;
	margin-bottom: 20px;
}

.exhibimg img {
	width: 580px;
	height: auto;
}

#artistscalendarcontainer {
	margin-top: 110px;
}

li.aaa {
	display: none;
}

.artistsul, .calendarul {
	font-size: 9pt;
}

.artistsul li.ddd {
	display: none;
}

.artistsul li {
	float: left;
	width: 100%;
	line-height: 18pt;
	margin-right: 10px;	
}

#leftcolcontact {
	width: 480px;
	padding-left: 0px;
	float: none;
}

#rightcolcontact {
	width: 480px;
	float: none;
	margin-left: 40px;
}

#leftcol2 {
	float: none;
	padding-top: 0;
	width: 480px;
	margin-left: 40px;
	margin-bottom: 80px;
}

#contactcontainer li {
	float: none;
}

#contactcontainer {
	margin-top: 100px;
}

}


/* ===================== GOOGLE NEXUS ===================== */

@media screen and (device-width: 604px) 
and (device-height: 966px) {


}

@media screen and (device-width: 600px) 
and (device-height: 960px) {



}