/* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.clone {
	position:absolute;
	top:20px;
	left:10px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
html {
	background-color:#555877;
	background-image: url("../pics/other/descent-background.png");
	background-repeat: repeat;
	width:100%;
}
body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	background-color:#555877;
	font-family: 'Homemade Apple', cursive;
	font-family: 'Kristi', cursive;
	font-family: 'Lato', sans-serif;
	font-family: 'Quicksand', sans-serif;
	line-height:1;
	font-size:.97em;
    font-weight:200;
	background-image: url("../pics/other/descent-background.png");
	background-repeat: repeat;
	border:0px solid red;
	color:#313754;
}

p {
	font-family: 'Quicksand', sans-serif;
	line-height:1.3;
    font-size:1.1em;
    padding:5px 0;
    font-weight:500;
}

.current-menu-item {color:#C2445D;font-weight:900;}

.padding-1 {padding-bottom:2%;}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 300000;
top: 0;
left: 0px;
background-color: #3b3f58;
opacity:.9;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
border-right:10px solid #9898db;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 1.3em;
color: #d9e209;
display: block;
transition: 0.3s;
font-family: 'Quicksand', sans-serif;
}

.sidenav a:hover {
color: #D27F23;
opacity:.8;
font-weight:900;
font-size:140%;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 120%;
margin-left: 50px;
}

#main {
transition: margin-left .5s;
padding: 16px;
width:100%;
}

main {
	display: inline-block;
	vertical-align: middle;
	background: url(img/bg.jpg);
	padding:  100px;
	max-width: 500px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

a.menulink:link {color:#fff;text-decoration:none;}
a.menulink:visited {color:#fff;text-decoration:none;}
a.menulink:hover {color:#adb0c1;text-decoration:none;}
a.menulink:active {color:#c9b0ec;text-decoration:none;}

a.current:link {color:#caacad;text-decoration:none;}
a.current:visited {color:#caacad;text-decoration:none;}
a.current:hover {color:#caacad;text-decoration:none;}
a.current:active {color:#caacad;text-decoration:none;}

a.purchase:link {color:#000;text-decoration:underline;}
a.purchase:visited {color:#000;text-decoration:underline;}
a.purchase:hover {color:#fff;text-decoration:underline;}
a.purchase:active {color:#c9b0ec;text-decoration:underline;}

a.footerlink:link {color:#fff;text-decoration:none;}
a.footerlink:visited {color:#fff;text-decoration:none;}
a.footerlink:hover {color:#c6adf8;text-decoration:none;}
a.footerlink:active {color:#fff;text-decoration:none;}

a.none:link {color:#fff;text-decoration:none;}
a.none:visited {color:#fff;text-decoration:none;}
a.none:hover {color:#fff;text-decoration:none;}
a.none:active {color:#fff;text-decoration:none;}

a.body:link {color:#313754;text-decoration:none;}
a.body:visited {color:#313754;text-decoration:none;}
a.body:hover {color:#fff;text-decoration:none;}
a.body:active {color:#fff;text-decoration:none;}

a.small:link {color:#313754;text-decoration:none;font-size:90%;}
a.small:visited {color:#313754;text-decoration:none;}
a.small:hover {color:#fff;text-decoration:none;}
a.small:active {color:#fff;text-decoration:none;}

.show-sidebar-content-1 {display:block;}
.display-none {display:none;}
.gallery-images {width:60%; border:1px #FE6380;}
.ripple-wrap {
    position: relative
}
   
.ripple-wrap canvas {
    position: absolute;
    z-index: 1;
}

.posters {width:60%;border:0px solid red;float:right;padding:1%;}
.img-posters {width:80%;padding:2%;border:2px solid black;margin-bottom:2%;background-color:#ffffff;}

.small-menu {width:95%;margin:1% 0;line-height:130%;}

.fixed-side-menu {margin:0 0 0 3%;position:fixed;left:1%;font-size:100%;z-index:6000000000000; color:#fff;}

.barbara-menu {font-size:80%;display:none;}
.ul-barb-menu {margin:0 0 0 10%;}
.li-barb-menu {line-height:10%;}
.list-no-style-type {list-style-type:none;}

.ul-side-menu {width:80%;margin:0 0 75% 0;padding:0 0 75% 0;}
.side-menu-spacer {margin:0 0 75% 0;}

.menu-icon {display:none;}
.small-logo-icon {display:none;}
.logo-small-index {display:none;}

ul {
	font-family: 'Quicksand', sans-serif;
	line-height:1.3;
    font-size:1em;
    padding:5px 0;
    font-weight:500;
    margin:0 3%;
}

li {
	font-family: 'Quicksand', sans-serif;
	line-height:1.3;
    font-size:1em;
    padding:5px 0;
    font-weight:500;
}

.table-barbara {
	 width: 32%;
	 padding: 20px 0;
	 margin: 0px 0;
	 text-align:left;
	 border: 0px solid #b4b7c2;
	 position:relative;
	 left:0%;
	 display: inline-block;
	 vertical-align: top;
	 //*text-shadow: 1px 1px 1px #000;*//
}

