/*
 Theme Name:   Blank Slate Child
 Theme URI:    http://squarecandy.net
 Description:  Blank Slate Child Theme
 Author:       Square Candy Design
 Author URI:   http://squarecandydesign.com
 Template:     blankslate
 Version:      1.0.0
 Text Domain:  blankslate-child
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; 
}
body {
    font-size: 16px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	line-height: 1.3;
}

h2 {font-size: 26px;}
h3 {font-size: 20px;}

ul {margin: 0 0 20px 25px;}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


video {
  width: 100%    !important;
  height: auto   !important;
}
figure {width: 100% !important; margin: 0; padding: 0;}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

blockquote {
    margin: 0 35px;
    padding-left: 35px;
    border-left: 1px solid #ddd;
    color: #888;
}
/* =Fonts
-------------------------------------------------------------- */

a {outline:none;}
a {color:#666; text-decoration:none;}
a:hover {color:#222;}
body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}
.entry-content a{color: #999;}
.entry-content a:hover {color: #666; text-decoration:underline;}


/* Clear fix */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/* =Structure
-------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
   a.button { -webkit-font-smoothing: antialiased; }
}


p {margin-bottom:20px;}
body {
    background-color:#e8e6e6;
    background-image: url('images/strings.png');
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 500px;
    color: #666666; 
    margin: 0;
    padding: 0;
}
#wrapper{width: 980px; margin:0 auto; padding-top:40px; position:relative;}
#main {background-color:#ffffff; background-color: rgba(255,255,255,0.8);}
#container {padding-bottom: 20px;}
.entry-title{width: 100%; padding:0px 35px; font-size:30px;}
.entry-title h1{font-size:30px;}
#strings {position:absolute; margin-top:-40px; width:960px; height:auto; margin-left:10px; z-index:500; }
#header{height: 50px; position:relative;}

#nav {z-index:2000; width: 100%; font-size:16px; line-height: 18px; margin-top:18px; text-transform:uppercase; padding-bottom:20px; }
#nav ul {text-align: right; width: 100%; margin: 0; padding: 0; height: 20px;}
#nav ul ul {height: auto;}
#nav li{position:relative !important; display: inline-block; list-style:none; z-index:2000; margin:0 20px 0 0; padding: 0; text-align: left; background: #e8e6e6; background: rgba(232,230,230,0.7); vertical-align: top;}
#nav li a {display: inline-block; }
#nav li.menu-item-has-children:hover > a {color: #222;}
#nav li.current-menu-item > a,
#nav li.current-menu-item > a:hover,
#nav li.current-menu-ancestor > a,
#nav li.current-menu-ancestor > a:hover {color: #444;}
#nav li ul{display:block; visibility:hidden; position:absolute; padding-top:20px; width:140px; background-color:#e8e6e6; margin-left:-25px; padding-left:25px; padding-bottom: 0px; font-size:12px;}
#nav li ul li{display: block; margin-bottom:3px; float:none;}
#nav li ul li a {padding-bottom: 10px;}

#nav li:hover ul{ visibility:visible; display:block;}


.menu-toggle {
  padding: 10px 10px 10px 28px;
  color: #fff;
  position: relative;
  font-size: 19px;
  font-size: 1.9rem;
}
.menuicon {
  display: block;
  width: 20px;
  height: 4px;
  border-radius: 2px;
  background: #999;
  position: absolute;
  left: 0;
  top:3px;
}
.menuiconbar1 {top:15px;}
.menuiconbar2 {top:21px;}
.menuiconbar3 {top:27px;}

#menu-item-348 a {
    background: url('images/facebook.png') 0 0 no-repeat;
    text-align: left;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
    width: 20px;
    height: 20px;
    display: block;
}


.wp-audio-shortcode {margin: 20px 0;}

#logo {z-index:1000; position:absolute;}
#copy{float: right; font-size:11px; margin:20px 0;}

.entry-content{ margin: 10px 35px 25px 300px;}
.members-content {margin: 10px 35px 25px 300px;}

.media-content { margin: 10px 35px 25px;}

#thumb {position:absolute; left:-30px; margin-top: 20px;}
#container {position:relative; padding-top: 25px;}


#splash-top { position:relative; top:0px}
.splash-content{line-height:22px; position:relative; padding-bottom:40px; margin-top:10px; padding-left:35px;}
#splash-img {position: absolute; left:-20px; top:-10px;}
#splash-img img{height: 270px; width: auto;}
#splash-right h2 {font-weight: normal; margin-bottom:10px;}
#about {padding:10px 35px;  line-height:24px;}
#splash-left {width: 395px; float: left; margin-left:0px;}
#splash-right {width: 460px; float: left; margin-left:35px;}
#splash-main-image img { width: 550px; height: auto;}
#splash-events { text-align:left; margin-bottom:20px;}
.event-homepage-description,
.event-description-more,
.event-description {font-size: 14px; line-height: 1.5; margin-top: 14px;}

.event-single-description {margin-top: 25px;}
.event-single-description-more {margin-top: 0;}
.event-description-more {display: none; margin-top: 0;}

span.more-toggle {display: block; text-align: center;}
span.more-toggle-line {display: block; border: 0; border-top: 1px solid #ddd; height: 0; text-align: center;}
a.more-toggle-link { color: #999; font-size: 12px; line-height: 12px; display: inline-block; padding: 0 5px; background: #fff; background: rgba(255,255,255,0.9); position: relative; top: -14px;}

.press-single,
.splash-event {margin-top: 15px; padding: 15px 15px 0; border-top: 1px solid #ccc;}

.datetime, .datetime a {font-weight: bold; color: #8ba0ac; transition: color 0.15s linear;}
.datetime a:hover {color:#5678ac;}

a.button,
a.tix {background: #8ba0ac; font-size: 12px; line-height: 12px; font-weight: bold; color: #fff; display: inline-block; padding: 3px 5px; margin-left: 8px; border-radius: 4px; vertical-align: baseline; transition: background-color 0.15s linear;}
a.button:hover,
a.tix:hover {background: #5678ac;}

.text-below-photo {margin-top: 25px;}

#splash-press2 { text-align:left; padding-left:0px; line-height:16px; padding-right:5px; margin-bottom:20px;}
#splash-press2 span {font-size: 14px !important;}
#splash-press2 p {margin-bottom: 0px;}

.press-content{margin: 10px 100px;}
.press-content p {text-align: right;}
.press-content p strong:before { content: "\2014";}
.press-content h3 {margin-top: 35px;}

.caption {font-style: italic; font-size: 11px; line-height: 14px; margin:5px 30px 0 35px;}
.page-id-22 h2 {margin-left:10px; margin-bottom:20px; margin-top: 40px;}
.page-id-22 .press-single {padding: 10px 65px 0;}
.page-id-22 .press-single p {margin-bottom:0px;}
.read {font-size: 12px; margin-left:5px;}
.page-id-22 #content {padding-bottom: 40px;}
.press-single-moreinfo {font-size: 14px; margin-left: 35px;}

#press-articles {margin: 10px 35px;}

.events-backto {margin: 35px; font-size: 14px; text-transform: uppercase;}
.events-backto h2 {font-size: 16px; color: #aaa;}
.events-backto p {margin: 10px 0 10px 15px;}

.event-content{}

.event {width: 100%; padding: 0; margin: 10px 0 45px; position:relative;}
.event-left img {margin-left: -30px; margin-top:0px;}
.event-left {float: left; width:300px; margin: 5px 0 0;}
.event-right {float: left; width:600px; margin: 0;}
.event .date { font-size:13px; letter-spacing:.5px;}
.time a {font-weight:bold;}
.personnel {font-style: italic; font-size: 12px; line-height:14px;}
.personnel p {margin-bottom: 10px;}
h4.more {font-size: 12px; font-style:italic; margin:0px;  background-repeat:no-repeat; margin-top:5px;}
.clicked {position:absolute; width: 20px; height: 20px; bottom: 5px;  background-image:url('images/up.png') !important;}
.clicked span{display:none;}
#facebook {float:right; margin-top:14px;}
.trackinfo {font-size: 11px; margin-left: 20px;}
#residencies {display: none;}
 .date {text-transform:uppercase; letter-spacing:.5px;}

.event h1 {line-height: 1.1; margin: 0 0 15px;}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* =MEMBERS & PROJECTS
-------------------------------------------------------------- */

.page-id-9 #thumb {margin-top:5px;}
.page-id-9 #thumb img{width:300px; height: auto;}
.page-id-15 #thumb {margin-top:0px;}
.page-id-15 #thumb img{width:300px; height: auto;}
.page-id-15 #tabs {min-height:400px;}
.page-id-13 #tabs {min-height: 120px;}

#tabs li {display:inline;}
#tabs .event-right li {display: list-item; margin: 0 0 4px;}
#tabs li a{font-size: 12px; padding: 8px 8px 8px 8px; margin: 0 4px 8px 0; display: inline-block; white-space: nowrap;}
#tabs li a:hover{background-color: #e8e6e6;}

.ui-tabs-hide {display:none;}
.ui-tabs-nav {width: 800px; margin-top: -36px; margin-left: 200px; margin-bottom:40px;}
.event-content .ui-tabs-nav {margin-top: 0; margin-left: 195px;}
#tabs li.ui-tabs-active a, #tabs li.ui-tabs-active a:hover {background-color: #edefef; color: #666;} 

h2.year-title {color: #e8e6e6; font-size: 60px; margin: -90px 0 0 -8px; }


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}




/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}

	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
}


/* Responsive */

#nav li#menu-item-348 { margin-right: 0;}

@media screen and (max-width: 1050px) {
  #splash-main-image img {width: 485px;}
  #thumb {left: 35px;}
  .members-content,
  .entry-content {margin-left: 370px;}
  .event-left img {margin-left: 35px;}
  .event-left {width: 370px;}
  .event-right {width: 540px;}
}
@media screen and (max-width: 981px) {
  #wrapper {width: 96%;}
  #splash-left {width: 40%;}
  #splash-right {width: 50%; margin-left: 5%;}
  #splash-main-image img {max-width: 100%;}
  .ui-tabs-nav {width: auto; margin: 10px 0 25px 35px;}
  .event-right {width: 450px;}

}
@media screen and (max-width: 908px) {
  #nav li {margin-right: 14px;}
  #nav {font-size: 15px;}
  .event-right {width: 410px;}
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
	color: #999;
	font-size: 20px;
	text-align: right;
	width: 60px;
	position: absolute;
	right: 0;
}

@media screen and (max-width: 830px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	#nav #menu-menu-1 {
		display: none;
		
	}
	#nav #menu-menu-1 {
  	margin: 0;
  	height: auto;
  	position: absolute;
  	top:50px;
  	right: 0px;
  	max-width: 500px;
  	background: #fff;
  	border: 1px solid #666;
  	z-index: 9999;
  	box-shadow: -3px 3px 4px #999, 2px 2px 4px #aaa;
	}
	#nav #menu-menu-1 li {display: block; margin: 0; padding: 0 0 5px 0; background: #fff;}
	#menu-menu-1 a {
    font-size: 16px;
    margin: 0;
    padding: 20px 10px 10px 20px;
  }
  #menu-item-348 a {background-position: 20px 20px;}
  #nav li ul {display: block; visibility: visible; position: relative; background: #fff; margin: 0 0 0 30px; padding: 0; width: auto; text-align: left;}
  #nav ul#menu-menu-1 ul li {display: inline-block; }
  #nav ul#menu-menu-1 ul a { padding-top: 0px; font-size: 14px;}
  
  .site-branding {padding: 0;}
  
  .page-title h1 {padding-left: 25px;}
  
  .event-left img {margin-left: 0; max-width: 100%; height: auto;}
  .event-left {width: 40%; margin: 0 0 0 5%}
  .event-right {width: 45%; margin: 0 5%; }
  
}

