/* ==========================================================================
   FatFree
   ========================================================================== */
/* 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;
}

html,
button,
input,
select,
textarea {
    color: #969696;
}
h2, h1, h3, h4, h5, h6 { margin:0; padding:0; line-height:100%;}
a { color:#969696;}
a:visited { color: #969696;}
a:hover { color:#404040;}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #4e4e4e;
    text-shadow: none;
    color: #ececec;
}

::selection {
    background: #4e4e4e;
    text-shadow: none;
    color: #ececec;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.nav li a{	
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	-ms-transition:.5s;
}

@font-face {
	font-family: 'garamond';
	src: url('fonts/garamond.eot'); /* IE9 Compat Modes */
	src: url('fonts/garamond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/garamond.woff') format('woff'), /* Modern Browsers */
	     url('fonts/garamond.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/garamond.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	
@font-face {
	font-family: 'raleway';
	src: url('fonts/raleway.eot'); /* IE9 Compat Modes */
	src: url('fonts/raleway.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/raleway.woff') format('woff'), /* Modern Browsers */
	     url('fonts/raleway.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/raleway.svg#svgFontName') format('svg'); /* Legacy iOS */
	}


/* ==========================================================================
   FatFree styles
   ========================================================================== */
body { padding:0 10px;}   
.box { display:block; max-width:960px; min-height:100px; padding:20px 10px 20px 10px; margin:0 auto; background:#f9f9f9; }


/* Header */
#mobile_top { margin-top:70%; position:fixed; right:0; z-index:1000; width:30px; height:30px; background:#969696; color:#fff; padding-top:10px; padding-left:5px; display:none; }
.topWrap { display:block; position:relative; min-height:80px;}
.logo { display:block; width:30%; height:34px; float:left; margin-top:0; }
.logo img { display:block; margin-right:20%; float:right;}
.navWrap { display:block; float:right;}
.navWrap ul { list-style:none; float:right;}
.navWrap ul li { float:left; padding:10px 15px; padding-top:10px;}
.navWrap ul li a { font-family: raleway, Helvetica, Arial, sans-serif; font-size:13px;text-decoration:none; text-transform: uppercase; color:#969696;}
.navWrap ul li a:hover, .navWrap ul li.active a { color:#404040;}
.navWrap ul li.navLast { padding-right:0;}

/* Body */
.left, .right { display:block; min-height:100px; margin:0; padding:0; margin-bottom: 20px;}
.left { display:block; float:left; width:30%;}
.leftContent { margin-top: 100px; padding-right: 20%; text-align: right;}
    div.leftContent h3 { font-size: 13px; text-transform: uppercase; font-family: raleway, Helvetica, Arial, sans-serif; margin-bottom: 40px;}
    div.leftContent h1 { font-size: 20px; font-weight: bold; color: #6c6c6c; font-family: garamond, Helvetica, Arial, sans-serif; letter-spacing:.5px}
    div.leftContent h2 { font-size: 17px; font-family: garamond, Helvetica, Arial, sans-serif; margin-top: 5px;}
    div.leftContent h4 { font-size: 11px; font-family: raleway, Helvetica, Arial, sans-serif; margin-top: 20px;}
    div.leftContent a, div.subLinks a { text-decoration:none;}
    div.subLinks h3 {margin-top:5px;}
    div.subLinks > h3 > a { padding-left:3px;}

div.subLinks h3 { font-size: 13px; text-transform: uppercase; font-family: raleway, Helvetica, Arial, sans-serif;  margin-bottom: 5px;}
.right { display:block; float:right; width:70%; }
.right img { display: block; margin:0 auto;
 max-width: 90%;
 width: auto\9;
 height: auto;
 vertical-align: middle;
 border: 0;
 -ms-interpolation-mode: bicubic;
}

img.cell_large { display: block; margin:0 auto;
 max-width: 100%;
 width: auto\9;
 height: auto;
 vertical-align: middle;
 border: 0;
 -ms-interpolation-mode: bicubic;
}


.right a img.home_img { max-height:500px;}
div.allArtists h3 { margin-top:40px; margin-bottom:20px; padding-left:4px;}

.subLinks { margin-left: 20%;}
p.artistSoloP { display:block; text-align:center; padding-top:10px;}

.scrollBox { height: 680px; overflow-y: auto; position: relative;}
h3.year { text-decoration:none; margin-top:5px;}
.galleryBlock { width: 167px; min-height: 167px; float: left; margin:0 0 10px 6%; overflow: hidden; }
.galleryBlock p { display: block; width: 100%; height: 42px;  text-align: center; min-height: 20px; line-height: 100%; font-size: 14px; padding-top: 5px;}
.galleryImg { width: 167px; height: 167px; overflow: hidden; }
.galleryImg img { max-width: none; width: 100%; vertical-align: middle; position: relative;
	-webkit-transition:.35s;
	-moz-transition:.35s;
	-o-transition:.35s;
	-ms-transition:.35s;
}
.galleryBlock img:hover { width: 115%; }
.accordionButton {font-size: 13px; text-transform: uppercase; font-family: raleway, Helvetica, Arial, sans-serif; width: 100%; margin-left: -9px; margin-bottom:0px;}
#wrapper { width: 100%; margin-left: auto; margin-right: auto;}
#wrapper a { text-decoration:none;}
#wrapperAbout { width:100%; margin-top:60px; margin-left:20%; font-size:14px; }
#wrapperAbout h2 { margin-bottom:10px;}
#wrapperAbout h2 a { margin-bottom:20px; font-family: raleway, Helvetica, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
#wrapperAbout h2 a.active { color: #404040;}
#wrapperAbout h2:hover {}
#wrapper span, .accordionButton span { display: inline-block; width: 10px; }
.accordionButton {	width: 200px; _float: none; cursor: pointer; }
.accordionContent {	width: 100%; _float: none; background: #f5f5f5; font-family: raleway, Helvetica, Arial, sans-serif; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; vertical-align: middle; text-decoration: none; padding-left: 10px; margin-bottom: 5px;}
.accordionContent a, p.no_cv_link {text-decoration: none; font-family: raleway, Helvetica, Arial, sans-serif; font-size:14px; }


.rightContent { width: 90%; margin: 0 auto; padding: 15px 0; height: auto;}
.rightContent p { padding: 2px 0;}
.rightContent h1 { font-size: 18px; font-weight: bold; color: #6c6c6c; font-family: garamond, Helvetica, Arial, sans-serif;}
.rightContent h2 { font-size: 12px; font-family: raleway, Helvetica, Arial, sans-serif; margin-top: 5px; text-transform: uppercase; margin-top: 10px;}
p.indent { margin-left: 20px;}

.pLeftColumn, .pRightColumn { display: block; width: 46%;}
.pLeftColumn p, .pRightColumn p, .pOneColumn p { margin-bottom:15px;}

.pOneColumn { display: block; margin-top: 20px;}
.pLeftColumn { float: left;}
.pRightColumn { float: right;}


/* Contact */
.contactWrapLeft{ display: block; width: 60%; float: left; margin-top:-20px;}
.contactWrapRight{ display: block; width: 40%; float: right; font-family: garamond, Helvetica, Arial, sans-serif;}
.contactWrapRight p { margin: 0; padding: 0; line-height: 95%;}
.contactBlocktwo { margin-top: 60px;}

.contactWrapLeft form p { margin-top: 20px;}
.contactWrapLeft form p input, .contactWrapLeft form p textarea { width: 77%; margin-left: 10%; border: 1px solid #d1d1d1; }
.contactWrapLeft form p input.submit { float: right; width: 100px; margin-right: 31px; padding: 3px 2px; margin-top: -10px; background:#f0f0f0; cursor:pointer; }
.contactWrapLeft iframe { width: 82%; height: 250px; margin-left:40px; padding-left: -1px;}


input[placeholder], [placeholder], *[placeholder] { font-size: 14px; padding: 10px; font-family: raleway, Helvetica, Arial, sans-serif; }
span.radioBTNupdates { float: left; margin-left: 40px; padding: 10px 0 20px 0;}
input[radio], [radio], *[radio] { padding-right: 20px; margin-right: 20px;}

p.thanksP { margin-top:120px; margin-left:90px; font-family: raleway, Helvetica, Arial, sans-serif; }

/* dennis added */
h3.year {
	font-size: 18px; 
	text-transform: uppercase; 
	font-family: raleway, Helvetica, Arial, sans-serif; 
	letter-spacing: 1px;
	margin-bottom: 0px;
}

.year h3 {
	font-size: 18px; text-transform: uppercase; font-family: raleway, Helvetica, Arial, sans-serif; letter-spacing: 1px; margin-bottom: 20px; padding-left: 40px;
}

.year {
	margin-bottom: 20px;
}

hr.year {
	margin: 0 40px 0 40px;
}

/* Footer */
.footerWrap { display:block; max-width:960px; height:120px; margin:0 auto; margin-bottom: 20px; padding-bottom: 20px; font-family:garamond, Helvetica, Arial, sans-serif;}
.footerWrap p { line-height:120%;}
.footerLeftBlock, .footerMiddleBlock, .footerRightBlock { display:block; height:100px; width:33.33333%; float:left; padding-top:20px; }
.footerRightBlock p, .footerRightBlock span { text-align:right; }
.footerLeftBlock p.ftBottomMargin, h2.h2footer { margin-bottom:10px; }
h2.h2footer { font-size: 18px;}
.footerRightBlock span { float:right; margin-top:5px;}

/* Accordion */

/* Suplementary */
.left .borderHeight { padding-top: 40px; padding-bottom: 40px; margin-top: 60px;}
.highlight { color: #404040}

.facebookImg { display:block; width:23px; height:23px; background:url(../../images/resources/facebook.png) no-repeat center center; float:right; margin-left:5px; margin-top:5px;}
.facebookImg:hover { background:url(../../images/resources/facebook_hover.png);}
.emailImg { display:block; width:23px; height:23px; background:url(../../images/resources/email.png) no-repeat center center; float:right; margin-top:5px;}
.emailImg:hover {background:url(../../images/resources/email_hover.png);}

	.footerRightBlock span.socMedia { width: 100%; text-align: center; display: block; margin: 0 auto; margin-top: 10px;}
	.footerRightBlock span.socMedia a.facebookImg, .footerRightBlock span.socMedia a.emailImg { display:block; width:23px; height:23px; text-align: center; float: none;}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 1200px) {
.box { display:block; max-width:960px; padding-left: 60px; padding-right: 60px; }

}

@media (min-width: 760px) and (max-width: 979px) {
}

@media (max-width: 768px) { .toggleMenu { display:inline-block;} }

@media (max-width: 768px)  {
/* Nav */
    .logo img { float:left;}
    .topWrap { min-height:60px;}
	.toggleMenu { float:right; margin: 10px;}
	.navWrap { display:block; float:none; margin-bottom:30px; border-bottom:1px solid #eeeeee;}
	.navWrap ul { list-style:none; width:100%; overflow:hidden; border-top:1px solid #eeeeee;}
	.navWrap ul li { float:none; padding:0; width:100%; border-bottom:1px solid #eeeeee; text-align: center; padding-top:10px; padding-bottom:10px; margin-left: 0px; }
	.navWrap ul li a { text-decoration:none; color:#969696;}
	.navWrap ul li a:hover, .navWrap ul li.active a { color:#404040;}
	.navWrap ul li.navLast { padding-right:15px;}
	a.toggleMenu { display:block; width:38px; height:22px; background:url(../../images/resources/list.png) center no-repeat;}
	
/* Footer */
	.footerWrap { }
	.footerLeftBlock, .footerMiddleBlock, .footerRightBlock { display:block; height:140px; width:100%; float:none; margin:5px 0; border-top:1px solid #eeeeee;}
	.footerWrap p, h2.h2footer, .footerRightBlock span.socMedia img { text-align: center; float: none;}
	.footerRightBlock a div.email { display:block; width:23px; height:23px; position:relative; }
	.footerRightBlock p, .footerRightBlock span { text-align:center; float:none;}
	.footerRightBlock span.socMedia { width: 100%; text-align: center; display: block; margin: 0 auto; }
	.footerRightBlock span.socMedia { width:56px; margin:0 auto;}
	
/* Body */
	.right { display:block; float:none; width:100%; }
	.scrollBox { display:block; height: auto;}
	p.mobile_title { text-align: center; margin: 0 auto; margin-bottom:30px; }

	.accordionButton { margin-top:0 auto; width:100%;}
	.left h1, .left h2, .left h3, .left h4, .left h5 { float: none; position: relative; text-align: center; margin: 0; padding: 0;}
    .left h3 { font-size: 13px; margin-bottom: 20px; margin-top: 20px;}
    .left h1 { font-size: 24px; font-weight: bold; color: #6c6c6c;}
    .left h2 { font-size: 17px;  margin-top: 0px; margin-bottom:20px;}
    .left h4 { font-size: 11px; text-transform: uppercase; margin-top: 35px;}
	.galleryBlock { margin:0 0 10px 8%; overflow: hidden; }
.left p {text-align: center;}
    

/* Left */
	.left .leftContent { padding: 0;}
	.left { float:none; margin-bottom: 40px; width:100%; margin:0; padding:0; }
	#wrapperAbout, #wrapper { width:100%; margin:0 auto;}
	#wrapper h3 { width:58%; text-align:left;}
	#wrapper h3 a { margin:0 auto; }
	#wrapperAbout h3 { margin:0; padding:0;}
	.left .leftContent { border-right: none; text-align: left; margin-top:0; }
	.subLinks {  margin:0; padding:0; margin-left: 0; text-align: left; padding-left: 0px;}
	div.subLinks h3 { padding:2px 0; padding-left:10px; text-align: left; margin-left:42%; }
	div.accordionButton {margin:0; padding:0; margin-left:42%; width:58% }
	div.accordionContent { margin:0; padding:0; float:none; text-align: left;}
	div.accordionContent p {padding-left:43.8%; text-align: left; }
	.right img { margin-top:20px;}
	div.allArtists h3 { margin-top:40px; margin-bottom:20px; mtext-align: center; }
	.leftContent h4 { padding-bottom:10px;}
	div.leftContent h1 { margin-bottom:5px;}
   
/* Contact */
	.contactWrapLeft, .contactWrapRight { width: 100%;}
	.contactWrapLeft form p input, .contactWrapLeft form p textarea { width: 97%; margin-left: 0; }
	.contactWrapLeft iframe { width: 100%; height: 250px; margin-left:0; padding-left:0;}
	.contactWrapLeft form p input.submit { float: right; width: 100px; margin-right: 0%}
}

@media (max-width: 480px) {
	body, h1, h2, h3, h4, h5 {font-size: 90%;}
	.scrollBox { display:block; height: auto;}
 	.galleryBlock { margin: 0 auto; margin-left:18%;}
	p.mobile_title { margin-bottom:20px; }
	.contactWrapLeft form p input, .contactWrapLeft form p textarea { width: 92%; }

	.pLeftColumn { width:100%;}
	.pRightColumn { width:100%;}

	div.subLinks h3 { margin-left:30%; }
	div.accordionButton {margin-left:30%; width:70% }
	div.accordionContent p {padding-left:34%;  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
}