/*
 * RESET STYLES based on http://meyerweb.com/eric/tools/css/reset/
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* 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;
}


/*
 * SITE STYLES
 */

body {
	background: url("../images/bg.gif") repeat;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	height:100%;
}

p, li { color:#7d7d7d; line-height:22px; }
i, em { font-style:italic; }
b, strong { font-weight:bold; }
u { text-decoration:underline; }
small { font-size:small; }

a { color:#e08127; text-decoration:none; }
a:hover { color:#e08127; text-decoration:underline; }

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px #e4e4e4 solid; clear:both; height: 1px; margin:20px 0; }

.clear-all { clear:both; }
.hidden { display:none; }
.highlight { color:#000; }

/***
 * GLOBAL LAYOUT
 */

/* WRAPPER */
#wrapper {
	background-color:#fff;
	height: auto !important;
	height: 100%;
	min-height:100%;
	/*margin: 0 auto -68px;*/
	margin:0 auto;
	width:980px;
}

/* HEADER */
#header {
	border-bottom:4px solid #df7d27;
	display:block;
	overflow:hidden;
}
#header h1 { display:none; }
#header ul, #header p { float:left; line-height:0; }
#header ul { width:229px; height:193px; display:block; overflow:hidden; }

/* BANNER */
/*#banner {
	height:110px;
	margin:0 auto;
	padding:12px 0;
	width:880px;
}*/

/* BODY */
#body {
	display:block;
	margin-left:55px;
	min-height:500px;
	overflow:hidden;
	width:865px;
}

#body h2 { clear:both; color:#ac3a33; font-size:24px; font-weight:bold; margin-bottom:12px; }
#body h3 { font-size:30px; font-weight:bold; margin:20px 0 12px 0; }
#body h3:first-child, #body h3.first { margin:0 0 12px 0; }
#body h4 { font-size:20px; font-weight:bold; margin-bottom:12px; }

/* NAV */
#nav {
	border-top:1px solid #ddd;
	display:block;
	margin-left:5px;
	margin-top:16px;
}

#nav ul { display:block; }

#nav li {
	display:inline-block;
	float:left;
	font-size:14px;
	line-height:1em;
	padding-right:37px;
	white-space:nowrap;
}

#nav li.last  { padding-right:0; }
#nav li:last-child { padding-right:0; }

#nav li a {
	border-top:0;
	color:#b33c32;
	display:inline-block;
	font-weight:bold;
	line-height:auto;
	margin-top:4px;
	padding-bottom:2px;
	padding-top:2px;
	text-decoration:none;
	vertical-align:top;
}

#nav li a:hover,
#nav li.active a,
#nav li.current-page-ancestor a,
#nav li.current_page_item a { border-top:4px solid #ddd; color:#4d4d4d; margin-top:0; }


/* SOCIAL */
#social { clear:both; float:right; margin-top:8px; }
#social li { float:left; margin-right:22px; }
#social li:last-child {  margin-right:0; }
#social li.last {  margin-right:0; }
#social a { color: #999; }
#social a:hover { color: #e08127; }
#social a span { font-size: 1.1em; }


/* WIDGETS */
#widgets {
	border-top:1px solid #f2f2f2;
	display:block;
	margin-top:44px;
	overflow:hidden;
	padding:30px 0 20px 0;
	width:100%;
}

#widgets h2 { display:none; }

#widgets .items { margin:0 auto; width:860px; }
#widgets .items li, #widgets .items p, #widgets .items a, #widgets .items div { color:#a2a2a2; font-size:14px; line-height:20px; }

#widgets .item { float:left; margin-right:24px; width:198px; }
#widgets .item-last { float:left; width:194px; }

#widgets .items h3 { color:#a2a2a2; font-size:18px; margin-bottom:12px; }

#widgets #flickr .item { display: block; margin-bottom:15px; overflow: hidden; }

