@charset "UTF-8";
/* CSS Document */


.menubarMobile {
display: none;	
}
/* ------------------- BODHRAN PAGE ------------------- */

div#smart-button-container {box-shadow:none;}
#paypal-button-container {box-shadow:none;}

h1.bodhranTitle {
font-family: sava; letter-spacing:.3em;  text-align:center;	
}

div.slicktext p {font-size:.8; margin-top:-10px;}

.bagpipes {
	/*font-family:bagpipe;
	font-size:1.5em;
	font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";*/
}

.chrisGray {
display:block;
position:absolute;
width:200px;
height:150px;
background-image:url(Logo%202017.svg);
background-size:200px;
background-repeat:no-repeat;
top:0px;
background-position:0px -90px;
z-index:10;
}

.chrisGray2 {
display:block;
position:absolute;
width:70px;
height:70px;
background-image: url(artwork/MCC%20Painting.jpg);
background-size:100px;
border-radius:100px;
background-repeat:no-repeat;
border:1px solid black;
top:80px;
left:70px;
background-position:0px 0px;
z-index:10;
}

.bodhran {
	font-family:bodhran;
	font-size:180px;
	line-height:;
	margin:-20px 0px -70px 0px;
	font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
}

.logo {
	height: 137px;
	background-image: url(logo%20light%202.png);
	background-size: 200px ;
	background-repeat:no-repeat;
	background-position: center 0px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	z-index:4;
	position:;
	display:;
	
	
}

.cliptext {
  
  /* if we can clip, do it */
  text-shadow:none;
    background:url(images/background2.jpg) ;
	background-size: 100%;
	background-position: 0px 0px;
  -webkit-text-fill-color:transparent;
  -webkit-background-clip: text;
  font-family:aquiline;
  font-size:1.5em;
  line-height:1em;
  padding-bottom:35px;
  z-index: 2;
  position:relative;
   color: #fff;
 
}

:after {
  
	
}

.slide-contain .single-item #slick_img  {
	position:relative;
	width:100px;
	
	min-width:0%;
	min-height:0%;
	display:block;
	float:left;
	margin-top:40px;
	margin-right:20px;
	background-color:none;
	border:rgba(0,0,0,0.73) solid 5px;
}

.single-item .slicktext a#slick_img_a {
	font-family:Aaargh;
	font-size:1.3em;
	color:rgb(251,231,153);
	background-color: transparent;
	padding:20px;
	height:50px;
	line-height:0px;
	border-radius:0px;
	
	margin-right: 20px;
	
}

.single-item .slicktext a#slick_img_a:hover {
	color:rgb(242,163,44);
}
.sponsors {
	width:120px;
	padding:10px;
	display:block;
	
	
}








 

  
 

  /* what will show through the text
      ~ or ~
     what will be the background of that element */


  /* fallback text color
      ~ or ~
     the actual color of text, so it better work on the background */

.parallaxB1, .parallaxB2, .parallaxB3, .parallaxB4 {
	margin-left:-100px;
	margin-top:-100px;
	width:100%;
}

.artgallery1 {
left:0px;
width:70%;
padding-left:10px;	
margin-top:-100px;
display:block;
position:relative;
z-index:10;
}



  
div.bodhranlinks {
	width: 120px;
	display:block;
	left:50px;
	position:absolute;
	
	
}

div.bodhranlinks a {
	display:block;
	float:left;
	width:120%;
	clear:both;
	background: black;
	color:#E5D59B;
	font-family:sava;
	font-size: 1em;
	letter-spacing:.4em;
	padding:10px;
	padding-left:20px;
	margin:5px 5px 5px -50px;
	box-shadow:none; 
	position:;
	-webkit-transition: ease-in-out 1s; /* For Safari 3.1 to 6.0 */
    transition:  ease-in-out .3s;
	
	
}

div.bodhranlinks a:hover {
	width:135%;
}
 
p, h1, h2 {
 font-variant-ligatures: no-common-ligatures;
  -moz-font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
}



div.fuistlinks {
	width: 120px;
	display:block;
	left:50px;
	position:absolute;
	
	
}

div.fuistlinks a {
	display:block;
	float:left;
	width:150%;
	clear:both;
	background: rgba(64,10,11,1.00);
	color:#E5D59B;
	font-family:Charlemagne;
	font-size: .8em;
	letter-spacing:1em;
	padding:10px;
	padding-left:20px;
	margin:5px 5px 5px -50px;
	box-shadow:none; 
	position:;
	-webkit-transition: ease-in-out 1s; /* For Safari 3.1 to 6.0 */
    transition:  ease-in-out .3s;
	
	
}

div.fuistlinks a:hover {
	width:185%;
}

.menubar2 {
top:-85px;	
position: relative;
width:1200px;
margin:0 auto;

}



.menubar2 a.homedoor {
	position:absolute;
    width: 50px;
	padding-right:0px;
	left:-42px;
	height:70px;
	margin-right:;
	background-image: url(homedoor.svg);
	background-repeat:no-repeat; 
	background-position: 18px 15px;
	background-size:66px; 
	transition:ease-in-out all 1.5s;
	top:-43px;	
}
.menubar2 .homepiperdoor:hover a.homedoor {
	
 transform:rotateY(180deg);
 
 transition:ease-in-out transform 1.5s;	
 top:-43px;	
}

.menubar2 a.piperdoor, .menubar a.piperdoor:hover {
	background-image: url(piperdoor.svg);
	background-repeat:no-repeat; 
	background-position: -7px 15px;
	background-size:60px; 
	
	
}





.menubar2 a{ 
	float: left; /* Aligns image "text" horizontally */
	padding: 20px 0px 20px 40px;
	font-family: sava;
	font-size: 1.1em;
	letter-spacing:.3em;
	color:black;
}


.menubar2 a:hover{ 
	background-image: url(bodhran%20graphics/white.svg);
	background-repeat:no-repeat; 
	background-position: 10px 8px;
	background-size:22px;
	text-decoration:;
		transition: background-color ease-in-out .3s ;
		background-color:black;
		color:white;
		
	
}

.contentMain { /* Main Content Container (Left) on Home Page only - other pages replace with contentMain */
	background-image: ;
	background-color: white;
	background-size: 100%;
	width: 80%;
	padding: 40px;
	/*box-shadow: -6px 6px 5px rgba(0,0,0,.5);*/
	float:;
	margin-bottom: 100px;
	margin-top:10px;
	/*border: 4px solid #000;*/
}

.bodhranmenu1:hover .bodhranmenu2 {
	display:;
	position:;
}

.bodhrandoor {
background-image:url(door.svg);
backround-size: 90px;
background-repeat:no-repeat;
background-position: 0px -10px;
padding-top:50px;
width:40px;
height:200px;

display:inline-block;
margin-top:3px;
position:absolute;

}

.bodhrandoor:hover {
background-image: url(piperdoor.svg);
backround-size: 90px;
background-repeat:no-repeat;
background-position: 0px -10px;
padding-top:50px;
width:40px;
height:200px;

display:inline-block;
margin-top:3px;
position:absolute;
transition:all ease-in-out .3s;
}
.bodhranmenu1:hover .expand-menu{
	display:block;
	top:30px;
}

.bodhranmenu1:hover .expand-menu a{
	display:block;
	clear:both;
	color:white;
	font-size:.9em;
	padding:10px 10px 10px 30px;
	
}

.bodhranmenu1:hover .expand-menu a:hover{
	
	padding-left:;
	width:85%;
	color:black;
	background-color:white;
	background-position:0px 0px;
	background-image: none;
	background-size:50px;
	
	
}

.slicktext {
margin-top:-400px;	
z-index:10;}

.contentMain img {
box-shadow: none;
	border: none;	
}

.gallery1 {
	box-shadow:none;
	border: 8px solid #000;	
width: 300px;
	
}

.gallery1:hover {

}

 img.gallery1 {
	box-shadow:none;
	border: 8px solid #000;	
}

.gallery2 {
	
	position: fixed;
	border: 100px solid rgba(0,0,0,0.58);
	width:70%;
	left:0px;
	top:-150px;
z-index:10;
	transition: ;
}

img.gallery2 {
	box-shadow:none;
	border: 200px solid rgba(0,0,0,0.7);	
	width:;
	
}
.bodhranphoto {
display:inline-block;
	position:relative;
}

