/*
Theme Name: Yuko
Theme URI: http://wordpress.org/
Description: Yuko Shimizu's Wordpress Template.
Author: Callie Peck, Ben Sochar & Mike DeGrunchy
Version: 1.0
License:
License URI: license.txt
Tags: Future-Proof
*/

/* Reset
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }
audio,
canvas,
video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
display: none;
}
.bg-image { display:none }
/* Base

_________________________________________________________________________________*/
html {overflow-y: scroll; font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background:#fff; }
body { margin: 0; font-family: "Lato", sans-serif; font-size:13px; line-height:18px; font-weight: 300; } /* 12/18 */
body,
select,
input,
textarea { color: #333; }
/*body { background-image:url(img/temp/leading-18.png); } */
body,
button,
input,
select,
textarea { font-family: "Lato", sans-serif; color: #666; }
/* Interactions */
::-moz-selection ::selection {
background: #111;
color: #fff;
text-shadow: none;
}
::selection { background: #111; color: #fff; text-shadow: none; }/* Remove text-shadow in selection highlight. These selection declarations have to be separate */
a { color: #666; font-size: 100%; vertical-align: baseline; background: transparent; }
a:link { -webkit-tap-highlight-color: #ddd; }
a:visited { color: #666; }
a:hover { color: #111; }
a:focus { outline: thin dotted; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
del { text-decoration: line-through; }
abbr[title],
dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
strong,
th { font-weight: bold; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; } /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* tables */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/* forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px;
padding: 0; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; }
button,
input { line-height: normal; *overflow: visible;
}
table button,
table input { *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
object,
embed { max-width: 100%; }
/*img { width:100%; height:auto; } */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* Our CLasses
_______________________________________________________________________________________ */
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:normal; margin-top:0; margin-bottom:0; -moz-font-feature-settings: "liga=1"; -ms-font-feature-settings: "liga" 1; -moz-font-feature-settings: "kern=1"; -ms-font-feature-settings: "kern" 1; text-rendering: optimizeLegibility; }
h1 a,
h2 a,
h3 a { text-decoration:none; display:block; color: inherit; }
h1 a:visited,
h2 a:visited,
h3 a:visited { text-decoration:none; display:block; color: inherit; }
h1 { font-size:1.25em; margin:1.75em 0; }
h2 { font-size:1.5em; margin:0.5em 0; }
h3 { font-size: 1.1em; line-height: 1.25em; }
h4 { font-size: .9em; line-height: 1.285714em; }
small,
.small { font-size: 0.833333em; line-height: 1.8em; }
.large { font-size: 1.166667em; line-height: 1.285714em; }
.upper-spaced { text-transform: uppercase; letter-spacing: .1em; font-size: 11px; }
.alternates { -moz-font-feature-settings: "ss05=1"; -ms-font-feature-settings: "ss05" 1; }
.swashes { -moz-font-feature-settings: "swsh=1,cswh=1"; -ms-font-feature-settings: "swsh" 1, "cswh" 1; } /* enable contextual and stylistic swashes */
.level1 { font-size: 72px; line-height: 1; padding-bottom: .15em; }
.level2 { font-size: 60px; }
.level3 { font-size: 48px; }
.level4 { font-size: 36px; }
.level5 { font-size: 24px; }
.level6 { font-size: 18px; }
.add-bottom { margin-bottom: .75em; }
.txt-light,
a.txt-light { color: #aaa; }
.txt-replace.face-playfair { font-family: 'Playfair Display', serif; }
.face-playfair { font-family: 'Playfair Display', serif; }
.face-lato { font-family: "Lato", sans-serif; }
ul,
ol,
p { margin:0 0 10px 0; }
ul,
ol { padding:0 0 0 0; list-style:none; }
ol { list-style:decimal; margin: 1.5em; }
ol.un-style,
ul.un-style,
nav ul { padding:0; margin:0; list-style:none; }
pre,
code,
kbd,
samp { font-family: monospace, sans-serif; }/* standardize any monospaced elements */
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1) */ word-wrap: break-word; /* IE */ }
.italic { font-style: italic; }
/* Helpers Before Media Queries */

.nocallout { -webkit-touch-callout: none; } /* prevent callout */
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* Text overflow with ellipsis */
textarea[contenteditable] { -webkit-appearance: none; } /* A hack for HTML5 contenteditable attribute on mobile */
.gifhidden { position: absolute; left: -100%; } /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }/* For image replacement */
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; } /* Hide from both screenreaders and browsers*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Hide only visually, but have it available for screenreaders */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
body:before,
body:after,
.clearfix:before,
.clearfix:after { content: ""; display: table; } /* Contain floats*/
body:after,
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.relative { position: relative; }
/* MOBILE
_______________________________________________________________________________________ */
/* Grid */
.hide-from-touch { display:none; overflow:hidden; }
.container { }
.row { width: 100%; margin: 0 auto; overflow: hidden; }
.col1of1,
.col1of2,
.col1of3,
.col1of4,
.col1of6,
.col1of12,
.col2of3,
.col2of4,
.col2of6,
.col2of12,
.col3of4,
.col3of6,
.col3of12,
.col4of6,
.col4of12,
.col5of6,
.col5of12,
.col6of12,
.col7of12,
.col8of12,
.col9of12,
.col10of12,
.col11of12,
.colfl,
.colfr,
.column { display:block; float:left; min-height:1%; }
.reverse { background:#222; color:#dddddd; }
.reverse a { color:#fdfdfd; }
a.icon-link span { display:block; float:left; }
#header,
#page,
#content,
#main,
#content,
#sidebar { min-height:1%; }
#header { /*width:25%; */ float:left; }
#header #brand h1,
#header #brand h2 { margin:0; }
#site-title { background-color:#fff }
#site-title a { margin: 5px; }
#access { width:300px; right: 0; position: absolute; padding-right: 2px;/*	padding-right: 23px; */ }
#access ul { display:block; }
#access ul li { float:left; width:25%; margin-left:0; background:#efefef; border-bottom:#444 0.25em solid; }


#access ul li ul {border-top: 1px solid black; margin-top: 2px;}
#access ul li ul li {border-bottom: #444 .125em solid;}

#access ul li + li { width:24.5%; margin-left:0.5%; }
#access ul li a { display:block; width:99%; margin:0 0.5%; background:#fff; line-height:3em; height:3em; text-align:center; font-size: 10px; font-weight: 500; text-transform:uppercase; -webkit-transition:padding .25s ease-out; -moz-transition:padding .25s ease-out; -o-transition:padding .25s ease-out; transition:padding .25s ease-out; text-decoration:none; }

#access ul li.current-menu-item a:hover { padding-bottom: 0px; }

#access ul li a:hover { padding-bottom: 10px; }

#access ul li ul li:last-child {border-bottom:0}

/*#access ul li ul li:nth-child(4){border-bottom:0}*/

/*#access ul li:nth-child(3) ul li:nth-child(4){border-bottom:0}*/

#access ul li:nth-child(2) a:hover { padding-bottom: 0px; }

#access ul li:nth-child(3) a:hover { padding-bottom: 0px; }

/*ul#menu-about-nav li:nth-child(2) a span{background: white;}
ul#menu-about-nav li:nth-child(3) a span{background: white;}*/

/*#access ul li ul li{border-bottom:0}*/

/*#access ul li a:hover { padding-bottom: 0px; }*/


/*.row.border-red{height:200px;}*/

#access ul li ul {display: none; margin-left:0;}
#access ul li ul li{display: block; width:100%;}

#access ul li.current-menu-item a,
#access ul li.current-menu-parent a { background:#efefef; }
#header .fixed { position:fixed; }
#archives .entry-content div,
#archives .entry-content p,
div.body { font-size: 13px; }
.post .entry-content a,
#archives .entry-content a,
.lectures-lists a,
.about-lists a { text-decoration:underline; color:#111; }
.post .entry-content h2 a,
#archives .entry-content h2 a { text-decoration:none; color:inherit; font-weight:normal; }
.single-press .entry-content div,
.single-news .entry-content div { float: none; height:auto; clear: both; }
.single-press .entry-content div img,
.single-press .entry-content img,
.single-news .entry-content div img,
.single-news .entry-content img { margin-top:0; margin-bottom:  9px; vertical-align:top; }
.single-press .entry-content p img,
.single-news .entry-content p img { margin-top: 9px; margin-bottom: 0; }
.single-press .entry-content p + img { margin-top: 0; margin-bottom: 9px; }
.single-press .entry-content p img,
.single-press .entry-content p.video iframe,
.single-press .entry-content p.video object,
.single-press .entry-content p.video embed
 {
	 margin:0; }
.post a.media-link { display:block; overflow:hidden; }
/* COLOR RULES */
.trans-white { background: #fff; background: rgba(255,255,255,.9); }
.trans-black { background: #000; background: rgba(0,0,0,.85); }
.bg-trans { -moz-transition: background-color .35s linear; -webkit-transition: background-color .35s linear; -o-transition: background-color .35s linear; transition: background-color .35s linear; }
.right-col { position: relative; margin-left: 33.333%; }
.dock-left { position: absolute; right: 100%; top: 0; }
.full-width { width:100%; height:auto; }
/* ARCHIVE PAGES */

.thumb-list,
.split-section .col3of4 .thumb-list { margin-top: 0; list-style:none;/* max-width:1280px; */ max-width: none; }
.thumb-list li { position: relative; float:left; width: 240px; padding-right:5px; padding-bottom:5px; }
/*.archive a[target="_blank"]:after, .archive a[target="_new"]:after,
.work a[target="_blank"]:after, .work a[target="_new"]:after,
.shows a[target="_blank"]:after, .shows a[target="_new"]:after,
.news a[target="_blank"]:after, .news a[target="_new"]:after,
.blog a[target="_blank"]:after, .blog a[target="_new"]:after,
.page a[target="_blank"]:after, .page a[target="_new"]:after */
a[target="_blank"]:after,
a[target="_new"]:after { content: url('img/leaving-site.png'); margin-left:3px; }

ul#menu-top-nav li:last-child a[target="_blank"]:after,
ul#menu-top-nav li:last-child a[target="_new"]:after { content: ''; margin-left: 0;}


.thumb-list li a { display:block; width: 98%; overflow: hidden; text-decoration:none; }
.thumb-list li a img { min-height: 100%; width: auto; }
.thumb-list li.last { padding-right: 0; }
.peek-title { position: absolute; display: none; width: 100%; bottom: 5px; text-shadow: 0 1px 1px #fff; background: #fff; background: rgba(255,255,255,.9); }
.peek-title h3 { margin-left: 9px; padding: 5px 10px 5px 0; text-align:right; }
.peek-title span { display: block; border-bottom: 0; }
.peek-title .last { right: 0; }
#toolbar { position:fixed; z-index:3; right:350px; top:10px; padding:5px; background:url(img/fs_img_g_bg.png); }
#toolbar img { border:none; }
#tag-sidebar { width:297px; text-align:left; position:fixed; margin:0; padding: .8em 0em .8em 0; bottom:0; right:28px; }
#tag-sidebar a { text-decoration:none; }
#filter-wrap1 { width:48%; float:left; bottom:0; top:100%; height:46px; left:0; }
#filter-wrap2 { width:48%; float:right; bottom:0; top:100%; height:46px; }
#filter-wrap2,
#filter-wrap1 { text-transform:capitalize; }
#title1,
#title2 { position:absolute; bottom:0px; }
.filter-title { text-transform:uppercase; font-size:10px; margin-left:4px; letter-spacing:0.1em }
#tag-sidebar .filter_show { cursor:pointer; bottom:0px; width:105%; display:block; padding: 2px 1px 2px 4px; }
#tag-sidebar .filter_show span { display: block; margin-right: 20px; overflow: hidden; height: 1.45em; }
div#submenu1,
div#submenu2,
div.submenu { position: absolute; bottom: 66px; left: 0; background:#999; width: 100%; margin-left: 3px; overflow-x: hidden; overflow-y: scroll; max-height: 240px; }
 @-moz-document url-prefix() {
 div#submenu1, div#submenu2, div.submenu {
 max-height: 0px;
}
}
.contact-social a{ font-size:15px; line-height: 1.4em;}
div.submenu { background: #444; width: 100%; bottom: 30px; }
div#submenu1 ul,
div#submenu2 ul,
div.submenu ul { list-style:none; margin:0; max-height: 350px; margin-bottom:-365px; padding: 5px 0; }
div#submenu1 ul li,
div#submenu2 ul li,
div.submenu ul li { padding: 1px; }
div#submenu1 a,
div#submenu2 a,
div.submenu a { display:block; width:100%; padding: 1px 10px; }
div#submenu1 a:hover,
div#submenu2 a:hover,
div.submenu a:hover { background:#CA3F3A; color:#fff; }
.filter-selector { width: 95%; margin: 0 2.5%; background: url(img/arrow-up.png) no-repeat right center; }
.filter-selector a { background: #666 url('img/arrow-down.png') no-repeat right; }
.filter-selector a.active { background: #999 url('img/arrow-down.png') no-repeat right; }
#filter-btn { float:right; position: relative; right: -6px; }
#filter-btn input { color:#fff; background-color:#000; border:1px solid #000; text-transform:uppercase; font-size:10px; padding:5px 10px 5px 10px }
#filter-btn input:hover { color:#fff; background-color:#CA3F3A; border:1px solid #CA3F3A; }
#filter-wrap2 .filter-selector { margin-right:0px; }
/* @media only screen and (min-width: 768px) { */
.hide-from-desk { display:none; overflow:hidden; }
.hide-from-touch { display:block; }
/* Grid */
.container { padding-left:0; padding-right:0; }
.row { width: 100%; margin-left:auto; margin-right:auto; float:left; }
.row [class*="col"] { float:left; margin-left:1%; width:auto; }
.row [class*="col"]:first-child { margin-left: 0; }
.row .col1of12 { width:7.333333333333%; }
.row .col1of6,
.row .col2of12 { width:15.666666666667%; }
.row .col1of4,
.row .col3of12 { width:245px; }
.row .col3of12 { width: 23%; }
.row .col1of3,
.row .col2of6,
.row .col4of12 { width:32.333333333333%; }
.row .col5of12 { width:39.666666666667%; }
.row .col1of2,
.row .col2of4,
.row .col3of6,
.row .col6of12 { width:49%; }
.row .col7of12 { width:57.333333333333%; }
.row .col2of3,
.row .col4of6,
.row .col8of12 { width:65.666666666667%; }
.row .col3of4,
.row .col9of12 { width:74%; }
.row .col5of6,
.row .col10of12 { width:83.333333333333%; }
.row .col11of12 { width:91.6666666666%; }
.colfr { float:right; }
.four-cols .column { width:25%; float:left; margin-right:0; margin-left:0; }
.four-cols .column:nth-child(4n+5) { clear:left; }
.three-cols .column { width:33.333%; float:left; margin-right:0; margin-left:0; }
.three-cols .column:nth-child(3n+4) { clear:left; }
.pre1of12 { padding-left:7.333333333333%; }
.add1of12 { padding-right:7.333333333333%; }
.last { margin-right:0; }
.border { background:#ca3f3a; line-height:1px; height:1px; position:fixed; left:1%; right:0; z-index:1000; }
#border-top { background:#ca3f3a; border-top:#111 Solid 3px; top:0; }
#border-bottom { background:#111; border-top:#111 Solid 5px; bottom:0; }
#page { width:99%; min-width: 767px; float:left; margin-left:1%; }
#header { position:fixed; top:0; left:1%; right:0; z-index: 150; border-top:#111 Solid 3px; width:99%; min-width: 767px; z-index: 201; }
#header #brand { }
#header #brand h1 { position: relative; top: 10px; height: 65px; }
.home #brand,
.single-work #brand { background:none; }
#access { }
#header .border-red { position:relative; border-top:1px solid #ca3f3a; border-top:2px solid rgba(204, 67, 57, .5); width:98%; padding-right:2%; }
#header .grid-group { margin-bottom:0; }
#content { width:auto; float:none; padding-right: 340px; top:0; bottom:0; }
.archive #content,
.single-blog #content,
.single-news #content,
.single-shows #content,
.page #content,
.single-press #content { padding-top:6em; }
.primary { width:100%; float:left; min-height:1%; }
.line-div { }
.about-lists { width:100%; list-style:none; display:block; padding-left:0 }
.about-lists li { display:inline; width:31%; float:left; }
.lectures-lists { width:31%; list-style:none; display:block; float:left; padding-left:0; padding-right:10px; }
.about-lists li,
.lectures-lists li { margin-bottom: .5em; padding-right: 10px; }
.right { position: fixed; right:0; top:0; margin-right:2%; }
#infscr-loading { float:left; position:fixed; width:100%; text-align:center; z-index:10000; bottom:50%; }
.home #header span.grid-group,
.home #header span.grid-edge,
.single-work #header span.grid-group,
.single- #header span.grid-edge { border-bottom:0; width:100%; float:left; margin-bottom:1em; display:none; }
/* HOME */

.home #home-content .background-image { display:block; line-height:100%; height:100%; padding-top:100%; background-repeat:no-repeat; background-size:cover; }
.home #home-entry .post-header h1 a,
.home #home-entry .post-header h2 a { color: #222; }
.home #home-entry .post-title { font-size:4em; line-height:.9em; margin:0; }
.home #home-entry .entry-summary p,
.home #home-entry .post-header { padding: 2px 5px 2px 5px }
#home-entry { float:right;/*right:2%; */ }
#home-content { float: none; width: 100%; margin: 0 auto; text-align: center; }
#blog-preview { position:fixed; bottom:0; right:0; left:1%; background:#222; height:auto; padding-top:0.5em; min-width: 767px; }
#blog-preview #blog-preview-switch { position:absolute; top:-2em; right:2%; width:auto; display:block; line-height:2em; padding-left:1%; padding-right:0.5%; padding-top:2px; padding-bottom:5px; letter-spacing:0.1em; font-size: 10px; text-decoration:none; }
.blog-preview-expand { background:#222; }
.blog-preview-expand .icon-span { width:12px; height:12px; margin: 5px 3px; background: url('img/expand-collapse.png') no-repeat 0px -12px; }
.blog-preview-collapse { background:#222; }
.blog-preview-collapse .icon-span { width:12px; height:12px; margin: 5px 3px; background: url('img/expand-collapse.png') no-repeat 0px 0px; }
#blog-preview a { color:#eee; }
#blog-preview article { clear: none; width:24%; float:left; margin: 0 1% 0 0; }
#blog-preview article .thumbs-100 { float:left; margin-right:10px; border:1px solid #CCC }
#blog-preview article header { margin-top:0 }
#blog-preview article .post-header h2 { margin:0 0 .5em; font-size:1.2em; line-height:1.2; }
#blog-preview .entry-summary { font-size:0.9em; }
#blog-preview .read-more-excerpt { margin-bottom:0; float:none; font-size:12px; }
#blog-preview .read-more-link-excerpt { background:  url('img/arrow-right.png') no-repeat bottom right; color: #999; padding: 0px 20px 0px 0; }
#blog-preview .post .entry { float:left; }
#blog-preview .row { position:relative; padding: .5em 0; width:98%; margin:auto; height:auto; overflow:hidden; float:none; }
#blog-preview .post { clear: none; width:24%; float:left; margin-right:1%; height:auto; }
#blog-preview .post .entry { float:left; }
/* POSTS */
span.grid-group { border-bottom:1px solid #d9d9d9; width:100%; float:left; margin-bottom:1em; display:block; clear:both; line-height:1em; position: relative; }
article span.grid-group { width: 102%; position: relative; left: -1%; }
span.grid-edge { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:0 none; margin-left:1%; width:245px; height:0.75em; float:left; display:block; }
span.grid-edge + span.grid-edge { border-left:0 none; border-right:1px solid #d9d9d9; border-bottom:0 none; margin-left:0; right:0; position: absolute; }
.post,
.show { width:100%; margin-bottom:1.5em; }
.post-fourths .post { width:24%; margin-right:1%; float:left; }
h2.post-title { line-height: 1.15; color: #222; }
h3.post-sub-title { color: #222; font-size: 12px; letter-spacing: 1px; margin-bottom: .75em; font-weight: 700; }
h4.post-paging { margin-bottom: 3em; font-size: 11px; }
.single-post .post-aside { float:right; width:24%; }
.post .media-link { display:block; overflow:hidden; }
.read-more { margin-bottom:0; float:none; font-size:12px; }
.read-more-n1 { border-bottom:1px solid #d9d9d9; float:left; height:0.75em; width:67%; margin-left:5px; }
.read-more-n2 { border:1px solid #D9D9D9; border-top:0; float:left; height:0.75em; width:30%; }
.read-more-n3 {
border-bottom: float:left; height:0.75em; width:2%; }
.read-more-n4 { float:left; height:20px; width:67%; margin-left:5px; }
.read-more-n5 { border:1px solid #D9D9D9; border-top: none; float:left; width:30%; margin-bottom: 40px; text-transform:uppercase; font-size:90% }
a.read-more-link,
.read-more-n5 .nav-prev,
.read-more-n5 .nav-next { width:100%; display:block; background:#d9d9d9; }
a.read-more-link { text-align: center; font-weight: normal; font-size: 10px; padding: 7px 0; text-decoration:none; }
.read-more-n5 .nav-prev { width:50%; float:right; }
.read-more-n5 .nav-next { width:49%; float:left; }
.read-more-n5 .nav-prev a,
.read-more-n5 .nav-next a { display:block; height: 28px; padding: 5px 0; background: url(img/arrow-lr.png) no-repeat 16px -45px; text-indent:-99999px; text-align: left; }
.read-more-n5 .nav-next a { background-position: 12px 5px; }
.read-more-n5 .nav-next a:hover,
.read-more-n5 .nav-prev a:hover,
a.read-more-link:hover,
a.read-more-link:focus { background-color:#ccc; }
/*share this */
.share-this { margin-bottom:0; float:none; font-size:12px; }
.share-this-n1 { border-top:1px solid #d9d9d9; float:left; height:0.75em; width:67%; margin-left:5px; background-color:#FFF; }
.share-this-n2 { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; float:left; height:0.75em; width:30%; background-color:#FFF; }
.share-this-n3 { float:left; height:0.75em; width:2%; background-color:#FFF; }
.share-this-n4 { float:left; height:27px; width:67%; margin-left:5px; text-align: left; }
p.imgCount { padding-top: 12px; font-size: 10px; }
.share-this-n5 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:0; float:left; width:30%; text-transform:uppercase; font-size:90%; margin-bottom:0px; height:26px; }
a.share-this-link,
.share-this-n5 .nav-prev,
.share-this-n5 .nav-next { width:100%; display:block; background:#d9d9d9; }
a.share-this-link { text-align: center; font-weight: normal; font-size: 10px; padding: 7px 0; text-decoration:none; }
.share-this-n5 .nav-prev { width:50%; float:right; }
.share-this-n5 .nav-next { width:49%; float:left; }
.share-this-n5 .nav-prev a,
.share-this-n5 .nav-next a { display:block; height: 28px; padding: 5px 0; background: url(img/arrow-lr.png) no-repeat 16px -45px; text-indent:-99999px; text-align: left; }
.share-this-n5 .nav-next a { background-position: 12px 5px; }
.share-this-n5 .nav-next a:hover,
.share-this-n5 .nav-prev a:hover,
a.share-this-link:hover,
a.share-this-link:focus { background-color:#ccc; }
/* */


/* POST MEDIA */
.entry-media { width:auto; float:left; margin-right:2%; }
.work-content { overflow: hidden;/*	position:fixed; */ }
.work-body { margin:2px 2px 0 5px; }
#slider-wrapper { /*display:block;
	float: left;
	*/
	position: relative; background: #efefef url(img/bg-gallery.gif); }
#slider-wrapper a.img-nav-left,
#slider-wrapper a.img-nav-right { position: absolute; width: 100px; height: 100%; top: 0; z-index:100; cursor:pointer !important; display:block; opacity:0.9; }
#slider-wrapper a.img-nav-right { right: 0; margin-right:2%; }
#slider-wrapper a.img-nav-left { margin-left:2%; }
#slider-wrapper a span { top: 50%; display: block; /*padding: 50% 85px;*/
height: 95px; position: relative; margin-top: -42px; }
#slider-wrapper a.img-nav-right span { background:url('img/arrow-rt-img.png') no-repeat top right; right: 0; }
#slider-wrapper a.img-nav-left span { background:url('img/arrow-lt-img.png') no-repeat top left; }
.slide-container { position:relative; height:100%; }
.image-fig { float:left; height: 100%; /*margin:0 auto 1.5em; */
	margin:0; display:inline; }
.media-gallery .image-fig img,
.image-fig img { position: relative; width: auto; height: 100%; margin: 0 auto; vertical-align: middle; }
.image-main img { width: 100%; height: auto; }
.media-gallery .media-caption strong,
.media-gallery .media-caption span { display:block; }
.media-gallery .media-caption span { font-size: 0.833333em; line-height: 1.8em; }
.post.category-qa .post-details,
.show .post-details { width:23%; float:left; margin-right:1%; margin-left:1%; padding-top:1.5em; }
.post.category-qa .entry,
.show .entry { width:73%; float:left; margin-right:1%; margin-left:1%; }
.show .gallery { width:23%; float:left; margin-right:1%; margin-left:1%; padding-top:1.5em; }
.show .entry { width:48%; }
/* NEWS */
.category-news #primary { width:49%; margin-left:25%; float:left; }
.category-news .post,
.category-news .news,
.single-press .post,
article.split-section,
.split-section { /*width:31.33333%;*/
	width:98%; float:left; padding-left:1%; padding-right:1%; overflow: hidden; position: relative; height:auto; }
article.split-section h2.post-title { margin-top: 0; margin-bottom: .75em; }
#infinity { position: relative; height:100%; width:100%; float:left; padding-bottom:1.5em; }
.category-news #infinity { position: relative; height:100%; }
#nav-below { display:none }
;
#load-moar-posts { width:100%; clear:both; float:left; position: absolute; bottom:1em; }
#load-moar-posts a { display:block; z-index:400; }
/* PRESS */
.split-section { position: relative; }
.split-section .col1of4 { position: absolute; margin: 0 0 0 10px; z-index: 200; }
.split-section .col3of4 { width: 100%; min-height: 150px; margin-left: 0; }
.split-section .col3of4 > * { margin-left: 265px; max-width: 800px; }
.split-section img { max-width: 100%; height: auto !important; }
.split-section .col3of4 span.grid-group { margin-left: 0; max-width: none; }
.category-press .post-group { width:75%; }
.category-press .press-date { width:24%; margin-right:1%; float:left; }
.category-press .post-title { margin-top: .5em; color: #222; }
.category-press .post-title span { font-size: 10px; }
/* WORK */
.archive .post-type-archive-work .post { float:left; width:24%; margin:0 1% 0.75em 0; height:15em; overflow:hidden; position:relative; }
.archive .post-type-archive-work .post img { width:100%; height:auto; }
.archive .post-type-archive-work .post .media-caption { position:absolute; bottom:0; width:90%; padding:0 5%; height:0; background-color: transparent; background-color: rgba(250, 250, 250, 0.0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FAFAFA, endColorstr=#B2FAFAFA);
zoom: 1; -webkit-transition:all .4s ease-out; }
.archive .post-type-archive-work.post a.media-link:hover .media-caption { height:3em; background-color: rgba(250, 250, 250, 0.8); }
.archive .primary,
.page .primary,
.single .primary { }
.single-work .primary { margin-top:0px; padding-top:0px; }
.single-work h2 { color: #222; }
/* PAGE ABOUT ..*/
.page .primary .col1of2 { width:20%; float:left; margin-left:1%; }
.page .primary .col1of2 .entry { float:left; margin-right:20px; }
.page .primary .col2of2 { width:74%; float:right; }
.post-header { margin-top:2em; }
.thumb-wrap { min-height:150px; height:150px; width: 240px; overflow:hidden; }
.thumbs { position: relative; margin-left: -123px; left: 50%; min-height:150px; height:150px; overflow:hidden; }
.thumbs img { width:240px; }
.thumb-wrap-100 { min-height:70px; height:70px; width:100px; overflow:hidden; }
.thumbs-100 { min-height:70px; height:70px; overflow:hidden; }
.thumbs-100 img { width:100px; }
/* SIDEBAR */
#work-sidebar { float: right; position: fixed; }
#about-sidebar,
#blog-sidebar { float: right; position: fixed; }
#swap-sidebar { top:10% }
#swap_view { background:url('img/swap-button.png') no-repeat top left; display:block; width:51px; height:22px; }
.secondary { position:fixed; background:#FFF; top:4px; /*right:2%; */
	right: 0; bottom:0; text-align:right; float:right; width:300px; /*margin-right:0.5%; */
	min-height:1%; padding:82px 26px 0 10px; }
.secondary .nav { width:100%; }
.archive .secondary .nav,
.page .secondary .nav { margin-top: 100px; }
.secondary .nav li { display:block; position: relative; margin-bottom: 5px; padding-top: 1em; border-bottom:1px solid #d9d9d9; }
.secondary .nav span.border-lr { position: absolute; width: 298px; height: 15px; bottom: 0; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.secondary .nav a { display: block; position: relative; height: 4px; padding: 3px; letter-spacing: 1px; margin: 10px 0 0; line-height:0; font-size: 1.25em; text-transform:uppercase; font-style:italic; color:#777; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-decoration:none; letter-spacing:0em; }
.secondary .nav a span { /*display: block;
	position: absolute;
	bottom: 3px;
	right:1.25%;
	width: 93%;
	padding: 6px 2.75%;
	line-height:1*/
	display: block; position: absolute; bottom: 3px; right: 1.25%; width: 96%; padding: 6px 1%; line-height: 1; }
.secondary .nav a:hover span { background: #efefef; }
.secondary .nav.blog-nav { /*margin-top: 0; */ }
.secondary .blog-nav li { margin-bottom: 0; padding-top: 0; }
.secondary .blog-nav a { font-size: 1em; line-height: 1; height: auto;/*border: 0; */ }
.secondary .blog-nav a span.recent-post-date { font-family: "Lato", sans-serif; font-size:0.7em; font-style: normal; }
.secondary .blog-nav a span.recent-post-title { font-size:1.2em; margin: 0; font-style:italic; color:#777; }
.secondary .blog-nav a span.recent-post-title,
.secondary .blog-nav a span.recent-post-date { position: static; width: auto; padding: 0 1% 2px; }
.sidemenu .selected span,
#about-sidebar .current-menu-item span,
#blog-sidebar .current-menu-item span { background:#efefef }
/* CATEGORY QNA */
.answer { margin-bottom: 2.5em; }
/* CATEGORY BLOG */
.category-blog .primary,
.single-blog .primary { margin-top:23px; font-size: 1.05em; }
.category-blog img { max-width:100%; }
.single-news .alignleft,
.category-blog .alignleft,
.single-blog .alignleft { float:left; margin-right:15px; margin-bottom: 10px; }
.category-blog .alignright,
.single-blog .alignright { float:right; margin-left:15px; margin-bottom: 10px; }
.category-blog .aligncenter,
.single-blog .aligncenter { clear:both; margin-top: 10px; margin-bottom: 10px; }
.category-blog article h2,
.single-blog article h2 { font-size: 2.75em; line-height: 1; }
/*SHOWS*/
.shows { clear:both; position: relative; }
.shows article.shows { min-height: 150px; }
.shows .col1of3,
.shows .grid-edge { width:245px; float:left }
.col1of4 .tag { font-style: italic; font-size: 1.125em; text-decoration: underline; margin-top: .75em; }
article.split-section .col1of4 h2.post-title { margin: .75em 0; }
.shows .thumbs,
.news .thumbs { margin-left: 265px; width: 240px; left: 0; }
.shows .show-info,
.news .pad.info { padding-left: 250px; min-height: 150px; }
.shows .show-info.no-pad,
.news .pad.info.no-pad { padding-left: 0; min-height: 0; }
.shows .showDetails li { position: relative; margin-bottom: .5em; }
.shows h4.upper-spaced { position: absolute; line-height: 1.6; }
.shows .content { padding-left: 75px; }
ul.social-links li { padding: 0; display:inline; padding: 7px 0 0px 25px; font-size: 0.8em; font-weight: normal; font-style: normal; }
ul.social-links .facebook-like { margin: 0 0 0 15px; }
ul.social-links .twitter-tweet { margin: 0 0 0 -35px; }
ul.social-links .pinterest-pin { margin:1px; }
.social-wrapper { position:relative; float:right; overflow:hidden; padding-top:35px; width:100%; }
#share-button { position:relative; width:100%; }
.social-inner { position:absolute; /*margin-top: -99999px; */
	display:none; bottom: 23px; right: 0; margin: 0 4px; }
.social-pocket { background-color: #FFF; height: 50px; width: 100%; position: absolute; margin-top: 36px; }
.blog-social { clear: both; float:right; margin-right:20px; }
.entered { display:none }
.shown { display: block; margin-top: 0; z-index:10; }
/* SHARING
_______________________________________________________________________________________ */

 .sharrre { margin:0 0 0 5px; float:left; }
.sharrre .box a { text-decoration:none; }
.sharrre .count { color:#525b67; display:block; font-size:11px; line-height:25px; height:25px; position:relative; text-align:center; width:40px; background: #EFEFEF; /* Old browsers */ }
.sharrre .count:before,
.sharrre .count:after { content:''; display:block; position:absolute; left:49%; width:0; height:0; }
.sharrre .count:after { border:solid 6px transparent; margin-left:-6px; bottom:-12px; border-top-color:#EFEFEF; }
.sharrre .share { color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:20px; line-height:20px; margin-top:8px; padding:0; text-align:center; text-decoration:none; width:40px; }
.twitter .share { background: #73b3ca; }
.facebook .share { background: #6c85b3; }
.facebook.sharrre .count { opacity: 0; } /* hiding counter */ 
.pinterest .share { background: #da5865; }

/*  } */


@media screen and (max-width: 1086px) {
.shows .thumbs,
.news .thumbs { margin-left: 0; margin-top: 15px; }
.shows .show-info,
.news .pad.info { padding-top: 9px; padding-left: 0; }
.shows h4.upper-spaced { position: relative; }
.shows .content { padding-left: 0; }
.split-section div.col1of4,
.split-section hgroup.col1of4 { position: relative; width: 100%; margin: 0 0 10px }
.split-section .col3of4 > * { margin-left: 0; }
.split-section div.thumbs.left { margin-right: 10px; }
}
@media screen and (max-width: 767px) {
.secondary { right: auto; left: 434px; }
.thumb-list li { width: 33.33333333333%; padding-right: 0; }
.thumb-list li a { height: 150px; }
.category-blog img,
.single-blog img { max-width: 100%; }
}
 @media screen and (min-width: 768px) and (max-width: 838px) {
#blog-preview article { margin: 0 1% 10px 0; width: 49%; }
.thumb-list li { width: 50%; padding-right: 0; }
.split-section .col3of4 .thumb-list li:nth-child(3n+1) { clear: both; }
}
@media screen and (min-width: 839px) and (max-width: 1086px) {
.thumb-list li { width: 33.33333333333%; padding-right: 0; }
.split-section .col3of4 .thumb-list li:nth-child(3n+1) { clear: both; }
}
 @media screen and (min-width: 1087px) and (max-width: 1334px) {
.thumb-list li { width: 25%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 33.33333333333%; }
.split-section .col3of4 .thumb-list li:nth-child(3n+1) { clear: both; }
}
 @media screen and (min-width: 1335px) and (max-width: 1581px) {
.thumb-list li { width: 20%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 25%; }
.split-section .col3of4 .thumb-list li:nth-child(4n+1) { clear: both; }
}
@media screen and (min-width: 1582px) and (max-width: 1828px) {
.thumb-list li { width: 16.666666666666667%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 20%; }
.split-section .col3of4 .thumb-list li:nth-child(5n+1) { clear: both; }
}
@media screen and (min-width: 1829px) and (max-width: 2075px) {
.thumb-list li { width: 14.285714%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 16.666666666666667%; }
.split-section .col3of4 .thumb-list li:nth-child(6n+1) { clear: both; }
}
@media screen and (min-width: 2076px) and (max-width: 2322px) {
.thumb-list li { width: 12.5%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 14.285714%; }
.split-section .col3of4 .thumb-list li:nth-child(7n+1) { clear: both; }
}
@media screen and (min-width: 2323px) and (max-width: 2749px) {
.thumb-list li { width: 11.11111111111%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 12.5%; }
.split-section .col3of4 .thumb-list li:nth-child(8n+1) { clear: both; }
}
@media screen and (min-width: 2750px) and (max-width: 2996px) {
.thumb-list li { width: 10%; padding-right: 0; }
.split-section .col3of4 .thumb-list li { width: 10%; }
.split-section .col3of4 .thumb-list li:nth-child(9n+1) { clear: both; }
}



/* DESKTOPS
_______________________________________________________________________________________ */
@media only screen and (min-width: 1300px) {
/* #page { /*width:1300px;  1140px - 10% for margins */
/*width:1300px;
max-width:1300px;
}*/
/*#sidebar {/*left:1000px;*/ /*} */
/*.secondary.fixed { position:fixed; left:1000px;width:300px;}
#access {left:1000px;width:300px; } */
}

/* Print styles.
_________________________________________________________________________________*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a,
a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre,
blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr,
img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
margin: 0.5cm;
}
p,
h2,
h3 { orphans: 3; widows: 3; }
h2,
h3 { page-break-after: avoid; }
}
/* COMMON LAYOUT */
/* FONT */
.txt-center { text-align:center; }
.txt-right { text-align:right; }
.txt-left { text-align:left; }
.bold { font-weight: bold; }
.left { float:left; }
.news .entry-content { float:left; display:inline-block; }
.news .entry-content .thumbs { margin:0 10px 5px 0; }
.col1of4 time,
.col1of4 .dates_show,
.col1of4 .type_of_show,
.shows h4.upper-spaced,
.post-date { text-transform: uppercase; font-weight:500; letter-spacing: .1em; font-size: 10px; }
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: red; z-index:9999; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #EFEFEF; position: relative; }
.jspDrag { background: #ccc; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }



/*header#header{
	margin-top: -50px;
}
*/
/*header#header{
	margin-top: -67px;
}

hgroup#brand, nav#access
{
	margin-top: 67px;
}
*/

#brand.yuko-desktop-brand h1
{
	height: 65px;
}

nav#access.col1of4.yuko-desktop-nav{
	position: fixed;
	top: 5px;
	right: 0;
	/*height: 200px;*/
	z-index: 500;
}


hgroup#brand.yuko-desktop-brand{
	position: fixed;
	top: -13px;
	left: 0;
	z-index: 500;
}

h1#site-title.colfl.yuko-desktop a{
margin-left: 12px;
}

@media only screen and (max-width: 590px) {
nav#access.col1of4.yuko-desktop-nav{
display: none;
}

}