/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

@font-face {
	font-family: 'entypo'; font-weight: normal; font-style: normal;
	src: url('entypo.eot');
	src: url('entypo.eot?#iefix') format('embedded-opentype'),
	url('entypo.woff') format('woff'),
	url('entypo.ttf') format('truetype'),
	url('entypo.svg#entypo') format('svg');
}
@font-face {
	font-family: 'entypo-social'; font-weight: normal; font-style: normal;
	src: url('entypo-social.eot');
	src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
	url('entypo-social.woff') format('woff'),
	url('entypo-social.ttf') format('truetype'),
	url('entypo-social.svg#entypo-social') format('svg');
}

/*
Note: Need to look at moving into a discrete file - jscrollpane
*/
.jspContainer {overflow: hidden; position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 10px; height: 100%;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;}
.jspVerticalBar *,
.jspHorizontalBar * {margin: 0; padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {position: relative;}
.jspDrag {position: relative; top: 0; left: 0; cursor: pointer; border: 1px solid #fff;}
.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: 10px;}
.jspHorizontalBar .jspArrow {width: 10px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

/* site by LKBKS logo */
#lkbks_logo {position: fixed; bottom: 1px; right: 7px; width: 93px; height: 16px; z-index: 9999; }
#lkbks_logo a, #lkbks_logo a img {display: block; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}

* {outline: none; margin: 0; padding: 0; border: 0px; -webkit-text-size-adjust: 100%;}
html {position: relative; width: 100%; height: 100%; overflow: hidden; }
body, #wrapper {position: relative; width: 100%; height: auto; overflow: visible; }
html, body, body.fullscreen .content, #wrapper, #static, #masonry {background-color: #f6f6f6;}
#wrapper {margin: 0;
	-webkit-transition: margin 200ms ease-in-out;
	-moz-transition: margin 200ms ease-in-out;
	-ms-transition: margin 200ms ease-in-out;
	-o-transition: margin 200ms ease-in-out;
	transition: margin 200ms ease-in-out;
}
#static.bg_image {background-color: transparent; }
body > .jspContainer > .jspPane, #static > .jspContainer > .jspPane {width: 100%; max-width: 100%; }

body.staticScroll, body.staticScroll #wrapper, html.jsp body, html.jsp #wrapper {position: relative; height: 100%; overflow: hidden; }
body.staticScroll #static {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
html.jsp #static {overflow: hidden; }
body.staticScroll #cover {position: absolute; }
body.staticScroll #nav {position: absolute; }

/* remove gray highlight color in mobile safari */
html {tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* general */
body {font-size: 0.85em; line-height: 1.4em; color: #333; font-family: 'Helvetica'; font-weight: normal; }
img {border: 0px;}
a {color: #777; text-decoration: none; cursor: pointer;}
a:hover {color: #000;}
a.sel {color: #000;}
p {padding-bottom: 1em;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
h1 {font-size: 2em; line-height: 1.3em;}
h2 {font-size: 1.5em; padding-bottom: 1em;}
h3 {font-size: 1.2em; line-height: 1.3em;}
h4 {font-size: 1em; line-height: 1.3em;}
blockquote {padding: 10px 20px; margin: 5px 0;}
.visible {visibility: visible !important; opacity: 1 !important;}
.hidden {opacity: 0; visibility: hidden;}
.transparent {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.below {z-index: -1 !important; }

a.social_link {margin-left: 10px; display: inline-block; font-family: 'entypo-social'; font-size: 18px;}

.jspTrack {background: #eee;}
.jspDrag {border: 0px; background: #000;}

.scrollable, .scrollable-both {overflow: auto !important; -webkit-overflow-scrolling: touch; }
.scrollable-vertical {overflow-y: auto !important; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.scrollable-horizontal {overflow-y: hidden; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

.noscroll {overflow: hidden !important; -webkit-overflow-scrolling: auto !important;}

#site_page_background_img {margin: 0px;
	-webkit-transition: margin 200ms ease-in-out;
	-moz-transition: margin 200ms ease-in-out;
	-ms-transition: margin 200ms ease-in-out;
	-o-transition: margin 200ms ease-in-out;
	transition: margin 200ms ease-in-out;
}
body.menu_open #site_page_background_img {margin-left: 85%; margin-right: -85%;}

#wrapper ::-webkit-scrollbar, #static::-webkit-scrollbar {width: 10px; height: 10px;}
#wrapper ::-webkit-scrollbar-track, #static::-webkit-scrollbar-track {background: #eee;}
#wrapper ::-webkit-scrollbar-thumb, #static::-webkit-scrollbar-thumb {background: #888; cursor: pointer; }

img.portrait {width: 100% !important; height: auto !important; }
img.landscape {height: 100% !important; width: auto !important; }
img.loader {background: url(/imgs/loading.gif) center center no-repeat;}

.o_background {
	background: none;
	background: rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7cffffff', endColorstr='#7cffffff');
}

.fade_upper, .fade_lower {position: absolute; left:0; width: 100%; height: 35px; z-index: 10; }
.fade_upper {top: 0;}
.fade_lower {bottom: 0;}
.fade_upper {
	background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(246,246,246,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=0 ); /* IE6-9 */
}
.fade_lower {
	background: -moz-linear-gradient(top,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/* form elements */
input, select, textarea {font-size: 1em; font-family: 'Helvetica'; -webkit-font-smoothing: antialiased; font-weight: normal;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="address"],
input[type="time"],
input[type="datetime"],
input[type="date"],
input[type="url"],
input[type="search"],
textarea {padding: 4px; border: 1px solid #d6d6d6;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
}
select {border: 1px solid #d6d6d6;}
textarea {resize: none;}
button,
input[type="submit"],
input[type="cancel"] {background: transparent; cursor: pointer; padding: 4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="address"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus {}

/* header */
#header {}

/* nav */
#logo {display: inline-block; position: relative;}
#logo .logo {display: block; margin: 20px 20px 0 20px; font-size: 2em; font-weight: bold; line-height: 1.1em; }
body.logo_over_masthead #logo {display: block;}

#nav.pos_top #logo a.logo,
#nav.pos_bottom #logo a.logo { margin: auto 20px; }

#logo #nav_logo.logo {margin: 0;}
#logo a, .fullscreen_logo a {color: #000;}
#logo a:hover, .fullscreen_logo a:hover {}

.nav_social {position: absolute; z-index: 801;}

/**
 * portfolio nav overview/detail toggle link.. (will be last in an artist's nav stuff)
 * seperate it a bit from the rest of the artist's things, since this is really a portfolio thing
 * seems like a good place for ss controls as well, at least in extra nav.. hmmm..
 */
#view_toggle_detail a, #view_toggle_overview a{ display:inline-block; }
#view_toggle_detail .n_label:before{ content: 'Detail'; }
#view_toggle_overview .n_label:before{ content: 'Overview'; }

/* if left in main nav, a simple margin */
#nav #view_toggle_detail, #nav #view_toggle_overview{ margin-top: 1em; }

/* extra nav left/right - margin and break above link */
#extra_nav.pos_left #view_toggle_detail a,
#extra_nav.pos_left #view_toggle_overview a,
#extra_nav.pos_left #view_toggle_detail a,
#extra_nav.pos_left #view_toggle_overview a,
#extra_nav.pos_right #view_toggle_detail a,
#extra_nav.pos_right #view_toggle_overview a,
#extra_nav.pos_right #view_toggle_detail a,
#extra_nav.pos_right #view_toggle_overview a { margin-top: 1em; }
#extra_nav.pos_left #view_toggle_detail,
#extra_nav.pos_left #view_toggle_overview,
#extra_nav.pos_left #view_toggle_detail,
#extra_nav.pos_left #view_toggle_overview,
#extra_nav.pos_right #view_toggle_detail,
#extra_nav.pos_right #view_toggle_overview,
#extra_nav.pos_right #view_toggle_detail,
#extra_nav.pos_right #view_toggle_overview { border-top: 1px #eee solid; margin-top: 1em; }

/* in the extra nav top/bottom = margin and break to the left */
#extra_nav.pos_top #view_toggle_detail a,
#extra_nav.pos_top #view_toggle_overview a,
#extra_nav.pos_top #view_toggle_detail a,
#extra_nav.pos_top #view_toggle_overview a,
#extra_nav.pos_bottom #view_toggle_detail a,
#extra_nav.pos_bottom #view_toggle_overview a,
#extra_nav.pos_bottom #view_toggle_detail a,
#extra_nav.pos_bottom #view_toggle_overview a { margin-left: 20px; }
#extra_nav.pos_top #view_toggle_detail,
#extra_nav.pos_top #view_toggle_overview,
#extra_nav.pos_top #view_toggle_detail,
#extra_nav.pos_top #view_toggle_overview,
#extra_nav.pos_bottom #view_toggle_detail,
#extra_nav.pos_bottom #view_toggle_overview,
#extra_nav.pos_bottom #view_toggle_detail,
#extra_nav.pos_bottom #view_toggle_overview { border-left: 1px #eee solid; }

/* when align=right, need more margin to maintain spacing */
#extra_nav.pos_top.align_right #view_toggle_detail,
#extra_nav.pos_top.align_right #view_toggle_overview,
#extra_nav.pos_top.align_right #view_toggle_detail,
#extra_nav.pos_top.align_right #view_toggle_overview,
#extra_nav.pos_bottom.align_right #view_toggle_detail,
#extra_nav.pos_bottom.align_right #view_toggle_overview,
#extra_nav.pos_bottom.align_right #view_toggle_detail,
#extra_nav.pos_bottom.align_right #view_toggle_overview { margin-left: 20px; }

nav {}
#extra_nav,
#nav {display: block; position: fixed; text-align: left; z-index: 800; overflow: visible;}
#extra_nav{ z-index: 799; }

#nav a {padding: 0px;}
#nav ul {display: block; height: auto; list-style: none; margin: 0px; padding: 0px; width: auto;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#nav .nav_bottom {position: absolute; right: 0px; bottom: 0px; left: 0; padding: 20px 0;}
#nav .nav_bottom ul {display: block;}
#nav .nav_bottom ul li {display: block;}

#nav .n_search {display: block; padding: 20px 0;}
#nav .n_search form {padding: 0px; margin: 0px;}
#nav .n_search form input {width: 242px;}

#extra_nav .n_wrapper,
#nav .n_wrapper {position: relative; display: table; top: 0px; bottom: 0px; height: 100%; width: 100%;}
#extra_nav .n_inner,
#nav .n_inner {display: table-cell;}

#nav.align_bottom .jspContainer, #nav.align_center .jspContainer {position: relative !important; display: table !important;}
#nav.align_bottom .jspPane, #nav.align_center .jspPane {position: relative !important; display: table-cell !important; vertical-align: middle;}
#nav.align_bottom .jspPane {vertical-align: bottom;}

#nav .nav_bottom .n_subscribe {}
#nav .n_subscribe label {display: inline-block; padding-bottom: 5px;}
#nav .n_subscribe input {width: 90%; position: relative;}
#nav .n_subscribe input:focus {}

#nav #collapse_controls a { display:block; }

/*nav position left or right */
#nav.pos_left, #nav.pos_right {filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0;}
#extra_nav.pos_left .menu,
#extra_nav.pos_right .menu,
#nav.pos_left .menu,
#nav.pos_right .menu {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
#extra_nav.pos_left ul ul,
#extra_nav.pos_right ul ul,
#nav.pos_left ul ul,
#nav.pos_right ul ul {padding-left: 20px;}
#extra_nav.pos_left .closed,
#extra_nav.pos_right .closed,
#nav.pos_left .closed,
#nav.pos_right .closed {visibility: hidden; opacity: 0; height: 0; padding: 0px !important; overflow: hidden;}
#extra_nav.pos_left .open,
#extra_nav.pos_right .open,
#nav.pos_left .open,
#nav.pos_right .open {visibility: visible; opacity: 1; height: auto; overflow: visible;}
#extra_nav.pos_left #n_extra_list,
#extra_nav.pos_right #n_extra_list,
#nav.pos_left #n_top_list,
#nav.pos_right #n_top_list {padding: 20px;}
#nav.pos_left #logo,
#nav.pos_right #logo {display: block; }
#nav.pos_left #logo img,
#nav.pos_right #logo img {max-width: 100%;}

/* nav position top or bottom */
#extra_nav.pos_top li,
#extra_nav.pos_bottom li,
#nav.pos_top li,
#nav.pos_bottom li {display: block;}
#extra_nav.pos_top li>ul,
#extra_nav.pos_bottom li>ul,
#nav.pos_top li>ul,
#nav.pos_bottom li>ul {display: none;}
#nav.pos_top #logo img,
#nav.pos_bottom #logo img {max-height: 100%;}

/* nav position top or bottom and dropdown type */
#extra_nav.pos_top.type_dropdown ul,
#extra_nav.pos_bottom.type_dropdown ul,
#nav.pos_top.type_dropdown ul,
#nav.pos_bottom.type_dropdown ul {display: block;}
#extra_nav.pos_top.type_dropdown ul li,
#extra_nav.pos_bottom.type_dropdown ul li,
#extra_nav.pos_top.type_default ul li,
#extra_nav.pos_bottom.type_default ul li,
#nav.pos_top.type_dropdown ul li,
#nav.pos_bottom.type_dropdown ul li,
#nav.pos_top.type_default ul li,
#nav.pos_bottom.type_default ul li {display: inline-block; position: relative; }
#extra_nav.pos_top.type_dropdown ul li li,
#extra_nav.pos_bottom.type_dropdown ul li li,
#nav.pos_top.type_dropdown ul li li,
#nav.pos_bottom.type_dropdown ul li li {float: none;}
#extra_nav.pos_top.type_dropdown ul>li a,
#extra_nav.pos_bottom.type_dropdown ul>li a,
#nav.pos_top.type_dropdown ul>li a,
#nav.pos_bottom.type_dropdown ul>li a {display: block;}
#extra_nav.pos_top.type_dropdown ul li ul,
#extra_nav.pos_bottom.type_dropdown ul li ul,
#nav.pos_top.type_dropdown ul li ul,
#nav.pos_bottom.type_dropdown ul li ul {position: absolute; z-index: 1; top: auto;}
#extra_nav.pos_top.type_dropdown ul li ul,
#extra_nav.pos_bottom.type_dropdown ul li ul,
#nav.pos_top.type_dropdown ul li ul,
#nav.pos_bottom.type_dropdown ul li ul {
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
}/* dropshadow */

#extra_nav.pos_top.type_dropdown ul li>ul,
#extra_nav.pos_bottom.type_dropdown ul li>ul,
#nav.pos_top.type_dropdown ul li>ul,
#nav.pos_bottom.type_dropdown ul li>ul {display: none;}
#extra_nav.pos_top.type_dropdown ul ul li:hover,
#extra_nav.pos_bottom.type_dropdown ul ul li:hover,
#nav.pos_top.type_dropdown ul ul li:hover,
#nav.pos_bottom.type_dropdown ul ul li:hover {background-color: #f6f6f6;}
#extra_nav.pos_top.type_dropdown li:hover>ul,
#extra_nav.pos_bottom.type_dropdown li:hover>ul,
#nav.pos_top.type_dropdown li:hover>ul,
#nav.pos_bottom.type_dropdown li:hover>ul {display: block; opacity: 1; visibility: visible; height: auto; background: #fff; z-index: 1;}
#extra_nav.pos_top.type_dropdown ul.contents_list,
#extra_nav.pos_top.type_dropdown ul.contents_list li,
#extra_nav.pos_bottom.type_dropdown ul.contents_list,
#extra_nav.pos_bottom.type_dropdown ul.contents_list li,
#nav.pos_top.type_dropdown ul.contents_list,
#nav.pos_top.type_dropdown ul.contents_list li,
#nav.pos_bottom.type_dropdown ul.contents_list,
#nav.pos_bottom.type_dropdown ul.contents_list li {width: 12em;}
#extra_nav.pos_top.type_dropdown ul.contents_list a,
#extra_nav.pos_bottom.type_dropdown ul.contents_list a,
#nav.pos_top.type_dropdown ul.contents_list a,
#nav.pos_bottom.type_dropdown ul.contents_list a {display: block; padding: 0 5px;}
#extra_nav.pos_top.type_dropdown ul.contents_list li,
#extra_nav.pos_bottom.type_dropdown ul.contents_list li,
#nav.pos_top.type_dropdown ul.contents_list li,
#nav.pos_bottom.type_dropdown ul.contents_list li {display:block;}

#extra_nav.pos_top.type_dropdown ul ul,
#extra_nav.pos_top.type_dropdown ul ul ul,
#extra_nav.pos_top.type_dropdown ul ul ul ul,
#nav.pos_top.type_dropdown ul ul,
#nav.pos_top.type_dropdown ul ul ul,
#nav.pos_top.type_dropdown ul ul ul ul {top: 0px;}

#extra_nav.pos_bottom.type_dropdown ul ul,
#nav.pos_bottom.type_dropdown ul ul {bottom: 100%;}
#extra_nav.pos_bottom.type_dropdown ul ul ul,
#extra_nav.pos_bottom.type_dropdown ul ul ul ul,
#nav.pos_bottom.type_dropdown ul ul ul,
#nav.pos_bottom.type_dropdown ul ul ul ul {bottom: 0px;}

/* nav alignment (left, right, center), top and bottom only with dropdown
   align left
 */
#extra_nav.pos_top.align_left #logo,
#extra_nav.pos_bottom.align_left #logo,
#nav.pos_top.align_left #logo,
#nav.pos_bottom.align_left #logo {float: left; }
#extra_nav.pos_top.align_left .menu,
#extra_nav.pos_bottom.align_left .menu,
#nav.pos_top.align_left .menu,
#nav.pos_bottom.align_left .menu {text-align: left; }
#extra_nav.pos_top.align_left.type_dropdown ul li ul li,
#extra_nav.pos_bottom.align_left.type_dropdown ul li ul li,
#extra_nav.pos_top.align_left.type_default ul li ul li,
#extra_nav.pos_bottom.align_left.type_default ul li ul li,
#nav.pos_top.align_left.type_dropdown ul li ul li,
#nav.pos_bottom.align_left.type_dropdown ul li ul li,
#nav.pos_top.align_left.type_default ul li ul li,
#nav.pos_bottom.align_left.type_default ul li ul li {float: left;}
#extra_nav.pos_top.align_left.type_dropdown ul>li a,
#extra_nav.pos_bottom.align_left.type_dropdown ul>li a,
#extra_nav.pos_top.align_left.type_default ul>li a,
#extra_nav.pos_bottom.align_left.type_ddefault ul>li a,
#nav.pos_top.align_left.type_dropdown ul>li a,
#nav.pos_bottom.align_left.type_dropdown ul>li a,
#nav.pos_top.align_left.type_default ul>li a,
#nav.pos_bottom.align_left.type_ddefault ul>li a {margin-right: 20px;}
#extra_nav.pos_top.align_left.type_dropdown ul ul a,
#extra_nav.pos_bottom.align_left.type_dropdown ul ul a,
#nav.pos_top.align_left.type_dropdown ul ul a,
#nav.pos_bottom.align_left.type_dropdown ul ul a {margin: 0px;}
#extra_nav.pos_top.align_left.type_dropdown ul li ul ul,
#extra_nav.pos_bottom.align_left.type_dropdown ul li ul ul,
#nav.pos_top.align_left.type_dropdown ul li ul ul,
#nav.pos_bottom.align_left.type_dropdown ul li ul ul {position: absolute; left: 12em;}

/* align right */
#extra_nav.pos_top.align_right #logo,
#extra_nav.pos_bottom.align_right #logo,
#nav.pos_top.align_right #logo,
#nav.pos_bottom.align_right #logo {float: right; }
#extra_nav.pos_top.align_right .menu,
#extra_nav.pos_bottom.align_right .menu,
#nav.pos_top.align_right .menu,
#nav.pos_bottom.align_right .menu {text-align: right;}
#extra_nav.pos_top.type_dropdown.align_right .menu,
#extra_nav.pos_bottom.type_dropdown.align_right .menu,
#nav.pos_top.type_dropdown.align_right .menu,
#nav.pos_bottom.type_dropdown.align_right .menu {text-align: right;}
#extra_nav.pos_top.type_dropdown.align_right ul>li a,
#extra_nav.pos_bottom.type_dropdown.align_right ul>li a,
#extra_nav.pos_top.type_default.align_right ul>li a,
#extra_nav.pos_bottom.type_default.align_right ul>li a,
#nav.pos_top.type_dropdown.align_right ul>li a,
#nav.pos_bottom.type_dropdown.align_right ul>li a,
#nav.pos_top.type_default.align_right ul>li a,
#nav.pos_bottom.type_default.align_right ul>li a {margin-left: 20px;}
#extra_nav.pos_top.align_right.type_dropdown ul ul a,
#extra_nav.pos_bottom.align_right.type_dropdown ul ul a,
#nav.pos_top.align_right.type_dropdown ul ul a,
#nav.pos_bottom.align_right.type_dropdown ul ul a {margin: 0px;}
#extra_nav.pos_top.type_dropdown.align_right ul ul,
#extra_nav.pos_bottom.type_dropdown.align_right ul ul,
#nav.pos_top.type_dropdown.align_right ul ul,
#nav.pos_bottom.type_dropdown.align_right ul ul {right: 0px;}
#extra_nav.pos_top.type_dropdown.align_right ul li ul li,
#extra_nav.pos_bottom.type_dropdown.align_right ul li ul li,
#nav.pos_top.type_dropdown.align_right ul li ul li,
#nav.pos_bottom.type_dropdown.align_right ul li ul li {float: right;}
#extra_nav.pos_top.type_dropdown.align_right ul ul ul,
#extra_nav.pos_bottom.type_dropdown.align_right ul ul ul,
#nav.pos_top.type_dropdown.align_right ul ul ul,
#nav.pos_bottom.type_dropdown.align_right ul ul ul {left: -12em;}
#extra_nav.align_right.pos_top.type_dropdown ul li ul ul,
#extra_nav.align_right.pos_bottom.type_dropdown ul li ul ul,
#nav.align_right.pos_top.type_dropdown ul li ul ul,
#nav.align_right.pos_bottom.type_dropdown ul li ul ul {position: absolute; right: 12em;}

/* align center */
#extra_nav.pos_top.type_dropdown.align_center .menu,
#extra_nav.pos_bottom.type_dropdown.align_center .menu,
#extra_nav.pos_top.type_default.align_center .menu,
#extra_nav.pos_bottom.type_default.align_center .menu,
#nav.pos_top.type_dropdown.align_center .menu,
#nav.pos_bottom.type_dropdown.align_center .menu,
#nav.pos_top.type_default.align_center .menu,
#nav.pos_bottom.type_default.align_center .menu {float: none; text-align: center;}
#extra_nav.pos_top.type_dropdown.align_center ul li,
#extra_nav.pos_bottom.type_dropdown.align_center ul li,
#extra_nav.pos_top.type_default.align_center ul li,
#extra_nav.pos_bottom.type_default.align_center ul li,
#nav.pos_top.type_dropdown.align_center ul li,
#nav.pos_bottom.type_dropdown.align_center ul li,
#nav.pos_top.type_default.align_center ul li,
#nav.pos_bottom.type_default.align_center ul li {float: none; display: inline-block;}
#extra_nav.pos_top.type_dropdown.align_center ul li ul li,
#extra_nav.pos_bottom.type_dropdown.align_center ul li ul li,
#nav.pos_top.type_dropdown.align_center ul li ul li,
#nav.pos_bottom.type_dropdown.align_center ul li ul li {float: left; text-align: left;}
#extra_nav.pos_top.type_dropdown.align_center ul>li a,
#extra_nav.pos_bottom.type_dropdown.align_center ul>li a,
#nav.pos_top.type_dropdown.align_center ul>li a,
#nav.pos_bottom.type_dropdown.align_center ul>li a {margin-right: 20px;}
#extra_nav.pos_top.type_default.align_center ul>li a,
#extra_nav.pos_bottom.type_default.align_center ul>li a,
#nav.pos_top.type_default.align_center ul>li a,
#nav.pos_bottom.type_default.align_center ul>li a {margin-left: 10px; margin-right: 10px;}
#extra_nav.pos_top.type_dropdown.align_center ul ul a,
#extra_nav.pos_bottom.type_dropdown.align_center ul ul a,
#nav.pos_top.type_dropdown.align_center ul ul a,
#nav.pos_bottom.type_dropdown.align_center ul ul a {margin: 0px;}
#extra_nav.pos_top.align_center.type_dropdown ul li ul ul,
#extra_nav.pos_bottom.align_center.type_dropdown ul li ul ul,
#nav.pos_top.align_center.type_dropdown ul li ul ul,
#nav.pos_bottom.align_center.type_dropdown ul li ul ul {position: absolute; left: 12em;}

.mobile_menu_icon {display: none; }

body.extranav_inline #extra_nav.pos_top.align_left .menu,
body.extranav_inline #extra_nav.pos_top.align_right .menu {float: none;}
body.extranav_inline #extra_nav.pos_top.align_right .menu .n_inner { float: right; }

body.extranav_inline #extra_nav {position: relative; z-index: 5; background-color: transparent; }
body.extranav_inline #extra_nav.pos_left {float: left; }
body.extranav_inline #extra_nav.pos_right {float: right; }
body.extranav_inline #extra_nav .menu {position: relative; }

#extra_nav #artist_nav_main { font-size: 1.25em; font-weight: bold; line-height: 1.5em; }

#masthead {position: relative; z-index: 1; background-color: #fff; left: 0px; right: 0px;}
#masthead #logo .logo {margin: 0; padding: 0; }
#masthead .masthead_background {width: 100%; height: 100%; overflow: hidden; }

/* masthead menu area */
#masthead_menu .menu { position: absolute; }
#masthead_menu ul li>ul {display: none;} /* default hide subs */
/* TODO: implement flyout menus for items with subfolders */

#instafeed img { max-width: 150px; max-height: 150px; }

/* footer */
#footer {position: absolute; z-index: 801;}
#lkbks_logo {right: 13px;}

/* static content elements */
#static {position: relative; left: 0px; right: 0px;}
#static.portfolio {}
#static.blog {}
#static.blog.detail {}
#static.page {}
#static.singleScreen {overflow: hidden; }
#static #error_content {padding: 50px; }

/* fullscreen */
.fullscreen_logo {display: none; position: absolute; left: 10px; top: 10px;}
.fullscreen_close {display: none; position: absolute; right: 10px; top: 10px; z-index: 999999; text-align: right;}
body.fullscreen .fullscreen_close, body.fullscreen .fullscreen_logo {display: block; }
body.fullscreen #nav, body.fullscreen #footer {display: none; }
body.fullscreen #static {z-index: 100; position: absolute; left: 0px !important; right: 0px !important; bottom: 0px !important; top: 0px !important; width: auto !important; height: auto !important; margin: 0 !important; background-color: #fff; }
body.fullscreen #static h2.slideshow_title {padding: 15px 100px 0 100px; text-align: center;}
body.fullscreen #static.portfolio .content {padding: 0px;}
body.fullscreen #static .slideshow_prev {left: 10px;}
body.fullscreen #static .slideshow_next {right: 10px;}

body.ss_controls_inline_top.ss_title_overlay_bottom.fullscreen .slideshow {margin-top: 0 !important; }
body.ss_controls_inline_bottom.ss_title_inline_top.fullscreen .slideshow {margin-top: 0 !important; }
body.ss_controls_inline_top.ss_title_inline_bottom.fullscreen .slideshow {margin-top: 0 !important; }
body.ss_controls_inline_top.ss_title_inline_top.fullscreen .slideshow {margin-top: 0 !important; }
body.ss_controls_overlay_top.ss_title_inline_top.fullscreen .slideshow {margin-top: 0 !important; }

body.fullscreen .slideshow_controls, body.fullscreen .ss_title {position: relative; z-index: 500;
	background: none;
	background: rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7cffffff', endColorstr='#7cffffff');
}

#fullscreen_test {position: fixed; left: -9999px; z-index: -100; width: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
#static:fullscreen #fullscreen_test {width: 100px; }
#static:-webkit-full-screen #fullscreen_test {width: 100px; }
#static:-moz-full-screen #fullscreen_test {width: 100px; }

/* subscribe form */
#subscribe {padding: 20px;}
#subscribe label {display: block;}
#subscribe input {}

/* Portfolio Detail - Slideshow */
#static.portfolio.detail .content {padding: 0px; height: 100%;}
#static .ss_title {display: block; padding: 9px 10px; text-align: center; line-height: 1em; opacity: 1;
	-webkit-tansition: opacity 500ms ease-in-out;
	-moz-tansition: opacity 500ms ease-in-out;
	tansition: opacity 500ms ease-in-out;
}
body.ss_controls_overlay_top .slideshow_controls,
body.ss_title_overlay_top .ss_title {z-index: 599; position: absolute; top: 0; left: 0; right: 0;}
body.ss_controls_overlay_bottom .slideshow_controls,
body.ss_title_overlay_bottom .ss_title { z-index: 599; position: absolute; bottom: 0; left: 0; right: 0;}
body.ss_title_overlay_bottom #static .ss_title.hide,
body.ss_title_overlay_top #static .ss_title.hide {opacity: 0;}

ul.slideshow {list-style: none; padding: 0px; margin: 0px; display: block;}
ul.slideshow li {display: block; height: 100%; width: 100%; position: relative; }
ul.slideshow li .slideshow_image {display: table-cell; text-align: center; vertical-align: middle;}
ul.slideshow li .slideshow_external {display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center;}
.flexbox ul.slideshow li .slideshow_image {display: flex; justify-content: center; align-items:center;}
ul.slideshow li .slideshow_image.video {}
ul.slideshow li .slideshow_image img {max-height: 100%; max-width: 100%;}
ul.slideshow li .slideshow_image .slideshow_video {position: absolute; top: 0; width: 100%; height: 100%; margin: 0 auto; text-align: center;}
ul.slideshow li .slideshow_image .slideshow_video_wrapper {position: relative; }
ul.slideshow li .slideshow_image .slideshow_video_cover {background-color: #000; cursor: pointer; }

ul.slideshow.slideshow_fit {}
ul.slideshow.slideshow_cropped .slideshow_image {display: block; height: 100%; overflow: hidden; }
ul.slideshow.slideshow_cropped .slideshow_image img {display: block; max-height: none; max-width: none; }

.slideshow.ie8 li .slideshow_image {display: block; }
.slideshow.ie8 li .slideshow_image img {vertical-align: middle; }
.slideshow.ie8  li .slideshow_image .slideshow_video_cover {display: block; }
.slideshow.ie8  li .slideshow_image .slideshow_video_cover img {vertical-align: middle; }

.slideshow_video {display: none; cursor: pointer; }
.slideshow_video > div {height: 100%; }
.slideshow_video_cover {position: relative; z-index: 2; }
.slideshow_video_play_icon {position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(/imgs/video-skin/skin1/playIcon.png) no-repeat; }

.slideshow_fullscreen_link {padding-bottom: 6px;}
.slideshow_controls {min-height: 1em; line-height: 1em; padding: 9px 10px; text-align: center; text-transform: capitalize;}
.slideshow_controls a, .slideshow_controls .slideshow_pag {padding: 0 10px;}
.slideshow_controls a:hover, .slideshow_controls a.sel {}
.slideshow_prev, .slideshow_next {display: inline-block;}
.slideshow_prev {}
.slideshow_next {}
.slideshow_prev:hover {}
.slideshow_next:hover {}
.slideshow_pag {display: inline-block;}

#scrollToTop {position: fixed; bottom: 0px; right: 0px; cursor: pointer; z-index: 100; display: block; height: 30px; width: 30px; line-height: 30px; background: #fff; color: #000; text-align: center; visibility: hidden; font-family: 'entypo'; font-size: 16px;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
	-webkit-transition: opacity 200ms linear, visibility 200ms linear;
	-moz-transition: opacity 200ms linear, visibility 200ms linear;
	-ms-transition: opacity 200ms linear, visibility 200ms linear;
	transition: opacity 200ms linear, visibility 200ms linear;
}
#scrollToTop.show {visibility: visible; filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;}
#scrollToTop:after {content: '\e876'; display: block; height: 100%; width: 100%;}

body.ss_hover_prev #slideshow:hover { cursor: url(/imgs/gallery_prev.png) 13 13, w-resize; }
body.ss_hover_next #slideshow:hover { cursor: url(/imgs/gallery_next.png) 13 13, e-resize; }
body.ss_hover_video #slideshow:hover { cursor: pointer; }
ul.slideshow li .slideshow_image.video { margin: auto; width: 75% !important;}

/* home page - Slideshow */
#homeSlideshow {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
#homeSlideshow li .home_title_wrapper {position: absolute; display: block; bottom: 0; right: 0; left: 0; margin: 0px; padding: 10px; font-size: 1em; line-height: 1.3em; text-align: center; }
#homeSlideshow li .home_title {font-size: 1.3em; line-height: 1.3em; text-align: center; }
#homeSlideshow.assets_fill li {}
#homeSlideshow.assets_fill .slideshow_image {display: block; height: 100%; }
#homeSlideshow.assets_fill img {display: block; max-width: none; max-height: none;}

/* covers */
#cover {position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; }
#cover.visible { z-index: 8999; }
#cover.loading, #cover.popup { z-index: 8999; background: rgba(255,255,255,0.7) url(/imgs/loading.gif) no-repeat center center; }
#cover.popup img.loader { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#cover.popup img { /* no shadows until img is done loading */
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
}

/* static pages */
#static .content {padding: 0;}
#static .content .right {float: none; margin-left: 400px;}
#static.page .content, #static.portfolio_bio .content {padding: 50px;}
#static.page img {max-width: 100%; }
body.phone #static.page img {margin: 0 !important; padding: 0 !important;}
#static.portfolio_bio .bio_image {float: left; margin-right: 2em; max-width: 30%;}

/* blog pages */
#static.blog .content {padding: 40px 100px 40px 100px;}
#static.blog #extra_nav.pos_left,
#static.blog #extra_nav.pos_right {padding-top: 40px; }

#static.blog .blog_title, /* using consistent bottom margins now that the items are rearrangeable */
#static.blog .blog_date,
#static.blog .blog_tags,
#static.blog .blog_artists,
#static.blog .blog_artist_portfolio,
#static.blog .blog_social,
#static.blog .blog_share_wrapper,
#static.blog .blog_comment_count,
#static.blog .blog_comments,
#static.blog .blog_categories,
#static.blog .blog_image {margin-bottom: 10px; }

.blog_list {display: block; margin: 0px; padding: 0px; list-style: none;}
.blog_item {position: relative; padding: 25px 0;}
#static.blog.detail .blog_item {clear: none;}
.blog_title {}
.blog_title a {color: #666;}
.blog_title a:hover {color: #000;}
.blog_date {color: #888;}
.blog_image {position: relative; display: block; width: 100%;}
.blog_image .blog_image_prev,
.blog_image .blog_image_next {display: block; position: absolute; z-index: 201; top: 50%; margin-top: -20px; overflow: hidden; text-indent: -99em;}
.blog_image .blog_image_prev {left: 0; margin-left: -60px;}
.blog_image .blog_image_next {right: 0; margin-right: -60px;}
.blog_image .blog_image_prev a,
.blog_image .blog_image_next a {display: block; height: 0px; width: 0px; border: 20px solid #888;}
.blog_image .blog_image_prev a {border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent;}
.blog_image .blog_image_next a {border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent;}
.blog_image .blog_image_prev a:hover {border-right-color: #000;}
.blog_image .blog_image_next a:hover {border-left-color: #000;}
.blog_image ul {display: block; list-style: none;}
.blog_image ul li {display: block; width: 100%; text-align: center;}
.blog_image ul li table {width: 100%; border-spacing: 0;}
.blog_image ul li table td {width: 100%; text-align: center; vertical-align: middle;}
.blog_image,
.blog_image ul,
.blog_image ul li {}
.blog_image ul li .slideshow_image {display: table-cell; vertical-align: middle; text-align: center; line-height: 0px;}
.blog_item .assettype1, .blog_item .assettype2 {font-size: 0px; line-height: 0px;}
.blog_item .assettype2 {overflow: hidden; }
.blog_image ul li .slideshow_image img {max-height: 100%; max-width: 100%;}
.blog_image_pager {display: block; position: relative; height: 10px; line-height: 10px; padding-top: 20px; text-align: center;}
.blog_image_pager a {display: inline-block; width: 9px; height: 9px; margin-right: 6px; overflow: hidden; text-indent: -99em; color: #666; background-color: #888;}
.blog_image_pager a:hover,
.blog_image_pager a.activeSlide{color: #fff; background-color: #000;}
.blog_list .blog_body {line-height: 1.5em; text-transform: none;}
.blog_body img {max-width: 100%; display: table-cell;}
.blog_list .blog_share_link {}
.blog_list .blog_share_link:hover, .blog_list .blog_share_link.sel {color: #000;}
.blog_list .blog_readmore {color: #999;}
.blog_list .blog_readmore:hover {color: #000;}
.blog_meta {font-size: 0.80em; line-height: 1.5em;}
.blog_meta .blog_tags a:after {content:', ';}
.blog_meta .blog_tags a:last-child:after {content:'';}
.blog_comments {padding-top: 2em;}

#static.blog.detail .blog_item {padding: 0; }

#blog_pagination {display: block; text-align: left;}
#blog_pagination .blog_prev,
#blog_pagination .blog_next {display: inline-block; padding: 0 10px; line-height: 2em;}


/* about page */
#about_page {text-align: justify; font-size: 18px; line-height: 1.3em;}
#about_page ul.about_photos {display: table; list-style: none; width: 100%; padding-bottom: 20px;}
#about_page ul.about_photos li {display: table-cell; width: 30%; padding: 0 1.665%; text-align: center; max-height: 379px;}
#about_page ul.about_photos li img {max-width: 100%;}


/* overlays */
.overlay {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; cursor: default; visibility: hidden; opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.overlay_outer {position: absolute; width: auto;
	-webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-khtml-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
}
.overlay_inner {position: relative; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff;}
.overlay_content {padding: 20px;}
.overlay.show {opacity: 1; visibility: visible; z-index: 9000;}
.overlay.show .overlay_outer {left: 50%; top: 50%;}

.overlay_inner h4 {font-size: 20px;}
.overlay_intro {display: none;}
.overlay a {color: #777;}
.overlay a:hover {color: #000; cursor: pointer; }
.overlay li:hover a,
.overlay li:hover span,
.overlay li.sel a,
.overlay li.sel span {color: #000; }
.overlay .o_close {z-index: 1; position: absolute; display: block; top: -10px; right: -10px; line-height: 2em; width: 2em; text-align: center; font-size: 12px; text-transform: uppercase; color: #fff; cursor: pointer; border: 2px solid #fff; background-color: #ccc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.overlay .o_close {font-family: 'Helvetica';}
.overlay .o_close:hover {color: #fff; background-color: #000;}

#pdf_overlay {}
#pdf_overlay h4 {text-align: center; padding-bottom: 0.3em; white-space: nowrap;}
#pdf_overlay .pdf_options {white-space: nowrap; text-align: center;}
#pdf_overlay .pdf_options a {display: inline; margin: 0 10px; }

#pdf_queue_overlay .overlay_description {width: 25em; }

.overlay_share_links {width: auto; display: inline-block; vertical-align: middle; padding-right: 20px;}
.overlay_share_links span {display: block; padding: 5px 10px 5px 0px; margin-bottom: 10px; text-align: left; color: #fff; background: #ccc; cursor: pointer;}
.overlay_share_links span:hover, .overlay_share_links span:hover .share_label {background: #666;}
.overlay_share_links sup {width: 1em; text-align: center; display: inline-block;}
.overlay_share_links .share_label {display: inline; }
.overlay_share_links sup.icon_facebook,
.overlay_share_links sup.icon_twitter,
.overlay_share_links sup.icon_pinterest,
.overlay_share_links sup.icon_tumblr,
.overlay_share_links sup.icon_linkedin,
.overlay_share_links sup.icon_google,
.overlay_share_links sup.icon_blogger,
.overlay_share_links sup.icon_stumbleupon,
.overlay_share_links sup.icon_sina {vertical-align: middle; font-family: 'entypo-social'; font-size: 15px; padding-left: 5px; padding-right: 5px; }
.overlay_share_links sup.icon_facebook:after {content: '\e80a';}
.overlay_share_links sup.icon_twitter:after {content: '\e808';}
.overlay_share_links sup.icon_pinterest:after {content: '\e803';}
.overlay_share_links sup.icon_tumblr:after {content: '\e802';}
.overlay_share_links sup.icon_linkedin:after {content: '\e811';}
.overlay_share_links sup.icon_google:after {content: '\e80d';}
.overlay_share_links sup.icon_stumbleupon:after {content: '\e815';}
.overlay_share_links sup.icon_sina:after {content: '\e824';}
#share_form {display: inline-block; vertical-align: middle; padding-left: 20px; border-left: 1px solid #ddd;}
#share_form.no_links { border-left: none; }

.share_inline sup.icon_facebook,
.share_inline sup.icon_twitter,
.share_inline sup.icon_pinterest,
.share_inline sup.icon_tumblr,
.share_inline sup.icon_linkedin,
.share_inline sup.icon_google,
.share_inline sup.icon_stumbleupon,
.share_inline sup.icon_sina,
.share_inline sup.icon_email {vertical-align: middle; font-family: 'entypo-social'; font-size: 13px; padding: 0px 3px 0px 3px; }
.share_inline sup.icon_facebook:after {content: '\e80a';}
.share_inline sup.icon_twitter:after {content: '\e808';}
.share_inline sup.icon_pinterest:after {content: '\e803';}
.share_inline sup.icon_tumblr:after {content: '\e802';}
.share_inline sup.icon_linkedin:after {content: '\e811';}
.share_inline sup.icon_google:after {content: '\e80d';}
.share_inline sup.icon_stumbleupon:after {content: '\e815';}
.share_inline sup.icon_sina:after {content: '\e824';}
.share_inline sup.icon_email:after {content: '\e805';}

/* facebook background color */
.fb-comments {background: #fff;}
/* .fb_iframe_widget span, .fb_iframe_widget iframe {width: 100% !important;} */


/* form elements */
.f_row {clear: both; padding-top: 1em;}
.f_row label span,
.f_row label input {height: 1.4em;}
.f_row label {float: left; margin-left: 2.2em;}
.f_row label:first-child {margin-left: 0px;}
.f_row label span {padding-bottom: 0.2em;}

.f_buttons {text-align: left;}

.f_required {float: right; font-size: 80%; color: #999;}

.f_row label span,
.f_row input[type="submit"],
.f_row input[type="cancel"],
.f_row button {text-transform: capitalize;}

/* Form styling for multiple sizes */
.f_mini input[type="text"],
.f_mini input[type="password"],
.f_mini input[type="tel"],
.f_mini input[type="email"],
.f_mini input[type="address"],
.f_mini input[type="time"],
.f_mini input[type="datetime"],
.f_mini input[type="date"],
.f_mini input[type="url"],
.f_mini input[type="search"],
.f_mini select,
.f_mini textarea {width: 4em;}
.f_small input[type="text"],
.f_small input[type="password"],
.f_small input[type="tel"],
.f_small input[type="email"],
.f_small input[type="address"],
.f_small input[type="time"],
.f_small input[type="datetime"],
.f_small input[type="date"],
.f_small input[type="url"],
.f_small input[type="search"],
.f_small select,
.f_small textarea {width: 8.7em;}
.f_medium input[type="text"],
.f_medium input[type="password"],
.f_medium input[type="tel"],
.f_medium input[type="email"],
.f_medium input[type="address"],
.f_medium input[type="time"],
.f_medium input[type="datetime"],
.f_medium input[type="date"],
.f_medium input[type="url"],
.f_medium input[type="search"],
.f_medium select,
.f_medium textarea {width: 11em;}
.f_large input[type="text"],
.f_large input[type="password"],
.f_large input[type="tel"],
.f_large input[type="email"],
.f_large input[type="address"],
.f_large input[type="time"],
.f_large input[type="datetime"],
.f_large input[type="date"],
.f_large input[type="url"],
.f_large input[type="search"],
.f_large select,
.f_large textarea {width: 18em;}
.f_xlarge input[type="text"],
.f_xlarge input[type="password"],
.f_xlarge input[type="tel"],
.f_xlarge input[type="email"],
.f_xlarge input[type="address"],
.f_xlarge input[type="time"],
.f_xlarge input[type="datetime"],
.f_xlarge input[type="date"],
.f_xlarge input[type="url"],
.f_xlarge input[type="search"],
.f_xlarge select,
.f_xlarge textarea {width: 25em;}
.f_xxlarge input[type="text"],
.f_xxlarge input[type="password"],
.f_xxlarge input[type="tel"],
.f_xxlarge input[type="email"],
.f_xxlarge input[type="address"],
.f_xxlarge input[type="time"],
.f_xxlarge input[type="datetime"],
.f_xxlarge input[type="date"],
.f_xxlarge input[type="url"],
.f_xxlarge input[type="search"],
.f_xxlarge select,
.f_xxlarge textarea {width: 32em;}

.inline_contact_form{ max-width: 26em; }

label span,
body.labels_top label span {display: block;}
body.labels_inline label span {display: inline-block;}
body.labels_none label span {display: none;}

body.mobile.staticScroll #nav {position: relative;}

body.mobile #nav {height: 50px; position: relative;}
body.mobile.logo_over_masthead #nav {height: 0; }
body.mobile #nav.pos_left,
body.mobile #nav.pos_right {height: 50px; bottom: auto; width: 100%;}
body.mobile #nav.align_right #logo {float: left;}
body.mobile #logo .logo,
body.mobile #logo .logo {margin-top: 10px !important; margin: 10px; padding-top: 0px; padding-bottom: 0px; font-size: 30px; line-height: 1em;}
body.mobile #logo #nav_logo.logo {height: 50px; margin-top: 0 !important; }
body.mobile #nav.pos_left .menu,
body.mobile #nav.pos_right .menu {top: 0px !important; bottom: 0px !important;}
body.mobile #nav.align_center .menu,
body.mobile #nav.align_right .menu {text-align: left !important;}
body.mobile #nav .menu {position: fixed; float: none; width: 100%; right: auto; width: 85%; top: 0px; bottom: 0px; left: -85%; margin: 0px !important; background-color: #f6f6f6; overflow: auto; padding: 0px !important; -webkit-overflow-scrolling: touch; text-align: left;
	-webkit-box-shadow: inset -2px 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset -2px 0 5px rgba(0,0,0,0.1);
	-o-box-shadow: inset -2px 0 5px rgba(0,0,0,0.1);
	-ms-box-shadow: inset -2px 0 5px rgba(0,0,0,0.1);
	box-shadow: inset -2px 0 5px rgba(0,0,0,0.1);
	-webkit-transition: left 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out;
	-ms-transition: left 200ms ease-in-out;
	transition: left 200ms ease-in-out;
}
body.mobile #nav .menu ul li,
body.mobile #nav .menu ul li ul li {display: block !important; float: none !important;}
body.mobile #nav ul li ul {padding-left: 20px;}
body.mobile #nav ul li a {margin: 0px !important;}
body.mobile.menu_open #nav .menu {left: 0; right: 85%;}
body.mobile #nav.pos_bottom li>ul.open,
body.mobile #nav.pos_top li > ul.open {display: block;}
body.mobile #n_top_list {padding: 20px;}
body.mobile .mobile_menu_icon {display: block; position: fixed; top: 0px; right: 0px; padding: 7px; height: 36px; width: 36px; text-align: center; color: #666; cursor: pointer; z-index: 501;}
body.mobile .mobile_menu_icon:after {display: block; height: 36px; width: 36px; line-height: 38px; content: '\e811'; font-size: 25px; font-family: 'entypo'; background: #fff;}
body.mobile .mobile_menu_icon.sel {color: #000;}
body.mobile #static {left: 0 !important; margin-top: 0px !important;}
body.mobile #static.page .content {word-break: break-word;}

body.mobile #footer, body.mobile .nav_social {position: fixed !important; z-index: 801; width: 85%; left: -85%; top: auto; bottom: 0px; padding: 10px 0; background: transparent; border: 0px; height: auto; line-height: 1em; text-align: left;
	-webkit-transition: left 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out;
	-ms-transition: left 200ms ease-in-out;
	transition: left 200ms ease-in-out;
}
body.mobile.menu_open #footer,
body.mobile.menu_open .nav_social {left: 0px;}
body.mobile.menu_open #wrapper {margin-left: 85% !important; margin-right: -85% !important;  overflow: visible;}

body.mobile.staticScroll #static {top: 50px; margin-top: 0; }
body.phone.staticScroll #static.home.singleScreen {width: 100%;}


/* Large desktop */
@media screen and (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
	#static.blog .content {padding-left: 50px; padding-right: 50px;}
}

@media screen and (max-width: 640px) {
	#static.blog .content {padding: 20px;}
	#static.page .content, #static.portfolio_bio .content {padding: 10px;}
	#static.page .content img {margin: 0px !important;}
	#carousel .blog_artist_portfolio, #carousel .blog_tags {display: none; }
	.blog_image .blog_image_next, .blog_image .blog_image_prev {display: none !important;}
	.slideshow_controls {padding: 9px 0;}
	.slideshow_controls a,
	.slideshow_controls .slideshow_pag {padding: 0 7px; vertical-align: middle;}
	.slideshow_controls a,
	#masonry .m_item_text a.m_lb_link,
	#slider .footer a,
	#slideshow .footer a {height: auto; font-family: 'entypo'; font-size: 18px; text-transform: none;}
	#masonry .m_item .m_item_text .m_lb_link {height: auto;}
	.slideshow_controls a span,
	#masonry .m_item_text a span,
	#slider .footer a span,
	#slideshow .footer a span {display: none;}
	.slideshow_controls .lb_add:after,
	#masonry .m_item_text .lb_add:after,
	#slider .footer .lb_add:after,
	#slideshow .footer .lb_add:after {content: '\e824';}
	.slideshow_controls .lb_remove:after,
	#masonry .m_item_text .lb_remove:after,
	#slider .footer .lb_remove:after,
	#slideshow .footer .lb_remove:after {content: '\e821';}
	.slideshow_controls .slideshow_gallery_link:after,
	#slider .footer .slideshow_gallery_link:after,
	#slideshow .footer .slideshow_gallery_link:after{content: '\e82f';}
	.slideshow_controls .slideshow_share_link:after,
	#slider .footer .slideshow_share_link:after,
	#slideshow .footer .slideshow_share_link:after {content: '\e857';}
	.slideshow_controls .fullscreen_link:after {content: '\e869';}
	.slideshow_controls .slideshow_thumbs:after {content: '\e810';}
	.slideshow_controls .open_pdf_form:after,
	#slider .footer .open_pdf_form:after,
	#slideshow .footer .open_pdf_form:after,
	.slideshow_controls .pdf_download:after,
	#slider .footer .pdf_download:after,
	#slideshow .footer .pdf_download:after {content: '\e82c';}
	.slideshow_controls .slideshow_next:after {content: '\e875';}
	.slideshow_controls .slideshow_prev:after {content: '\e874';}

	#static .blog_list.story .blog_content {position: relative; width: 100% !important;}
	#static .blog_list.story .blog_content_inner {max-height: none !important;}
	#static .blog_list.story .blog_slideshow {left: 0; width: 100%;}
	#static .blog_list.story .fade_upper,
	#static .blog_list.story .fade_lower {display: none; }

	/* overlays */
	#share_overlay .overlay_inner {width: 280px;}
	.overlay_share_links, #share_form {display: block;}
	.overlay_share_links {padding: 0px;}
	.overlay_share_links .share_label {display: none;}
	.overlay_share_links .st_link {width: auto; display: inline-block; margin-right: 10px; padding: 5px 3px;}
	#share_form {margin: 0px; padding: 0px; border: 0px;}

	/* forms */
	.f_row label {float: none;}
	.f_row label input,.f_row label select, .f_row label textarea {width: 95% !important;}

}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
	#static.home {overflow: auto; -webkit-overflow-scrolling: touch;}
	#static.blog .content {padding-left: 10px; padding-right: 10px;}

	#pdf_overlay .pdf_options a {margin: 0 5px;}

	#extra_nav.pos_top.type_dropdown.align_center ul>li a,
	#extra_nav.pos_bottom.type_dropdown.align_center ul>li a,
	#nav.pos_top.type_dropdown.align_center ul>li a,
	#nav.pos_bottom.type_dropdown.align_center ul>li a {margin-right: 10px;}

}


/* loaders */
.loading:after, .loading:before {display: block; content: ''; position: absolute; z-index: -1; width: 16px; height: 16px; top: 50%; left: 50%; margin: -8px 0 0 -18px;}

.flipper:after {background-color: #000;
	-webkit-animation: flipper 1.2s infinite ease-in-out;
	-ms-animation: flipper 1.2s infinite ease-in-out;
	animation: flipper 1.2s infinite ease-in-out;
}
.bouncer:after {border-radius: 50%; background-color: #000;
	opacity: 0.6;
	-webkit-animation: bouncer 2.0s infinite ease-in-out;
	-ms-animation: bouncer 2.0s infinite ease-in-out;
	animation: bouncer 2.0s infinite ease-in-out;
}
.spinner:after {border-radius: 50%; font-size: 20px; -webkit-transform: scale(0.25);
	box-shadow:
		rgb(0,0,0) 1.5em 0 0 0,
		rgb(0,0,0) 1.1em 1.1em 0 0,
		rgb(0,0,0) 0 1.5em 0 0,
		rgb(0,0,0) -1.1em 1.1em 0 0,
		rgb(0,0,0) -1.5em 0 0 0,
		rgb(0,0,0) -1.1em -1.1em 0 0,
		rgb(0,0,0) 0 -1.5em 0 0,
		rgb(0,0,0) 1.1em -1.1em 0 0;
	-webkit-animation: spinner 2.0s infinite linear;
	-ms-animation: spinner 2.0s infinite linear;
	animation: spinner 2.0s infinite linear;
}
.dialer:after {
	-webkit-animation: dialer 0.7s infinite linear;
	-ms-animation: dialer 0.7s infinite linear;
	animation: dialer 0.7s infinite linear;
	border-radius: 8px;
	border: 4px solid #000;
	border-right-color: transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.timer:before {
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background: #000;
	height: 2px;
	width: 8px;
	margin: -1px 0 0 -10px;
	-webkit-transform-origin: 0% 50%;
	transform-origin:20% 40%;
	-webkit-animation: timer 1.25s infinite linear;
	-ms-animation: timer 1.25ms infinite linear;
	animation: timer 1.25ms infinite linear;
}
.timer:after {
	border: 2px solid #000;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* animations for optional loaders */
@-webkit-keyframes flipper {
	0% {-webkit-transform: perspective(120px);}
	50% {-webkit-transform: perspective(120px) rotateY(180deg);}
	100% {-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);}
}

@keyframes flipper {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-webkit-keyframes bouncer {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncer {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@-webkit-keyframes spinner {
	0% {-webkit-transform: scale(0.25) rotate(0deg);}
	100% {-webkit-transform: scale(0.25) rotate(360deg);}
}
@-webkit-keyframes dialer {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes timer {
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}