.bodhranphoto p {
display:none;
	
}

.bodhranphoto:hover p {
display: block;
position:absolute;
background: rgba(255,255,255,0.48);
top:0px;
padding:10px;
font-family:sava;

}

.bodhranSuperTitle {
position:absolute; top:-10px; width:100%; display:block; margin-left:50px;	
}

.bodhranSuperTitle p {
font-family:aramisi; text-align:center;	
}

h1.bodhranSlideh1 {
font-family:sava;	
}

.tinyBodhranLogo {
	background-image:url(bodhran%20graphics/bodhran2.svg); background-size:100px;display:inline-block;height:80px;width:60px;text-align:center; margin:-20px 0px -30px 0px; background-repeat:no-repeat;
}

.slide .slicktext h1 {
	font-family:sava;
	font-size:2em;
}

.slide .slicktext p {
	font-family:;
	font-size:1em;
	margin-bottom:40px;
}

.bodhranLogo2 {
background: url(bodhran%20graphics/bodhran2.svg) 0px 0px/200px no-repeat; /* url position/size repeat (attachment) */
width:100px; 
height:130px; 
display:inline-block; 
margin:-40px 0 -40px 10px;	
}


.bodhranLogoSnowy {
background: url(bodhran%20graphics/bodhranSnowyLogo.svg) 0px 0px/60px no-repeat scroll;
/* url position/size repeat (attachment) */
width:60px; 
height:50px; 
display:inline-block; 
margin:0px 0px -20px 0px;	
padding:0px 0px 20px 0px;
}

h1.bodhranColumn {
    font-family: sava;
    font-size: 2em;
    line-height: 2em;
    letter-spacing: .1em;	
}



h2 {
	
	font-family: sava; letter-spacing:.3em; font-size:1.3em; text-align:center;margin:10px;
}

h2.left {
text-align:left;	
}

h1.bodhranTitle2 {
font-family: sava; letter-spacing:.3em; font-size:; text-align:center;margin:0px;	
}

.fionaGallery {
	display:block; width:1000px;background:black;margin-left:-100px;padding:20px 10px 10px 10px;	
}

.logoTitle {
background-image:url(bodhran%20graphics/bodhran2.svg); background-repeat:no-repeat; background-size:150px; background-position:0px 0px; background-color:; width:100px; height:130px; display:inline-block; margin:-40px -30px -50px 0px;	
}

.bodhranTitle3 {
font-family: sava; letter-spacing:.3em; font-size:; text-align:center;	
}

.bodhran2 {
font-size:7em;margin-bottom:20px; text-align:;	
}

.bodhranSubTitle {
	position:relative; 
	text-align:center;
	color:rgba(102,149,130,1.00);
	display:block;
	top:-70px;  
	margin:0 auto;
	z-index:-1;	
	width:250px;
	padding-left:25px;
	font-size:.8em;
	letter-spacing:.2em;

	
}

.bodhranLogoMain { 
width:420px; 
background-image: url(bodhran%20graphics/bodhranSnowyLogo.svg); 
background-repeat:no-repeat; 
background-size:70px; 
background-position:20px 20px; 
height:180px; 
position:relative;
top:-30px;
z-index:0;
margin:0 auto;
position:relative;
}

.bodhranLogoMain h1 {
font-family:sava;
font-size:3.31em;	
font-weight:normal;
line-height:1em;
position:absolute;
margin:60px 0px 0px 85px;
letter-spacing:.08em;
display:block;
width:500px;
color:;
}

.contentMain2 {
margin-top:450px;	
}


/*  ----- BodhranMobile ------ */

@media screen
and (max-width: 700px) {
.bodhranLogoMain { 
width:60px; 
background-image: url(bodhran%20graphics/bodhranSnowyLogo.svg); 
background-repeat:no-repeat; 
background-size:60px; 
background-position:0px 0px; 
height:70px; 
position:relative;
top:0px;
z-index:0;
margin:0px 0px 120px 10px;
padding:0px;
position:relative;
}

.bodhranSubTitle {
display:none;
}
.bodhranSuperTitle {
display:none;
	
}

.bodhrandoor {
left:0px;	
background-image: url(door.svg);
    backround-size: 90px;
    background-repeat: no-repeat;
    background-position: 0px -10px;
    padding-top: 50px;
    width: 40px;
    height: 200px;
    display: inline-block;
    margin-top: 3px;
    position: absolute;
}

.bodhranLogoMain h1 {
font-size:2.5em;	
width:100%;
margin: 30px 0px 20px 60px;
padding-bottom:20px;

}

.artgallery1 {
    left: -10px;
    width: 100%;
    padding-left: 0px;
    margin-top: -100px;
}



.contentMain2 {
margin-top:150px;	
}

.menubar2 {
width:90%;
z-index:15;
padding-top:;
clear:both;
margin: 0px 0px 0px -10px;
}

.menubar2 a {
width:100%;
clear:both;	
margin-top:10px;
margin-bottom:-10px;
background-color:rgba(0,0,0,0.47);
color:white;
text-align:left;
}

.single-item .slicktext {
display:none;
z-index:-10;	
}
.chrisGray, .chrisGray2 {
display:none;	
}

}


/* PAinting Page */



a.artButton2 {
background-color: rgba(0,0,0,0.53);
border:2px solid rgba(248,240,215,1.00);
padding:10px;
display:inline-block;
font-family:arapey;
color:white;
font-size:1.2em;
margin:10px;
transition:all ease-in-out .3s;	
}

a.artButton2:hover {
transition:all ease-in-out .3s;	
padding:12px;
font-size:1.3em;
color: white;
margin-top:4px;
background-color: black;

}

.quote {
 font-family:aramisi;
 font-size:1.4em;
 letter-spacing:.02em;
 	
}

.artContainer {
	position:relative;
	display:;
}
.imgContainer {
	width:200px;
	position:absolute;
	clip:rect(0px,360px,200px,0px);
		
}

.artContainer img {
	
	width:100%;
	border:none;
	box-shadow:none;
	float:;

		
}

.imgContainer img:hover {
	width:500px;
	border:none;
	box-shadow:none;
	transition:all ease-in-out .3s;

		
}

.artgallery1 {
	display:block;
	position:relative;
	width:100%;
	margin:20px 0px 0px -10px;
	background-color: rgba(33,33,33,1.00);
	padding:0px 18px 0px 0px;
	z-index:;
	
}



.artgallery1 a img {
height: 200px;	
margin:5px;
border:4px solid black;
box-shadow:none;



}

.art2 {
	width:;
	display: flex;
	flex-wrap:wrap;
	margin:0 auto;
}
img.artLabel  {
width:300px;
border:none;
box-shadow:none;
border-radius:;
float:left; 
padding-right:20px;
padding-bottom:20px;
}