.table-barbara-2 {
	 width: 64%;
	 padding: 20px 0;
	 margin: 0px 0;
	 text-align:left;
	 border: 0px solid #b4b7c2;
	 position:relative;
	 left:0%;
	 display: inline-block;
	 vertical-align: top;
	 //*text-shadow: 1px 1px 1px #000;*//
}

td {
	 vertical-align:top;
}

.text-shadow-1x {
	text-shadow: 0px 0px 1px #000;
}

#main-container {
	margin:0% 0% 0% 3%;
	border:0px solid green;
}

#left-side-panel {
	float:left;
	padding: 0 0 0 8%;
	width:30%;
	border:0px solid red;
	margin-top:7%;
}

#left-side-panel-2 {
	float:left;
	padding-right:6%;
	width: 30%;
	border:0px solid red;
	margin-top:4%;
	opacity: 0.9;
    filter: alpha(opacity=8); /* For IE8 and earlier */

}

#main-content {
	width:40%;
	padding:1% 0 0 2% ;
	border:0px solid blue;
	position:relative;
	left:2%;
	z-index:1001;
	float:left;
	opacity: 0.9;
    filter: alpha(opacity=8); /* For IE8 and earlier */
}

#main-content-2 {
	width: 52%;
	padding: 4% 6% 4% 3%;
	border: 0px solid red;
	position: absolute;
	margin-left: 35%;
	z-index: 1001;
	background-image: url("../pics/other/bg-white-70.png");
}

#content-width {
	margin:0 50px;
	border:0px solid red;
}

#index-gallery {position:relative;}

#menu-top {
	position:absolute;
	top:0;
	margin-left:10%;
	margin-bottom:6%;
	font-size:100%;
	text-align:center;
	color:#FFF;
	background-color:#5E6380;
	border-bottom-left-radius:1em;
	border:0px solid red;
	width:85%;
	height:auto;
	padding-bottom:3%;
	padding-left:3%;
}

#footer {
	clear:both;
	position:relative;
	top:5%;
	left:3%;
	font-size:90%;
	text-align:left;
	padding-bottom:10%;
	border:0px solid green;
	z-index:10;
	color:#fff;
	width:20%;
}

.footer-menu {
	position:relative;
	top:3%;
	margin:16px 0;
	border:0px solid red;	
}

.footer-menu-2 {
	position:relative;
	top:25px;
	margin:15px 0;
	border:0px solid red;
	line-height:20px;
}