#widgets div.flickr_badge_image { border:1px solid #eee; float:left; line-height:0; margin-right:15px; }
#widgets div.flickr_badge_image a { line-height:0; }
#widgets .flickr_badge_image.last { margin-right:0; }
#widgets .flickr_badge_image img { background-color:#eee; margin:2px; }

#widgets .latest-tweets li { margin-bottom:15px; }
#widgets .latest-tweets li a { color:#888; }
#widgets .latest-tweets li a:hover { color:#e08127; text-decoration:underline; }
#widgets .latest-tweets li time { color:#888; font-size:12px; }

#widgets .rotating-sponsors li img { max-width: 100%; }

/* FOOTER */
#footer {
	background-color:#f3f2f2;
	border-top:1px solid #e9e8e8;
	height:60px;
	margin:0 auto;
	width:980px;
}
#footer p {
	color:#818181;
	font-size:14px;
	line-height:60px;
	margin-left:60px;
}

/***
 * HOME PAGE
 */

/* SPOTLIGHT */
#home-spotlight {
	clear:both;
	display:block;
	margin-bottom:24px;
	margin-left:5px;
	overflow:hidden;
	padding-top:17px;
}
#home-spotlight .media { width:auto; }
#home-spotlight .media ul { height:279px; width:642px; margin: 0 auto; }
#home-spotlight .desc {
	float:left;
	width:194px;
	height: 279px;
    overflow: scroll;
}
#home-spotlight .desc  p.title, #home-spotlight p.desc { float:left; }
#home-spotlight .desc  p.title {
	font-size:21px;
	margin:17px 0 10px 0;
	width:194px;
}
#home-spotlight .desc p {
	color:#7d7d7d;
	font-size:14px;
	line-height:20px;
}

/* CONTENT */
#home-content {
	border-top:1px solid #e4e4e4;
	clear:both;
	padding:18px 0;
	margin-left: 5px;
	width: 860px;
}
#home-content p {
    color: #000;
    margin-bottom: 20px;
}
#home-content a { color:#fff; }
#home-content a:hover { color:#fff; text-decoration:underline; }

/* EXCERPT BLOCK */
#home-excerpt-block {
	border-top:1px solid #e4e4e4;
	clear:both;
	display:block;
	margin-left:5px;
	overflow:hidden;
	padding-top:18px;
}

/* COLLECTION */
#home-excerpt-block .collection { float:left; margin-right:24px; width:642px; }

#home-excerpt-block .collection h2 { font-size:20px; margin-bottom:20px; }
#home-excerpt-block .collection p { line-height:0; }
#home-excerpt-block .collection .col1,
#home-excerpt-block .collection .col2,
#home-excerpt-block .collection .col3 { float:left; width:198px; }

#home-excerpt-block .collection .col1, #home-excerpt-block .collection .col2 { margin-right:24px; }
#home-excerpt-block .collection .img-1, #home-excerpt-block .collection .img-2 { width:100%; }

#home-excerpt-block .collection .img-1 { margin-bottom:25px; }

/* SIDEBAR */
#home-excerpt-block .blog-entries { display:block; float:left; overflow:hidden; width:194px; }
#home-excerpt-block .blog-entries h2 { color:#696969; font-size:18px; margin:10px 0 12px 0; }
#home-excerpt-block .blog-entries .item { clear:both; display:block; margin-bottom:12px; overflow:hidden; }
#home-excerpt-block .blog-entries img { border:1px solid #eee; float:left; margin-right:10px; padding:4px; }
#home-excerpt-block .blog-entries .content { float:left; width:129px; }
#home-excerpt-block .blog-entries p { line-height:16px; }
#home-excerpt-block .blog-entries p a { color:#74a7ba; font-size:14px; }
#home-excerpt-block .blog-entries p.date { color:#bbb; font-size:14px; font-style:italic; }

/***
 * SIDEBAR
 */
#sidebar { clear:both; display:inline-block; float:left; margin-right:40px; min-height:1px; width:220px; }
#sidebar h2 { padding-left:5px; }
#sidebar img { padding-left:5px; }