.parallax, .parallax1, .parallax2,.parallax3, .parallax4,.parallax5,.parallax6, .parallax7 {
    height: 500px; 
	margin-right:0px;
	margin-top:10px;
	clear:both;
	width:100%;
	margin-left:-10px;
	padding:8px;
	
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax {
    /* The image used */
    background-image: url(artwork/paintings/eagleLake2.jpg);

    /* Full height
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px;
	


    /* Create the parallax scrolling effect
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.parallax2 {
    /* The image used */
    background-image: url(artwork/paintings/Cr%C3%B3ga%20-%20Fiona.jpg);

    /* Full height
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px; */
	
	/* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	
}
	
	.parallax1 {
    /* The image used */
    background-image: url(artwork/paintings/good%20DSC_0739.jpg);

    /* Full height 
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
		width:100%;
		clear:both;width:120%;margin-left:-70px;*/


    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}


.parallax4 {
    /* The image used */
    background-image: url(artwork/paintings/IMG_6191r.jpg);

    /* Full height 
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px;*/
	
	/* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	
	
}

.parallax5 {
    /* The image used */
    background-image: url(artwork/paintings/ralphCropped.jpg);

    /* Full height 
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px;*/
	
	/* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	
	
}

.parallax6 {
    /* The image used */
    background-image: url(artwork/paintings/piperCropped2.jpg);

    /* Full height 
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px;*/
	
	/* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	
	
}


.parallax3 {
    /* The image used */
    background-image: url(artwork/paintings/belfastPiper.jpg);

    /* Full height 
    height: 500px; 
	margin-left:-10px;
	margin-right:-14px;
	margin-top:10px;
	clear:both;width:120%;margin-left:-70px;*/
	
	/* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	
	
}

.parallaxB1, .parallaxB2, .parallaxB3, .parallaxB4 {
    /* Full height */
    height: 500px; 
	margin-left:-20px;
	margin-right:-14px;
	margin-top:10px;
	
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallaxB1 {
    background-image: url(Bodhr%C3%A1n%20Photos/DSC_0671.JPG);
}

.parallaxB2 {
    background-image: url(Bodhr%C3%A1n%20Photos/DSC_0665.JPG);
}

.parallaxB3 {
    background-image: url(Bodhr%C3%A1n%20Photos/DSC_0671.JPG);
}

.parallaxB3 {
    background-image: url(Bodhr%C3%A1n%20Photos/DSC_0694.JPG);
}

.parallaxTall {
height:600px;
	margin-top:-8px;
}

.portraitCircle {
	background-image:url(artwork/portraitCirlce.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.landscapeCircle {
	background-image: url(artwork/Untitled-2.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.chrisCircle {
	background-image: url(artwork/chrisCircle.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.piperCircle {
	background-image: url(artwork/collagraphPiper.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:0px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.piperCircle2 {
	background-image: url(artwork/collagraphPiper.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}


.ralphCircle {
	background-image: url(artwork/ralph.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.bodhranCircle {
	background-image: url(artwork/bodhranCircle.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}


.printCircle {
	background-image: url(artwork/printCircle.png);
	width:70px;
	background-size:contain;
	height:70px;
	display:block;
	float:left;
	margin-right:20px;
	transition:all ease-in-out .3s;
	border-radius:60px;
	border:3px solid black;
}

.artCircles {
display:none;
margin:0 auto;
width:460px;	
margin-top:-100px;

}


.pageTitle {
font-family:sava;
font-size: 5em;
color: rgba(251,241,210,1.00);
text-align:center;
margin-top:-200px;	
margin-bottom:70px;
text-shadow:0px 0px 6px black;
}



.paraTitle {
	width:800px;
	margin:-30px 0px 0px -10px;
	padding:5px 5px 5px 20px;
	background-color:rgba(255,255,255,0.41);
	border-radius: 0px 20px 0px 0px;
	
	
}

.paraTitle h1{
	font-family:aramisi;
	letter-spacing:.1em;
	font-size:1.1em;
	display:inline;
	
}

.paraTitle p{
	letter-spacing:.1em;
	font-size:.8em;
	display:inline;
	
}

.artTitle {
display:none;	
}


.ralphCircle:hover, .piperCircle:hover, .portraitCircle:hover, .landscapeCircle:hover, .printCircle:hover{
	box-shadow:none;
	transition:all ease-in-out .3s;
}

a.artButton{
display:inline-block;
font-family:arapey;
color:white;
background-color: rgba(26,100,83,1.00);
padding:10px;
font-size:1.2em;
margin:10px;
	
}

a.artButton:hover{
display:inline-block;
font-family:arapey;
color:white;
background-color: rgba(36,48,69,1.00);
padding:10px;
font-size:1.2em;
margin:10px;
	
}

.artColumn, .artColumn2 {
	display:block;
	width:25%;
	
	float:left;
	padding:3%;
}

.artColumn h1, .artColumn2 h1 {
	font-family:sava;
	font-size:2em;
	line-height:2em;
	letter-spacing:.1em;
}

.artColumnContain {
	margin-top:-130px;
}

.artColumn p {
border-right: 2px solid rgba(85,137,121,.1);
padding-right: 40px;	
}

.artColumn img, .artColumn2 img {
width: 80%;	
margin-left:-15px;
float:left;
margin:10px;

border:4px solid black;
box-shadow:none;
	
}



/*end painting page */
.color1 {
background-color: rgba(88,0,1,1.00) ;
color:rgba(253,242,209,1.00);
width:150%;
padding:20px 140px 20px 140px;
margin-left:-140px;	
}

.content1 .color1 h1 {
	color: rgba(253,242,209,1.00);
	
}

.color2 {
background-color: ;
color: rgba(229,225,202,1.00);
width:150%;
height:100px;
text-shadow:5px -3px 5px rgba(0,0,0,0.56);
padding:20px 140px 220px 140px;
margin-left:-140px;	
background-image:url(IMG_1048.JPG);
background-size: 100%;
background-repeat:no-repeat;
background-position:0px -19px;

}

.content1 .color2  h1 a {
	color: rgba(229,225,202,1.00);
	
}
/*-----------------------------------------------------------------------*/
/*----------------------- BODY BACKGROUND -----------------------*/
/*-----------------------------------------------------------------------*/


body {
	background-color: white ;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-image: ;
	}
	

/*-----------------------------------------------------------------------*/
/*----------------------- BASIC FORMATTING -----------------------*/
/*-----------------------------------------------------------------------*/
	
	.center {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	min-width:0px;
		
		
}
/*-----------------------------------------------------------------------*/
/*----------------------- FONTS: Aquiline, Aramisi -----------------------*/
/*-----------------------------------------------------------------------*/
@font-face {
  font-family: aquiline;
  src:url(fonts/AquilineTwo.ttf);
}

@font-face {
  font-family: scriofa;
  src:url(fonts/Scriofa.ttf);
}
	


@font-face {
  font-family: Prata;
  src:url(fonts/Prata.ttf);
}

@font-face {
  font-family: bagpipe;
  src:url(fonts/bagpipe.ttf);
}

@font-face {
  font-family: bodhran;
  src:url(fonts/bodhran.ttf);
}

@font-face {
  font-family: aramisi;
  src: url(fonts/aramisi.ttf);
}

@font-face {
  font-family: arapey;
  src: url(fonts/arapey.ttf);
}


@font-face {
	font-family: charlemagne;
	src: url(fonts/CharlemagneStd-Bold.otf);
	
}
@font-face {
	font-family: sava;
	src: url(fonts/sava.otf);
	
}

@font-face {
  font-family: Aaargh;
  src: url(fonts/Aaargh.ttf);
}

@font-face {
  font-family: Bell MT;
  src: url(fonts/Bell%20MT);
}

@font-face {
  font-family: Tender;
  src: url(fonts/Tenderness.otf);
}

@font-face {
  font-family: Centaur;
  src: url(fonts/CENTAUR.TTF);
}


/*-----------------------------------------------------------------------*/
/*----------------------- ELEMENTS: h1, h2, p, etc. -----------------------*/
/*-----------------------------------------------------------------------*/


.content1 h1 { /* For Headers(h1) in Main Content Box (left box w/ parchment background) on Home Page only */
	font-family: sava;
	font-size: 2.3em;
	color: black; /* Dark Blue - to match Blue Header Bar */
	text-shadow:;
	margin-top: 60px;
	line-height:100%;
	margin-bottom:0px;
}

.content2 h1 {
	font-family: sava;
	font-size: 2em;
	color: black; /* Dark Blue */
	text-shadow:;
	margin-top: 0px;
	line-height:100%;
	text-align:center;
	margin-bottom:60px;	
	
}

.contentMain h1 { 
	font-family: sava;
	font-size: 2em;
	color: black;
	text-shadow:;
	margin-top: 50px;
	line-height:100%;
	margin-bottom:20px;
	

	
}

.albumList h1 { /* Headers for Store Page Album List - use default Dark Blue */
	font-family:aramisi;
	font-size:1.4em;
	letter-spacing: 1.4px;
	text-decoration:underline;
	display: inline;
	
	
}


/*----------- h2 -------------*/

h2 {
	font-family: sava;
	font-size: 1.5em;
	color: black; /* Dark Blue */
	text-shadow:none;
	margin-top: 0px;
	line-height:;	
}

.content2 h2 {
	font-family: aramisi; /* Neater Font */
	font-size: 2em;
	color: rgba(17,26,45,.88); /* Dark Blue */
	text-shadow:none;
	margin-top: 10px; /*larger margin */
	line-height:100%;
	text-align:center;
	margin-bottom:10px; 
	padding-bottom:10px;
	border-bottom:solid 2px black;
	
}

.albumList h2 { /* Headers for Store Page Album List */
	color: rgba(99,67,34,1); /* Dark Brown */
	font-family:aramisi;
	letter-spacing: 1.4px;
	text-decoration:none;
	font-size:1.2em;
	display:inline;
	
	
}

/*----------- h3 -------------*/

h3 {
	font-family: aquiline;
	font-size: 2em;
	color: rgba(17,26,45,.88);
	text-shadow:;
	margin-top: 0px;
	line-height:100%;
}

/*----------- h4 -------------*/

h4 {
	font-family: aramisi;
	font-size: 1.5em;
	color: rgba(17,26,45,.88); /* Dark Blue */
	text-shadow:;
	line-height:100%;
}

.content2 h4{
	
	margin-bottom:0;
	
}

/*----------- p -------------*/

p {
	font-size: 1.1em;
	line-height: 140%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


/*p::first-letter { 
	float:left;
	font-family: aramisi;
	color: rgba(130,89,43,.88); 
    font-size: 1.8em;
	line-height: 20px;
	text-shadow: -2px 2px 6px rgba(0,0,0,.5);
	padding-top: 4px; 
	padding-right: 4px;
	word-spacing: 30px;   
} */

/*p::first-line { 
    font-family: aramisi;
	font-size: 1.2em;
	color: rgba(130,89,43,.88);
} */

.content2 p {
	color: rgba(0,0,0,1); /* black */
		
}

.footer p {
	font-family:aramisi;
	font-size: 1em;
	color:rgba(133,95,48,1);
	text-shadow:;
	line-height:90%;
	text-align:center;
	letter-spacing:.2em;
	
}

.albumList p {
	
	font-size:.9em;
	
}


/*-----------------------------------------------------------------------*/
/*----------------------- LINKS: a -----------------------*/
/*-----------------------------------------------------------------------*/

a { 
	color: rgba(206,185,136,1); /* Light Brown */ 
	text-decoration: none;
} 

a:hover {
color: rgba(130,89,43,.88); /* Dark Brown */
text-decoration: none;
}




.content1 h1 a{ /* Header(h1) Links in Main Content Box (left, parchment background) on Home Page only  */
	color: black; /* Dark Blue */
}

.content1 h1 a:hover{
	color: rgba(99,130,162,1); /* Light Blue */
}

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

.contentMain h1 a { /* Header(h1) Links in Main Content Box for most pages (except Home) */
	font-family: sava;
	color: black; /* Dark Blue */
	text-shadow:;
	margin-top: 0px;
	line-height:100%;
	margin-bottom:60px;
}


.contentMain h1 a:hover {
	color: rgba(99,130,162,1); /* Light Blue */
}


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

h2 a {
	color: rgba(17,26,45,.88); /* Dark Blue */
}

h2 a:hover {
	color: rgba(99,130,162,1); /* Light Blue */
}


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

.albumList h2 a { /*"Listen and Download" Links on Store Page Album List */
	color: rgba(99,67,34,1);
	font-family:aramisi;
}


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


p a {
	
	color: rgba(99,67,34,1); /* Darker Brown */
	text-decoration: underline;
 }
 
p a:hover {
	color: rgba(99,130,162,1); /* Light Blue */
	text-decoration:underline;
}




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

.albums a{
	color: rgba(99,67,34,1);
	font-family:aramisi;
	letter-spacing: 1.4px;
	text-decoration:none;
	font-size: .7em;
	display:inline;
		
}



/*-------------- Table Links -----------------*/

table a {
	color: rgba(17,26,45,.88);
	text-decoration:underline;
	
}

table a:hover {
	
	color: rgba(99,130,162,1);
	text-decoration:underline;
}


/*-----------------------------------------------------------------------*/
/*----------------------- GENERAL CONTENT CONTAINERS -----------------------*/
/*-----------------------------------------------------------------------*/

.content1 { /* Main Content Container (Left) on Home Page only - other pages replace with contentMain */
	background-image: ;
	background-color: white;
	background-size: 100%;
	width: 60%;
	padding: 40px;
	/*box-shadow: -6px 6px 5px rgba(0,0,0,.5);*/
	float:left;
	margin-bottom: 100px;
	margin-top:0px;
	/*border: 4px solid #000;*/
}

.content2 { /* Right-side Content Containers on Home Page - "bob up" to right of .content1 (floated left)  */
	width: 20%;
	/*box-shadow:-6px 6px 6px rgba(0,0,0,.5);
	/*border: 4px solid #000;*/
	float: left;
	overflow: visible;
	padding: 20px 40px 40px 40px;
	margin: 0px 0 10px 20px;
	background-color:white;
	
}

.contentMain { /* Main Content Container - Most pages except Home (which uses .content1) */
	background-image: ;
	background-size: 100%;
	background-color: transparent;
	width: 70%;
	padding: 40px;
	box-shadow:none ;
	margin-bottom: 20px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	border: ;
}


	

.bagpipes { /* Bagpipes Section of Music Page */
	
	clear:both;	
}

.intro { /* Intro Paragraph of Music Page */
	clear:both;
}

.col2 { /* Column container for Store Page */
	
	width: 45%;
	box-shadow:-6px 6px 6px rgba(0,0,0,.5);
	border: 4px solid #000;
	float: left;
	overflow:hidden;
	padding: 1%;
	margin: 1%;
	background-color:rgba(255,255,255,.4);
	
	
}

.albumList { /* Container for Album Info at top of Store Page */
	clear:both;
	
}

/*---------------------------------------------------------------------------------------------------*/
/*----------------------- PAGE CONTENT MENU (at top of .mainContent and .content1) -----------------------*/
/*---------------------------------------------------------------------------------------------------*/

.pageBar { /* Menubar at top of main content box, brown text links on parchment background  */
	font-family:aramisi;
	font-size:1.4em;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	text-outline:rgba(0,0,0,1);
	letter-spacing: 1.4px;
	text-shadow: 0px 0px 0px rgba(0,0,0,1);
	border-bottom: 2px solid rgba(99,67,34,1);

}

.pageBar a {
	color: rgba(99,67,34,1);
	
}

/*-----------------------------------------------------------------------*/
/*----------------------- BLUE BANNER TOP w/ menubar -----------------------*/
/*-----------------------------------------------------------------------*/

.bodhranLogo {
display:block;
position:absolute;
width:200px;
height:40px;
background-image: url(images/Beth%20Shop%20-%20Prices%20with%20Shipping.png);
background-size:contain;	
background-repeat:no-repeat;
top:20px;
left:20px;
z-index:4;
}

.grayscaleLogo {
display:block;
position:absolute;
width:200px;
height:50px;
background-image: url(logoBorderGold.png);
background-size:contain;	
background-repeat:no-repeat;
top:70px;
left:10px;
z-index:4;
}

.logoText {
display:none;	
}

.grayscaleLogo:hover .logoText {
	display:block;
	font-family:sava;
	color:rgba(224,198,129,1.00);
	letter-spacing:.2em;
	margin-left:43px;
	margin-top:20px;
}

.bodhranLogo:hover .logoText {
	display:block;
	font-family:sava;
	color:rgba(224,198,129,1.00);
	letter-spacing:.2em;
	margin-left:34px;
	margin-top:20px;
}

.bluehead {
	height: 190px;
	width: 100%;
	min-width: 0px;
	background-color: rgba(0,0,0,.7);
	background-size: 100% 100%;
	margin: 0px 0px 0px -10px;
	padding-top: 1px; /* fixes .logo's collapsing margins, ie .logo margin-top moving .bluehead margin down */
	box-shadow: none;
	position:absolute;
}

/*--------------------------- Logo Image ------------------------*/

.logo {
	height: 137px;
	background-image: url(logo%20light%202.png);
	background-size: 400px ;
	background-repeat:no-repeat;
	background-position: center 0px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	z-index:4;
	position:;
	display:;
	
	
}



/*img.logomain {	
	display: block;
	margin-left: auto;
    margin-right: auto;	
	padding-top: 10px;
	height:200px;
	
} */



/*--------------------------- Menubar Container and Menu "Text"(PNGs images) ------------------------*/

.menubar { /* Menubar in Top Blue Banner: Home, Music, Paintings, Store, Bio, etc. */ 
	width: 1100px;
	margin:0 auto;
	display:block;
	position:relative;
	top:-50px;
	
}

@media screen and (max-width: 1100px) {
	.menubar {width: 700px;}
	.menubar a{padding: -30px 0px 20px 50px;}
	.calendar, .about, .contact {display:none;}
	}

@media screen and (max-width: 1000px) {
	.center {min-width:0px;}
	.content2 {clear:both;display:none;}
}

@media screen and (max-width:920px) {
	.bodhranbar {display:none;}
}

.menubar a{ 
	float: left; /* Aligns image "text" horizontally */
	padding: 70px 0px 20px 50px;
	font-family: sava;
	font-size: 1em;
	
	letter-spacing:.2em;
 font-variant-ligatures: no-common-ligatures;
  -moz-font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
	
}

.menubar a:hover{ 
	background-image: url(door.svg);
	background-repeat:no-repeat; 
	background-position: -7px 15px;
	background-size:60px;
	transition: ;
	
}




	


/*-----------------------------------------------------------------------*/
/*----------------------- IMAGES: img -----------------------*/
/*-----------------------------------------------------------------------*/

.contentMain img {
    box-shadow: none;
    border: 8px solid #000;
}

.content2 img { /* Images on Home Page, in Right Content Box, ie Aout Gris Album Art */ 
	box-shadow: none;
}

.centerimg { /* Centers Image */
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*------ Album List Images on Store Page ---*/

.albumList img {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100px;
	box-shadow:none;
	
}


/*-----------------------------------------------------------------------*/
/*----------------------- FIGURES: Image with Caption -----------------------*/
/*-----------------------------------------------------------------------*/


.caption { /* "Figcaption" Substitute for Audio Clips & iFrames */
	font-family: aramisi;
	color: rgba(99,67,34,1);
	font-size: 1em;
}

figure.fr { /* figures with class="fr" */
	font-family: garamond;
	float: left;
	margin: 20px 20px 20px 0;
	
}

figure img {
	border:solid 10px #000000;
	box-shadow: none;
}

figcaption {
	font-family: aramisi;
	color: rgba(99,67,34,1);	
}


figure {
	float: left;
	margin: 0px 25px 25px 0px;
	clear:both;
	
}

.figLeft { /* Image & Caption on Contacts Page */
	float:left;
	clear:both; /* fix for Contact Page img */
	margin: 0px 25px 25px 0px;	
}

.figRight { /* Image & Caption on Bio Page */
	float:right;
	margin: 0px 0px 25px 25px;
}

.art1 figure { /* Image & Caption on Links Page */
	float: left;
	margin: 0px 25px 25px 0px;
	clear:both;
	
}

.art1 img {
	float: left;
	margin: 25px 25px 25px 0;
}

.art1 {
	clear:both;
			
}



/*-----------------------------------------------------------------------*/
/*-----------------iFRAMES: Soundcloud, CDBaby -----------------------------*/
/*-----------------------------------------------------------------------*/

iframe {
	
	margin: 25px 25px 25px 0px;
	box-shadow:none;
	border: 8px solid #000;
  
}


#my-store-5646164 { /* ECWID Frame */
	
	box-shadow:none;
	border: 4px solid #000;
	float: left;
	overflow:hidden;
	padding: 1%;
	margin: 1%;
	background-color:rgba(255,255,255,1);
	
}

/*-----------------------------------------------------------------------*/
/*-----------------------MEDIA: Video-----------------------*/
/*-----------------------------------------------------------------------*/


video {
	border:solid 6px #000000;
	box-shadow: none;
	background-color:rgba(0,0,0,.8);
	
}




/*-----------------------------------------------------------------------*/
/*----------------------- LISTS ul, li & DROPDOWN MENUBAR -----------------------*/
/*-----------------------------------------------------------------------*/

ul {
	list-style: circle;
}
	
.content2 ul { /* list on home page (right container) for Upcoming Events */
	font-size: 1.1em;
	line-height: 140%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: rgba(0,0,0,1);
	padding:0px 20px;	
}

li {
	/*text-shadow: 0 0 5px #000000;*/
}


.content2 ul li { /* list items on home page (right container) for Upcoming Events */
	margin-bottom: 20px;
	text-shadow:none;	
}	

/*------------ DROPDOWN MENUBAR LISTS ul ------------------*/

nav ul { /* Unordered Lists inside any nav container */

	text-shadow:;
	color:black;
	line-height:;
	display:none; /*Hidden until containing nav is hovered over */
	top:80px;
	position: absolute; /*removes from flow of page */ 
	background-color: rgba(0,0,0,0.85) ;
	background-image:;
	border-radius: 5px 5px 5px 5px;
	opacity:.95;
	padding: 10px 0px 30px 0px;
	box-shadow: none;
	letter-spacing: 2px;
	z-index:2;
	list-style:none;
}

nav.paintbar ul a, nav.musicbar ul a, nav.storebar ul a, nav.homebar ul a {
	font-family:sava;
	color: rgba(206,185,136,1.00);
	text-shadow:none;
	font-size:1.2em;
	line-height:2em;
	display:inline-block;
	position:relative;
	padding: 0px 40px 0px 40px;
	
	
}

nav.paintbar ul a:hover, nav.musicbar ul a:hover, nav.storebar ul a:hover, nav.homebar ul a:hover {
	
	color: rgba(249,236,190,1.00);
	width:60%;
	
	background-color:rgba(143,57,71,1.00);
	background-image: none;
	background-repeat:no-repeat; 
	background-position: -15px -19px;
	background-size:45px;
	transition: ;
	
}

.menubar a.homedoor {
	position:absolute;
    width: 70px;
	padding-right:10px;
	left:-60px;
	height:70px;
	margin-right:;
	background-image: url(homedoor.svg);
	background-repeat:no-repeat; 
	background-position: 18px 15px;
	background-size:96px; 
	transition:ease-in-out all 1.5s;	
}

.homepiperdoor:hover a.homedoor {
	
 transform:rotateY(180deg);
 
 transition:ease-in-out transform 1.5s;	
}



.menubar a.piperdoor, .menubar a.piperdoor:hover {
	background-image: url(piperdoor.svg);
	background-repeat:no-repeat; 
	background-position: -7px 15px;
	background-size:60px; 
	
}




/*------------ Position ul Menus (for Music, Paintings, and Store dropdown menus) ------------------*/

nav.homebar ul { /* ul in nav container with class="musicbar" */
	
	left: 0px;
	
}

nav.musicbar ul { /* ul in nav container with class="musicbar" */
	
	left: 108px;
	
}

nav.paintbar ul { /* ul in nav container with class="paintbar" */
	
	left: 215px;
		
}

nav.storebar ul {/* ul in nav container with class="storebar" */
	
	left: 510px;
	
}

/*------------ Display ul Menus on Hover ------------------*/

nav.musicbar:hover > ul {
	display:block;
		
}

nav.homebar:hover > ul {
	display:block;
		
}


nav.paintbar:hover > ul {
	display:block;
		
}

nav.storebar:hover > ul {
	display:block;
		
}

/*-----------------------------------------------------------------------*/
/*------------------------------TABLES -----------------------------------*/
/*-----------------------------------------------------------------------*/



td, th {
	border-bottom: 1px solid rgba(0,0,0,1);
	border-collapse:collapse;
	padding: 10px;
}
	
th {
	font-family: aquiline;
	font-size: 2em;
	color: rgba(17,26,45,.88);
	text-shadow:-4px 4px 6px rgba(0,0,0,.5);
	margin-top: 0px;
	line-height:100%;
	text-align:left;
	padding-bottom:20px;

}

.event {
	
	font-weight:600;
	font-size:1.1em;
	font-family:aramisi;
	
}

.calText{
	color: rgba(99,67,34,1); /* Dark Brown */
	font-family:aramisi;
	letter-spacing: 1.4px;
	text-decoration:none;
	font-size:1em;
	text-shadow:none;
}




/*-----------------------------------------------------------------------*/
/*----------------------- GOLDEN CORNER HEARTS -----------------------*/
/*-----------------------------------------------------------------------*/

.hearts { /* Corner Hearts */
	width: 100%;
	
	position:absolute;
	top: 0px;
	left: 0px;
}

.hearts img { 
width:30px;
}
/*-----------------------Heart Positions at Corners-----------------------*/
	
.border1 { /* Positions Corner Heart Top Left - in Top Blue Bar */
		position:absolute;
		top: 10px;	
		left: 4px
	}
.border2 { /* Positions Corner Heart Top Right - in Top Blue Bar */
		position:absolute;
		top: 10px;
		right: 4px;	
	}
	
.border3 { /* Positions Corner Heart Top Left - in Top Blue Bar */
		position:absolute;
		top: 150px;
		left: 4px;	
	}
.border4 { /* Positions Corner Heart Top Left - in Top Blue Bar */
		position:absolute;
		top: 150px;
		right: 4px;	
	}
	
	.border5 { /* Positions Corner Heart Right - in Bottom Blue Bar */
		position:absolute;
		bottom: 20px;
		right: 6px;	
	}

.border6 { /* Positions Corner Heart Left - in Bottom Blue Bar */
		position:absolute;
		bottom: 20px;
		left: 6px;	
	}
	

/*---------------------------------------------------------------------------------------------------------*/
/*------------------ SOCIAL MEDIA ICONS & TEXT (in Blue Banners at Top and Bottom) -----------------------*/
/*----------------------------------------------------------------------------------------------------------*/

.allSocial { /* All Social Media Div Container - contains .social and .social2 */
	
	width: 100%;
	min-width: 0px;
	position:absolute;
	top: 0px;
	left: 0px;
}
.social { /* Social Media Div on Left of screen: Gmail, iPhone   */
	
	position: absolute;
	right: 40px;
	top: 0px;
	
	
}


a.gmail2 {
	background-image:url(icons/gmail.svg);
	background-repeat:no-repeat;
	background-size: auto;
	display:inline-block;
	width:35px;
	height:35px;
	margin-left:;
	
}

a.facebook {
	background-image: url(icons/facebook.svg);
	background-repeat:no-repeat;
	background-size: auto;
	background-position:0px 0px;
	display:inline-block;
	height:40px;
	width:40px;
	position:relative;
	margin-left:;
}

a.cdbaby {
	background-image: url(icons/cdbaby.svg);
	background-repeat:no-repeat;
	background-size: 80px;
	background-position:0px 0px;
	display:inline-block;
	height:35px;
	width:80px;
	position:relative;
}

a.youtube {
	background-image: url(icons/youtube.svg);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:0px 3px;
	display:inline-block;
	height:50px;
	width:40px;
	position:relative;
	left:-5px;
	top:10px;
	
}

a.gmail2:hover {
background-image:url(icons/gmail2.svg);
}

a.facebook:hover {
background-image:url(icons/facebook2.svg);	
}

a.youtube:hover {
	background-image:url(icons/youtube2.svg);
	
}

a.cdbaby:hover {
	background-image: url(icons/cdbaby2.svg);
	
}
/*-------------------- Gmail and iPhone Containers(div), Icons(img) & Text(p) - Basic Formatting --------------------*/

.mobile img {
	clear:both;
	
}

.gmail, .mobile {
	width: 300px;
}

.mobile p, .gmail p {
	color:rgba(133,95,48,1);
	text-shadow:rgba(0,0,0,.8);
	letter-spacing:.3em;
	font-size:.8em;	
}

.mobile p {
	line-height:3.2em;	
}

/*-------------------- Gmail and iPhone - Applying Transitions --------------------*/

.gmail p, .gmail img, .mobile p, .mobile img { /* Gmail & iPhone Icons with Text On right of Top Blue Bar - Slide in and Out */
	
	-webkit-transition: ease-in-out 1s; /* For Safari 3.1 to 6.0 */
    transition:  ease-in-out 1s;
}



/*-------------------- Gmail and iPhone - Activating Transition/Transformation Animations on Hover 
(when you mouse-over container divs with class="gmail" and class="mobile") ------------------------------*/

.gmail:hover img { /* IMAGE transformed on hover over container div with class="gmail" */
	
	transform: translateX(-175px); /* horizontal slide left */
	-webkit-transform: translateX(-175px);
}

.gmail:hover p { /* TEXT transformed on hover over container div with class="gmail" */
	
	transform: translateX(-210px); /* horizontal slide left */
	-webkit-transform: translateX(-210px);
}

.mobile:hover img { /* IMAGE transformed on hover over container div with class="mobile" */
	transform: translateX(-100px); /* horizontal slide left */
	-webkit-transform: translateX(-100px);
}

.mobile:hover p { /* TEXT transformed on hover over container div with class="mobile" */
	transform: translateX(-140px);
	-webkit-transform: translateX(-140px);
}




/*-------------------------------------------------------------------*/
/*----------------------- IDs (Image Bullets) -----------------------*/
/*-------------------------------------------------------------------*/

#paintBullet {
	background-image:url(artwork/portraits/Chris%20with%20Smallpipes.jpg);
	background-size: 70px auto;
	width: 70px;
	height:70px;
	float:left; margin-right:15px; margin-top:20px; border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #000000; 
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0px 0px 10px #000000;
   box-shadow:         inset 0px 0px 10px #000000;
}

#belfastBullet {
	background-image: url(artwork/MCC%20Painting_crop.jpg);
	background-size: 100px auto;
	width: 70px;
	height:70px;
	float:left; margin-right:15px; margin-top:20px; border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #000000; 
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0px 0px 10px #000000;
   box-shadow:         inset 0px 0px 10px #000000;
}

#joBullet {
	background-image: url(artwork/portraits/Johanna2.jpg);
	background-size: 90px auto;
	width: 70px;
	height:70px;
	float:left; margin-right:15px; margin-top:20px;  border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 2px solid #000000; 
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0px 0px 10px #000000;
   box-shadow:         inset 0px 0px 10px #000000;
}




/*-----------------------------------------------------------------*/
/*-----------------------KEYFRAME ANIMATIONS-----------------------*/
/*-----------------------------------------------------------------*/


/*----------------------- Menubar Animation (show, slide in) -----------------------*/

@keyframes expand-menu {
0% {
	transform: translateY(-10px);
	opacity:0;
}

100% { 
	transform: translateY(0px);
	opacity:1;
	
}
}

@-webkit-keyframes expand-menu {
	0% {
	-webkit-transform: translateY(-10px);
	opacity: 0;
	
}

100% { 
	-webkit-transform: translateY(0px);
	opacity:.95;
}
}

nav:hover ul.expand-menu{
  -webkit-animation-name: expand-menu;
  animation-name: expand-menu;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
	

/*----------------------- Bouncing Links -----------------------*/


/*----------------------- Rocking Links (for footer text) -----------------------*/

@-webkit-keyframes rock {
	
	15% {
		-webkit-transform:  translate(6px,10px) rotate(-5deg);
		
		
	}
	
	30% {
		-webkit-transform: rotate(4deg) ;
		
	}
	
	45% {
		-webkit-transform:translateY(3px) rotate(-4deg) ;
		
	}
	
	60% {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
	}
}
	
	.rock:hover, .rock:focus, .rock:active {
  -webkit-animation-name: rock;
  animation-name: rock;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*-------------------------------------------------------------------------*/
/*----------------------- HIDDEN for MOBILE CSS (@media query) -----------------------*/
/*------------------------------------------------------------------------*/
.menuTextMobile {
	display:none;
}





/*-------------------------------------------------------------------------*/
/*----------------------- CSS Copied from VGA for Slick Slider -----------------------*/
/*------------------------------------------------------------------------*/
.single-item .slicktext h1 {

font-size:1.6em;
background-color:;
z-index:9;
padding:0px;
transform:skew(0deg,0);
top:0px;
text-shadow:none;
font-family: charlemagne;
letter-spacing:.1em;
border-bottom: 2px solid black ;
text-align:;
}

.single-item .slicktext h2 {

font-size:1.6em;
background-color:;
z-index:9;
padding:10px;
transform:skew(0deg,0);
top:0px;
text-shadow:none;
font-family:Aaargh;
color:black;


}


.single-item .slicktext a {
	font-family:Aaargh;
	font-size:1.3em;
	color:rgb(251,231,153);
	background-color: rgba(0,0,0,.7);
	padding:20px;
	line-height:4em;
	border-radius:0px;
	margin-right: 20px;
	
}

.single-item .slicktext a:hover {
	color:rgb(242,163,44);
}

.single-item .slicktext p {
	font-size:1.2em;
	letter-spacing:.13em;
background-color:;
z-index:9;
padding:0px;
transform:skew(0deg,0);
top:0px;
text-shadow:none;
font-family:Aaargh;
}

.single-item .slicktext {
background-color: rgba(255,255,255, .5);
background-position:center;
width:400px;

height:100px;
display:block;
position:relative;	
top:-200px;
left:0px;
right:;
z-index:2;
transform: skew(0deg,0);
padding:50px;
padding-top:10px;
padding-left:70px;
transition:all .5s ease-in-out;
}

.slicktext:hover {
	top:-230px;
	transition:all .5s ease-in-out;
	
}

.programs {
	 height:300px;
	width:100%;
	display:block;
	
	
}

.programblock {
	
	background:black;
	width:200px;
	height:400px;
	color:white;
	margin:10px;
	padding:10px;
	float:left;
	font-family:"Trebuchet MS", Aaargh;
	overflow:auto;
	
	
	
}

.programblock:hover img {
	
	width:220px;
position:relative;
top:-30px;
left:-10px;	
transition: all .3s ease-in-out;
	
	
	
}


.programblock a {
	font-family:Aaargh;
	color:rgb(191,219,252);
	
}

.programblock h2 {
	color:rgb(191,219,249);
	text-align:center;
}

.programblock img {
width:220px;
position:relative;
top:-10px;
left:-10px;	
transition: all .3s ease-in-out;
}


  
  .single-item div {
	z-index:-6;
  }
  
  .color-shim{
  position: absolute;
  display:block;
  opacity:1;
  top: 600px;
  left:100px;
  height: 600px;
  width: 900px;
  left:100px;
  z-index:999;
  background-color:rgba(0,0,0,.5);
  }
  
  
  .color-shim.color-shim-left {
    -webkit-transform: rotate(-10deg) scaleY(2);
    -moz-transform: rotate(-10deg) scaleY(2);
    -ms-transform: rotate(-10deg) scaleY(2);
    -o-transform: rotate(-10deg) scaleY(2);
    transform: rotate(-10deg) scaleY(2);
    left: 0;
    margin-left: -10%; }

.spanText {
   width:102%;
   background:rgba(255,255,255,1);	
   display:block;
   position:relative;
   top:470px;
   z-index:9;
   left:-10px;
   height:65px;
}

.spanText h1 {
	position:relative;
	top:-37px;
	
	
}


.hamburger1 {
background-image: url(graphics/ENTRY%20VGA.ORG/Entry%20Gallery%20Raytrace%20I.jpg);
background-repeat:no-repeat;
background-width:100%;
background-size:1400px;
background-position:0px -150px;
height: 600px;
width:102%;
left:-10px;
overflow:hidden;
position:relative;
top:0px;	
}

.hamburger2 {
background-image: url(graphics/ENTRY%20VGA.ORG/73%20freeman2.jpeg);
background-repeat:no-repeat;
background-size:1400px auto;
background-position:0px -300px;
height: 600px;
width:102%;
left:-10px;
overflow:hidden;
position:relative;
top:0px;	

}

.hamburger3 {
background-image: url(graphics/ENTRY%20VGA.ORG/Entrance%20to%20sw%20harbor%20%20Fitz%20Henry%20Lane.jpeg);
background-repeat:no-repeat;
background-size:1400px auto;
background-position:0px -300px;
height: 600px;
width:102%;
left:-10px;
overflow:hidden;
position:relative;
top:0px;	

}

.hamburger1 .arrow1, .hamburger2 .arrow1, .hamburger3 .arrow1 {
	display:block;
	position:absolute;
	top:530px;
	
}

.slider-nav-thumbnails {
display:block;
width:80%;
margin: 0 auto;	
margin-top: 10px;
margin-bottom:20px;

}





.slider-nav-thumbnails img {
height: 60px;
width:100px;	
margin:10px;
border:5px solid black;


}





.slider-nav-thumbnails > div {


margin:;
overflow:auto;
	
	background:;
	


}


	





.slide-contain {
position:absolute;
top:187px;
overflow:hidden;
width:100%;
height:500px;
z-index:;
background:black;
padding:0px 10px 0px 0px;
margin-left:-10px;
margin-bottom:40px;

}

.slide-contain2 {
	position:relative;
	
	margin:auto;
top:;
overflow:hidden;
width:100%;
height:500px;
z-index:1;
background:black;
padding:20px;
border-bottom: black 20px solid;

-webkit-align-items:center;
}

.slide-contain2 img {
	max-width:700px;
	
}

.slide-contain-programs {

position:relative;
overflow:hidden;
width:100%;
height:750px;
z-index:;
background:black;


}

.single-item {
overflow:;
width:100%;
height:715px;	
position:relative;
z-index:1;



}



.slide-contain2 .single-item {
	position:relative;
	display:block;
	height:600px;
	overflow:hidden;
	padding-bottom:100px;
	
}



.slide-contain .single-item img, .slide-contain-programs .single-item img{
	position:relative;
	top:0px;
	margin:auto;
	/* Set rules to fill background */
  width:1200px;
  min-height:100%;
 
	
  /* Set up proportionate scaling */

	
  /* Set up positioning */

}

.slide-contain2 .single-item img{
	
	width:80%;
	height:auto;
	margin:0 auto;
	/* Set rules to fill background */
  
  
	
}

slideThumbs div {
border: 20px solid red;	
}


	




.slide1:hover {
	transform:scale(27,27) translate(-10px,-12px);
	z-index:1;
	border: none;
	/*transition:.3s all ease-in-out;*/
	
}

.slide2:hover {
	transform:scale(27,27) translate(-10px,-10px);
	z-index:1;
	border: none;
	
	
}

.slide3:hover {
	transform:scale(26,26) translate(-15px,-12px);
	z-index:1;
	border: none;
	
	
}

.slide4:hover {
	transform:scale(25,25) translate(-15px,-12px);
	z-index:1;
	border: none;
	
	
}

.slide5:hover {
	transform:scale(26,26) translate(-20px,-10px);
	z-index:1;
	border: none;
	
	
}

.slide1 {
	position:absolute;
	display:block;
	z-index:5;
	width:50px;
	height:30px;
	background-image: url(graphics/ENTRY%20VGA.ORG/Entrance%20to%20sw%20harbor%20%20Fitz%20Henry%20Lane.jpeg);
	background-repeat:no-repeat;
	background-size:50px;
	border: 5px solid black;
	
	
	
}

.slide2 {
	position:absolute;
	display:block;
	z-index:5;
	width:50px;
	height:30px;
	background-image: url(graphics/ENTRY%20VGA.ORG/73%20Freeman%20%20Sunrise.jpeg);
	left: 90px;
	background-repeat:no-repeat;
	background-size:50px;
	border: 5px solid black;	
	
	
}

.slide3 {
	position:absolute;
	overflow: hidden;
	display:block;
	z-index:5;
	width:50px;
	height:30px;
	background-image: url(graphics/ENTRY%20VGA.ORG/73%20freeman2.jpeg);
	left: 160px;
	background-repeat:no-repeat;
	background-size:60px;
	background-position:0, 30px;
	border: 5px solid black;
	
	
	
}

.slide4 {
	
	position:absolute;
	display:block;
	z-index:5;
	width:50px;
	height:30px;
	background-image: url(graphics/ENTRY%20VGA.ORG/df9203fa-e8f3-4c0c-adb8-03335d1af65d_1.jpg);
	left: 231px;
	background-repeat:no-repeat;
	background-size:50px;
	border: 5px solid black;
	
}

.slide5 {
	position:absolute;
	display:block;
	z-index:5;
	width:50px;
	height:30px;
	background-image: url(graphics/ENTRY%20VGA.ORG/Entry%20Gallery%20Raytrace%20I.jpg);
	left: 303px;
	background-repeat:no-repeat;
	background-size:70px;
	border: 5px solid black;
	
}

.circleright {
	display:block;
position: absolute;
padding:0px;
right:0px;
background-image:url(graphics/white%20arrow.png);
width:50px;
height:50px;
background-repeat:no-repeat;
top: 300px;

transition: .6s all ease-in-out;
z-index:99;
transform:rotate(-90deg);
	
}
.circleright:hover {
	transform:rotate(280deg);
	transition: .6s all ease-in-out;
	
	
}

#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;
	
	
}

#parallelogram {
	position:relative;
	left:-100px;
	top:-68px;
	
		width:500px;
	height: 550px;
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	background: rgba(250,230,163, .5);
	z-index:3;
}

.logo1 {
	position:relative;
	background-image:url(graphics/vga2.png);
background-repeat:no-repeat;
background-size: 100px;
background-position: 0px 0px;
background-color:;
padding:0px;
width:100px;
height:90px;
top:8px;
left:-10px;

display:inline-block;

	
}

.logoMain {
	background-image:url(graphics/vga2.png);
background-repeat:no-repeat;
background-size: 200px;
background-position: ;

padding:20px;
width:300px;
height:160px;
display:inline-block;
	
}



.barful {
	position:absolute;
	padding:0px;
	width:30px;
	left:20px;
	padding:1px;
	
	padding-top:-20px;
	height:30px;
	
	top:-3px;
	transition: .3s all ease-in-out;
	transform: scale(.8,.8);
}

.AboutMenu .barful {
	top:-10px; 
	left:-35px;
	
	
}

/* Social Media LIGHT icons */

div.footer {
	background-color: rgba(0,0,0,.9);
	display:block;
	width: 100% ;
	height:;
	padding: 8px;
	border: 0px solid black;
	margin-bottom: -50px;
	box-shadow:;
	margin-left:-10px;
	clear:both;
	
	margin-top:0px;
	padding-bottom:100px;
	padding-top:20px;
	margin-bottom:-250px;
	
	
}

.footer a {
	font-family: Tender;
	
	/*color:rgb(133,184,104);*/
	color: rgb(247,214,127);
	/* color: rgb(121,197,143); */
	text-decoration:none;
	/*letter-spacing:.02em;*/
	line-height: 1.7em;
	/*float:left;*/
	font-size: 1.2em;
	/*text-shadow:-1px 1px 2px rgba(0,0,0,0.5); */
	padding: 1px 15px 25px 15px;
	/*border-right: 1px outset rgba(184,231,138,.2);*/
			
}

.footer a:hover {
	color: rgb(2,51,0);
	background: rgb(247,214,127);
	padding: 17px 15px 18px 15px;
	transition: background ease-in-out .2s, color ease-in-out .2s;
			
}

#chris {
	display:block;
	height:20px;
	
	padding:20px;
	transition:all .5s ease-in-out;
	margin:auto;
	width:500px;
	padding-left:100px;
	padding-bottom:60px;
	margin-top:-100px;
	
	
	
	
}

.chrisImg {

background-image:url(mdipiper/MCC%20Painting_crop.jpg);
	background-size:100px;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	height:50px;
	width:50px;
	background-position:-8px 0px;
	transition:all .5s ease-in-out;
	left:-45px;
	top:35px;
	position:relative;
	
}

.chrisImg:hover {

background-image:url(mdipiper/MCC%20Painting_crop.jpg);
	background-size:100px;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	height:50px;
	width:50px;
	background-position:0px 0px;
	transition:all .5s ease-in-out;
	
}

.chrisImg2 {

background-image: url(mdipiper/uilleann%20pipes.jpg);
	background-size:55px;
	background-repeat:no-repeat;
	border-radius:50%;
	display:block;
	height:50px;
	width:50px;
	background-position:0px -7px;
	transition:all .5s ease-in-out;
	left:430px;
	top:-50px;
	position:relative;
	
}

.chrisImg2:hover {
	background-position:-5px -7px;
	
}

.footer .social {
margin:auto;
display:block;
width:150px;

position:relative;	
}

.footer a.subtle:hover {
	background-color:rgba(255,255,255,0);
	
}


div.social {
	
	
	
	
	/*background-color:rgba(0,0,0,.8);
	margin-bottom:60px;*/
	
	
	
	
}

div.social table tr td a, div.social table tr td a:hover {
	padding: 0px;
	background-color: none;
	
}

div.social table tr td a:hover {
	padding: 0px;
	background: none;
	
}

/*div.contact a.twitter_light, div.contact a.twitter_light:hover, div.contact a.facebook_light, div.contact a.facebook_light:hover {
	padding:0px;
top:8px;
}*/

/*div.contact a.twitter_light:hover, div.contact a.facebook_light:hover {
	background:none;
}*/

.gmail_light{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_light.svg) no-repeat;
	background-position:0 -210px;
}

.facebook_light {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_light.svg) no-repeat;
	background-position:0 -180px;
}
.twitter_light {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_light.svg) no-repeat;
}

.menu {
display:none;	
}

.menuHome {
display:none;	
}

@media screen and (max-width: 1000px){
	.artColumn, .artColumn2 {
	clear:both;	
	width:80%;
	padding:20px;
	margin:10px;
	
	}
	
	.artColumn2 {
	margin-bottom:150px;	
	}
	
	.artColumn p {
	border-right:none;
	padding:0px;	
	}
	
	.artColumn img, artColumn2 img, .artColumn fig {
	clear:both;	
	width:50%;
	}
	
	figcaption {
	clear:both;	
	}
	
}

@media screen
and (max-width: 700px) {
	.storebar, .paintbar, .bodhranbar, .musicbar, .calendar, .about, .contact, .home {
		display:none;
	}
	
	.menu {
	display:block;
	font-size:3.5em;
		margin-left:;
	}
	
	
	
	.artColumn, .artColumn2 {
	clear:both;	
	width:80%;
	padding:20px;
	margin:10px;
	
	}
	
	.artColumn2 {
	margin-bottom:150px;	
	}
	
	.artColumn p {
	border-right:none;
	padding:0px;	
	}
	
	.artColumn img, artColumn2 img, .artColumn fig {
	clear:both;	
	width:50%;
	}
	
	figcaption {
	clear:both;	
	}
	
	.bluehead {
	min-width:100px;	
	}
	
	.social, .pageBar {
	display:none;	
	}
	
	.content1 {
	width:80%;
	margin: 150px 10px 10px 10px;
	padding:10px;
	clear:both;
		
	}
	
	
	
	.paraTitle {
		display:none;
	width:0px;
	margin:-30px 0px 0px -10px;
	padding:5px 5px 5px 20px;
	background-color:rgba(255,255,255,0.41);
	border-radius: 0px 20px 0px 0px;
	
	
}

.content2 {
	clear:both;
	display:none;  
  }
  
  h4.aout {
	clear:both;  
  }
  
  .center {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	min-width:100px;
  }
  
  allSocial { /* All Social Media Div Container - contains .social and .social2 */

	min-width: 100px;
	
}

.menubar { /* Menubar in Top Blue Banner: Home, Music, Paintings, Store, Bio, etc. */ 
	width: 80%;
}

.bodhranLogo {
display:;
position:absolute;
right:10px;	
top:145px;
left:200px;
}

.logo {
	
	background-size: 300px ;
	
	
	
}

.chrisImg2 {


	display:none;
	
	left:0px;

	
}

#chris {
	
	width:100%;
	
display:none;
  
}

.parallax, .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallaxB1, .parallaxB2, .parallaxB4, .parallaxB5 {
	
	
background-attachment: scroll;

}

.pageTitle {

font-size: 3em;

}

.homepiperdoor:hover a.homedoor {
	
 transform: none;
 
 transition: none;	
}

.menuHome {
display:block;	
}

.menubarMobile {
display: block;
	width: 100%;
	margin:0 auto;
	position:relative;
	top:-10px;
	
}

a.mobileMain {
	font-size:1.8em;
	font-family:sava;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	display:block;
	position:;
	/*background-image:url(door.svg);*/
	background-size:50px;
	background-repeat:no-repeat;
	background-position:0px 100px;
	
}
	
	#menu {
		font-size:2em;
		padding-left:0px;
		position:;
		
	}
	
	a.mobileMain a.menu {
		font-size:3.8em;
	}

.mobileExpand ul {
width:100%;	
}

.mobileExpand a {
	font-size:1.4em;
	font-family:sava;
	width:100%;
	clear:both;
	background-color:;
	padding:10px;
	display:block;
	
}


nav.menubarMobile ul { /* Unordered Lists inside any nav container */

	text-shadow:;
	color:white;
	;
	line-height:;
	display:none; /*Hidden until containing nav is hovered over */
	width:100%;
	top:40px;
	position: ; /*removes from flow of page */ 
	background-color: rgba(0,0,0,0.54) ;
	background-image:;
	border-radius: 5px 5px 5px 5px;
	opacity:1;
	padding: 10px 0px 30px 0px;
	box-shadow: ;
	letter-spacing: 2px;
	z-index:2;
	list-style:none;
}

nav.menubarMobile:hover ul {
display:block;	
}



.menubar, .menubar2 {
display:none;	
}


}