.spacer {
	padding:35px 0;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear {
	clear:both;
}

.artist-name {
	font-size:300%;
	font-family:Quicksand;
}
.artist-titles {
	font-size:140%;
	padding:0 0 0 1%;
	font-family:Quicksand;
}

.page-name {
	font-size:200%;
	font-family:Quicksand;
	line-height:100%;
	padding:0 0 2% 0;
}

.page-name-side {
	font-size:150%;
	font-family:Quicksand;
	line-height:100%;
	padding:0 0 2% 0;
	display:none;
}

.img-left-side {
	width:15%;
	position:absolute;
	z-index:10;
}
.img-main-content {
	width:40%;
}

.img-menu {
	width:9%;
	position:fixed;
	left:.5%;
	top:2%;
	z-index:2000000000;
}

.img-menu-1 {
	margin-top:5px;
	box-shadow: 0px 0px 20px #330130;
}

.img-menu-2 {
	margin-top:5px;
	box-shadow: 0px 0px 20px #330130;
}

.img-menu-3 {
	margin-top:5px;
	padding:1px;
	border:10px solid #F8F8F8;
	box-shadow: 0px 0px 20px #330130;
}

.img-width-100 {
	width:100%;
}

.img-menu-4 {
	width:60%;
	margin-top:5px;
	padding:1px;
}

.img-background {
	position:absolute;
	left:40%;
	top:-45px;
	z-index:10;
	opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}

.img-mary-knoll-inside-cover {
	width:250px;
	border:1px solid black;
}

.img-sidebar-1 {width:100%;border:2px solid #383c57;}

.image-index {width:90%;padding:5%;}

.img-menu-pic {width:80%;position:relative;left:8%;padding-top:40%;}

.image-1 {
	width:120px;
	margin:5px 35px 5px 0px;
	border:0px solid black;
}

.image-2 {
	width:200px;
	margin:5px; 0px 5px 35px;
	border:0px solid black;
}

.image-3 {
	margin:5px; 50px 5px 0px;
	border:1px solid red;
	margin-right:12px;
}

.image-4 {
	width:300px;
	margin:5px; 0px 5px 35px;
	padding:3px;
	border:0px solid black;
}

.image-barb-at-press {width:200%; opacity:.3;}

.image-studio-1 {
	float:left;
	padding:5px;
	margin:0 10px 1px 0px;
	border:0px solid black;
	width:250px;
}

.image-studio-2 {
	padding:5px;
	margin:0 10px 1px 0px;
	border:0px solid black;
	width:80%;
}

.image-studio-3 {
	float:right;
	padding:5px;
	margin:0 0px 1px 10px;
	border:0px solid black;
	height:280px;
}

.img-email {
	width:25px;
	position:relative;
	top:10px;
}

.details {
	margin-left:5px;
	font-style:italic;
	font-size:90%;
}

.gallery-page-pics {
	height:200px;
}

.opacity-4 {
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
.bold {
	font-weight:900;
}
.italic {
	font-style:italic;
}

.image-title-dimensions {
	font-weight:400;font-size:85%;position:relative;top:5px;left:10px;line-height: 125%;
}

.caption-1 {font-size:80%;font-style:italic;padding:2% 0 1% 5%}
.caption-2 {font-size:80%;font-style:italic;padding:2% 0 1% 2%}
.caption-menu {font-size:80%;font-style:italic;padding:0 0 0 7%;color:#ffffff;border:0px solid red;}

.text-left-sidebar-bio {
}

.text-reverse {
	color:#FFF;
}

.text-80 {
	font-size:80%;
}

.text-90 {
	font-size:90%;
}

.text-105 {
	font-size:105%;
}

.text-110 {
	font-size:110%;
}

.text-120 {
	font-size:120%;
}

.text-120-menu {
	font-size:120%;
}

.text-130 {
	font-size:130%;
}

.text-150 {
	font-size:150%;
}

.text-190 {
	font-size:190%;
}

.center {
	text-align:center;
}

.pagename {
	color:#caacad;
/*	left:-10px;
	padding:5px;
	border-bottom-left-radius:2em;
	border-bottom-right-radius:2em;
	border-top-left-radius:2em;
	border-top-right-radius:2em;
	background-color:#fff;
*/	
}

.text-menu-gallery {
	color:#fff;
	padding:0px 0 0px 0;
	border:0px solid red;
	width:35%;
	float:left;
	text-shadow: 0px 0px 7px #000;
}

.text-menu-barbara {
	color:#fff;
	padding:0 0 0 4%;
	border:0px solid red;
	width:43%;
	float:left;
	text-shadow: 0px 0px 7px #000;
}

.text-menu-studio {
	position:relative;
	left:-28px;
	top:30px;
	color:#fff;
	padding:3% 0 0 10%;
	border:0px solid red;
	width:43%;
	float:left;
	text-shadow: 0px 0px 7px #000;
}

.text-menu-workshops {
	position:relative;
	top:40px;
	left:2%;
	color:#fff;
	padding:0% 0 0 15%;
	border:0px solid red;
	width:0%;
	color:#fff;
	text-shadow: 0px 0px 7px #000;
	font-size:100%;
}

.text-menu-publications {
	position:relative;
	top:65px;
	left:2%;
	color:#fff;
	padding:0% 0 0 15%;
	border:0px solid red;
	width:0%;
	color:#fff;
	text-shadow: 0px 0px 7px #000;
	font-size:100%;
}

.white {
	color:#fff;
}

.signature {
	width:110%;
}

.line-height-1 {
	line-height:130%;
}

.line-height-2 {
	line-height:150%;
}

.magnify {border:1px solid black; border-radius:0%; background-color:#e8e0e7; position:relative; z-index:300000; //*-moz-box-shadow: 6px 6px 15px 3px #333; -webkit-box-shadow: 6px 6px 15px 3px #333; box-shadow: 6px 6px 15px 3px #333;*//}

/*------------------------------------------------*/


.menu-2 {
text-align: left;position: relative;z-index: 30000;padding:2% 0 3% 1%;border-top: 1px solid #5E6380;border-bottom: 1px solid #5E6380;width:90%;line-height:130%;font-size:1.2em;margin-bottom:2%;
}
.menu-3 {
text-align: left;position: relative;z-index: 30000;padding:1% 0 3% 1%;width:90%;line-height:120%;font-size:1em;background-color:#CFD0DA;opacity:.7;border-radius: 10px;
}
.fade-in {
  animation: fadeIn ease 7s;  -webkit-animation: fadeIn ease 7s;  -moz-animation: fadeIn ease 7s;  -o-animation: fadeIn ease 7s;  -ms-animation: fadeIn ease 7s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
}
  100% {
    opacity:1;
}
}
@-moz-keyframes fadeIn {
  0% {
    opacity:0;
}
  100% {
    opacity:1;
}
}
@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
}
  100% {
    opacity:1;
}
}
@-o-keyframes fadeIn {
  0% {
    opacity:0;
}
  100% {
    opacity:1;
}
}
@-ms-keyframes fadeIn {
  0% {
    opacity:0;
}
  100% {
    opacity:1;
}
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {
body {
	background-image: url("");}
html {
	background-color:#555877;
	background-image: url("");
	background-repeat: repeat;
	width:100%;}
.barbara-menu {display:block;}
	.side-menu-spacer {margin:0 0 0 0;}
	.fixed-side-menu
	{font-size:80%;margin:5% 0 0 3%;padding: 0 0 0 2%;position:fixed;bottom:1%;left:1%;font-size:100%;color:#fff;background-image: url("../pics/other/descent-background.png");background-color:#555877;z-index:100000000;}
	.list-no-style-type {list-style-type:none;display:inline-block;}
	.ul-side-menu {width:80%;margin:0 0 0 0;padding:0 0 0 0;}
	#left-side-panel {display:block;width:90%;padding:2%;margin-top:5%;}
	#left-side-panel-2 {width:95%;padding:2%;margin-top:12%;border:0px solid red;display:inline-block;}
	#main-content {width:95%;padding:7% 0%;border:0px solid blue;position:relative;z-index:1001;float:left;opacity: 0.9;
		filter: alpha(opacity=8); /* For IE8 and earlier */}
	#main-content-2 {
	width: 86%;
	padding: 4%;
	border: 0px solid blue;
	position: absolute;
	left:0px;
	top:235%;
	margin-left:2%;
	z-index: 1000000000000000;
	background-image: url("../pics/other/bg-white-70.png");
	display:inline-block;
	}
	#footer {width:90%;clear:both;position:relative;top:5%;left:5%;font-size:90%;text-align:left;padding-bottom:10%;border:0px solid green;}
	#content-width {margin:0 0px;border:0px solid red;}
	.center {text-align:left;width:80%;}
	.footer-menu-2 {font-size:80%;display:none;}
	.footer-menu {font-size:80%;display:none;}
	.img-email {width:25px;position:relative;top:10px;display: none;}
	.img-menu {width:27%;}
	.img-menu-1, .img-width-100 {display:none}
	.image-studio-2 {
		padding:5px;
		margin:0 10px 1px 0px;
		border:0px solid black;
		width:80%;
	}
	.text-menu-gallery, .text-menu-barbara, .text-menu-studio {display:block;}
	.table-barbara {display:inline-block; clear:both;}
	.spacer {padding:15px 0;}
	.float-left {none;}
	.float-right {none;}
	.img-background {display:none}
	.small-menu {width:90%;margin:5% 0;}
	.menulink {display:block}
	.menu-icon {display:block;width:80px;position:relative;top:25px;}
	.small-logo-icon {display:block;position:relative;top:30px;left:3px;width:100%;padding-bottom:10px;font-size:110%;font-weight:900;color:#5E647F;}
	.logo-small-index {width:250px;margin:0px auto;display:block;}
	.page-name-side {display:block;}
}
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------