/* SIDEBAR NAV */
#sidebar ul.nav li { font-size:18px; line-height:24px; }

#sidebar ul.nav li a,
#sidebar ul.nav li a:active,
#sidebar ul.nav li a:link { color:#ac3a33; display:block; margin:2px 0; padding-left:5px; text-decoration:none; }

#sidebar ul.nav li a:hover,
#sidebar ul.nav li.active a,
#sidebar ul.nav li.current_page_item a { background:#e07d28 url('../images/nav-highlight-pointer.png') no-repeat top right; color:#fff; }

/* SIDEBAR ACCORDION NAV */
#sidebar h3 { font-size:22px; padding-left:5px; margin:10px 0; }
#sidebar h3 a { color:#696969; text-decoration:none; }
#sidebar h3 a:hover { text-decoration:underline; }

#sidebar ul.accordion li p { background:url('../images/icon-nav-close.png') no-repeat 3px 6px; margin-left:5px; margin-top:10px; outline:none; padding-left:12px; }
#sidebar ul.accordion li p.ui-state-active { background:url('../images/icon-nav-open.png') no-repeat 0 7px; }
#sidebar ul.accordion li p a { text-decoration:none; }

#sidebar ul.accordion li a { color:#696969; font-size:18px; font-weight:bold; line-height:20px; margin:10px 0 8px 0; }
#sidebar ul.accordion li a:hover { background:none; color:#000; }

#sidebar ul.accordion li > ul { margin-left:12px; }

#sidebar ul.accordion li > ul li a,
#sidebar ul.press li a { font-size:16px; line-height:24px; margin:2px 0; padding-left:5px; }

#sidebar ul.accordion li > ul li a,
#sidebar ul.accordion li > ul li a:active,
#sidebar ul.accordion li > ul li a:link,
#sidebar ul.press li a,
#sidebar ul.press li a:active,
#sidebar ul.press li a:link { color:#ac3a33; display:block; text-decoration:none; }

#sidebar ul.accordion li > ul li a:hover,
#sidebar ul.accordion li > ul li.active a,
#sidebar ul.press li a:hover,
#sidebar ul.press li.active a { background:#e07d28 url('../images/nav-highlight-pointer.png') no-repeat top right; color:#fff; }

/***
 * CONTENT BLOCK
 */
#content { float:left; width:600px; }

#content ul { list-style:disc; margin-bottom:12px; margin-left:20px; }
#content ul li { list-style-position: outside; margin-bottom:6px; }

#content p.highlight { color:#000; margin-bottom:6px; }

#content .right-col { float:right; margin:0 0 20px 30px; }

#content .divider { border-bottom:1px #e4e4e4 solid; clear:both; margin:30px 0; }