@media screen and (max-width: 770px) {
  body {background-size: 140%;}
  .entry-title {padding: 0 5% 15px;}
  #thumb {left: auto; position: relative; margin: 4px 5% 15px 5%; float: left;}
  .members-content, .entry-content {margin: 0 5% 30px 5%;}
}
@media screen and (max-width: 630px) {
  body {background-size: 160%;}
  #about {padding:0px 5%;}
  .splash-content {padding-left: 0;}
  #splash-left{width: 90%; margin-left: 5%}
  #splash-right {width: 90%; margin-left: 5%;}
  .event-homepage-description {display: none;}
  .press-content {margin: 10px 10%;}
  .page-id-22 .press-single {padding: 10px 20px;}
}
@media screen and (max-width: 560px) {
  body {background-size: 185%;}
  #thumb {float: none;}
  #thumb img,
  #container img {max-width: 100% !important; height: auto;}
  .event-left, .event-right {float: none; margin: 0 5% 15px; width: 90%;}
  .event-content .ui-tabs-nav {margin-left: 5%; margin-bottom: 0;}
  h2.year-title {margin-top: 0;}
  .wp-caption {width: 100% !important; padding: 0; margin-top: 10px; background: #fff;}
  .wp-caption img {margin: 0;}
  iframe {width: 100% !important;}
}
@media screen and (max-width: 390px) {
  #logo {width: 190px; height: auto;}
  #wrapper {padding-top: 5px;}
}