/* TABLE - List */
table.list-item { margin-top:30px; width:100%; }
table.list-item td { vertical-align:top; }
table.list-item td img { border:1px solid #e4e4e4; margin-right:25px; }

/* CONTENT BLOCK: list-item */
#content .list-item { display: block; margin-top:20px; overflow: hidden; padding:1px 0; }
#content .list-item h4 { font-size:16px; }
#content .list-item img, #content .list-item div.temp-img { border:1px solid #e4e4e4; float:left; margin-right:20px; }
#content .list-item div.temp-img { width:130px; height:130px; background-color:#efefef; }
#content .list-item div.text { float:left; }
#content .list-item p.name { color:#000; font-size:16px; margin-bottom:6px; }

#content .list-item.sponsors h4 { margin-bottom:24px; }
#content .list-item.sponsors div.text { width:400px; }
#content .list-item.sponsors img { border:0; width: 140px; }

/* COMBO */
#content p { margin-bottom:12px; }
#content p:last-child { margin-bottom:0; }

#content p.main-image { border:1px solid #e4e4e4; float:left; margin:6px 15px 6px 0; }
#content .schedule-block { clear:both; margin-top:30px; }
#content .schedule-block p { margin-bottom:4px; }
#content .schedule-block h4 { background-color:#df7d27; color:#000; padding:2px 8px 4px 8px; }
#content .schedule-block .item { clear:both; display:block; margin-top:18px; overflow:hidden; }
#content .schedule-block .item img, #content .schedule-block .item div.temp-img { border:1px solid #e4e4e4; float:left; margin:4px 15px 0 0; }
#content .schedule-block .item div.temp-img { width:130px; height:130px; background-color:#efefef; }
#content .schedule-block .item p { float:right; width:373px; }
#content .schedule-block .item p.time { color:#000; float:left; font-weight:bold; width:80px; }
#content .schedule-block .item .desc { float: left; width: 60%; }

/* ARTIST LIST */
#content .artist-list img { background-color:#e4e4e4; height:190px; width:190px; }

#content ul.artist-list { clear:both; display:block; list-style:none; margin-bottom:15px; margin-left:0; overflow:hidden; }
#content ul.artist-list li, #content ul.artist-list.last li { float:left; margin-right:15px; }
#content ul.artist-list li a, #content ul.artist-list.last li a { display:block; }
#content ul.artist-list li.last, #content ul.artist-list.last li.last { margin-right:0; }
#content ul.artist-list.last { margin-bottom:0; }

/* ARTIST SINGLE */
#content .artist-single { clear:both; }

#content .artist-single .title-block { clear:both; display:flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 12px; }
#content .artist-single .title-block .col:first-child { flex: 1; }
#content .artist-single h3 { text-transform:uppercase; white-space: nowrap; margin-bottom: 6px; }
#content .artist-single p.mediatype { font-size: 15px; line-height:1em; }
#content .artist-single p.mediatype a { color:#696969; }
#content .artist-single p.mediatype a.active,
#content .artist-single p.mediatype a:hover { color:#000; }
#content .artist-single .first-exhibit { display: block; color: #ac3a33; margin-top: 6px; }

#content .artist-single .main-image { background-color:#e4e4e4; clear:both; height:400px; margin-bottom:15px; width:600px; }
#content .artist-single .images { clear:both; display:block; margin-bottom:20px; overflow:hidden; }
#content .artist-single .images p { background-color:#e4e4e4; float:left; height:120px; margin-right:15px; width:190px; }
#content .artist-single .images p.last { margin-right:0; }
#content .artist-single .description { clear:both; /*float:left; width:290px;*/ }
#content .artist-single .description h4 { color:#696969; }
#content .artist-single .contact-info { clear:both; margin:8px 0 24px 0; }
#content .artist-single .contact-info h4 { color:#696969; }
#content .artist-single .contact-info p { margin-bottom:6px; }

#slider { clear:both; }

/* PRESS */
#content.press h3 { clear:both; float:left; text-transform:uppercase; }
.navholder { clear:both; float:right; height:16px; }
#artist-entries { clear:both; display:block; overflow:hidden; }
.artist-entry { clear:both; display:block; margin-bottom:20px; overflow:hidden; }
.artist-entry .image { float:left; margin-right:15px; }
.artist-entry .content { float:right; width:390px; }
.artist-entry .content p { margin-bottom:6px !important; }
.artist-entry .content h4 { color:#969696; }
.artist-entry .content b { color:#969696; font-weight:normal; }
.artist-entry .content p.link { text-align:right; }

.navholder { margin-bottom:20px; }
.navholder a { font-size:14px; cursor:pointer; margin-right:6px; }
.navholder span { margin-right:6px; }
.navholder .jp-current, .navholder .jp-current:hover { color:#000; font-weight:normal; }

#content.press form { clear:both; }
.press-logout {
	text-transform: none;
	font-size: 16px;
	margin-left: 10px;
	color: #969696;
}
.press-logout a { color:#969696; }

/*
 * SEARCH AUTOCOMPLETE
 */

#content .artist-finder { float:right; margin:12px 0 8px 0; position: relative; z-index: 1000; }
#content .artist-finder p { float:left; margin-right:5px; }
#content .artist-finder .search-input { float:left; position: relative; width:150px; z-index: 100; }
#content .artist-finder img { float:left; margin-top:-6px; }

.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('css/jquery-ui/images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../js/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	color:#696969;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	color:#000;
	font-weight: normal;
}

/* Volunteer Form */
.volunteer-form p label { color:#696969; display:inline-block; width:140px; }
.volunteer-form p input[type='text'] { width:200px; }
.volunteer-form p.choice input { margin-left:8px; }
.volunteer-form p.choice label { width:auto; }
.volunteer-form p.shirt { margin-top:20px; }
.volunteer-form p.shirt label { margin-right:8px; width:auto; }
.volunteer-form p.submit { text-align:right; }
.volunteer-form .req { color:red; font-size:14px; }
.volunteer-form p.error { color:red; font-size:16px; }
.volunteer-form label.error { color: red; font-size: 14px; margin-left: 8px; width:auto; }

div.shifts > p { color:#696969; }
div.shifts .table { display:block; }
div.shifts .row { clear:both; display:block; overflow:hidden; }
div.shifts .row > p { display:inline-block; float:left; font-size:15px; padding:4px; margin-bottom:0; }

div.shifts .row.title { background-color:#efefef; }
div.shifts .row.title p { font-size:14px; }

div.shifts .row.even { background-color:#e4e4e4; }

div.shifts .row p.date { width:170px; }
div.shifts .row p.from, div.shifts .row p.to { width:90px; }
div.shifts .row p.num { text-align:center; width:120px; }
div.shifts .row p.signup { text-align:center; width:80px; }
div.shifts label.error { display:none; }

/* Blog */
#content.blog { clear:both; margin-left:5px; }
#content.blog h2 { clear:both; color:#000; font-size:30px; margin:12px 0; }
#content.blog h3 { clear:both; font-size:26px; margin: 10px 0 12px 0; }
#content.blog .post-entry { padding:1px 0 12px 0; }

#content .blog-nav { font-size:14px; margin-bottom:16px; text-align:right; }
#content .blog-nav .nav-previous { margin-right:6px; }
#content .entry-meta { border-top: 1px solid #CCC; clear:both; margin-bottom:8px; padding-top:8px; }
#content .entry-meta p { font-size:14px; margin-bottom:0; }

#author-info {
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}
#author-avatar { float:left; width:80px; }
#author-description { float:left; width:520px; }

.comment-form-comment label { display:none; }
.comment-form-comment textarea { width: 592px; }
#commentform #author { margin-left:12px; }
#commentform #email { margin-left:14px; }
#commentform #url { margin-left:10px; }
#commentform .form-submit { text-align:right; }

.logged-in-as, .form-allowed-tags { font-size:14px; }

#sidebar.blog { clear:none; float:right; margin:0 0 0 40px; width:194px; }
#sidebar.blog h3 { margin:20px 0 8px 0; padding-left:0; }

#searchform label { display:none; }

#respond { margin-top:30px; }
.post-comments h3,
#respond h3 { font-size:22px !important; }

.commentlist li { border-bottom:1px solid #ccc; display:block; padding-bottom:6px; margin-bottom:6px; overflow:hidden; }
.comment-text { float:left; width:80%; }
.comment-meta { font-size:14px; }
.comment-reply {
	background-color:#efefef;
	border:1px solid #ccc;
	float:right;
	font-size:14px;
	padding:1px 4px;
	margin-top:10px;
}

/* Blog Search */

.blog-pagination { text-align:right; }
.wp-paginate a, .wp-paginate .current {
	background:none !important;
	border:0px !important;
	font-size:14px;
	margin-right:6px !important;
	padding:0 !important;
}
.wp-paginate a { color:#e08127 !important; }
.wp-paginate .current { color:#000 !important; }
