@charset "utf-8";
/* Island Craft Shop CSS Document */


body {
	background-color: #fff;
	background-image: url(images/BkWatercolorMint.png); 
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}

html{
	height:100%;				/* Force vertical scrollbars in VTz + Opera to prevent 'jumping' */
	margin-bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}

img { max-width: 100%; height: auto; }

p {   margin: 0px;   padding: 0px;}

a:link, a:visited, a:active {color: #276337;	font-weight: bold;	text-decoration: none;}
a:hover {color: #EE312B;	font-weight: bold;	text-decoration: none;}

h1{	
	text-align: left;
	vertical-align: top;
	color: #EE312B;		/* poppy */
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	margin-bottom:15px;
	margin-top: 0px;
}

h2{	
	color: #276337;		/* green */
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	display: inline;
}


.Artisan{	color:#276337;	font-size: 16px; font-weight: bold;	margin-bottom: 8px;}
.ArtisanTable {font-size: 12px; float: left; }



.BkWhite {
	max-width: 1000px;
	 margin: auto;
	background-color: #fff;
	box-shadow: 0 0 15px #222;
	z-index: 100;
}

.Centered {margin: auto; }

.ColorGreen {color: #276337;}
.ColorMint {color: #A5C2AB;}
.ColorPoppy {color: #EE312B;}

.Content {	max-width: 96%; margin: auto;}

.ContentsCentered {text-align: center;}
.ContentsLeft {text-align: left;}
.ContentsRight {text-align: right;}

.Copyright{
	color:#276337;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-weight:normal;
}


/* CSS Hack for hiding the Facebook LIKE count */
div.fb-like span {
  display:block;
/*  width:48px !important;   */
}
/*
div.fb-like iframe {
  width:48px !important;
}
div.fb-like iframe.fb_iframe_widget_lift {
  width:450px !important;
}
*/

.fb-div {	position: relative;	 }
.fb-overlap {
	position: absolute; 
	left: 0px;
	top: -10px; 
}
.fb-photocontainer {
	text-align: center; 
	margin: auto; 
}

.FloatR {float: right; padding-left: 10px;}
.FloatL {float: left; padding-right: 10px;}

.FrameGreen {
	background-color: #276337;
	padding: 6px;
	-webkit-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#fadeshow1, #fadeshow1 .gallerylayer {
 background-color: #276337!important;
 float: left;
 margin-right: 20px;
	padding: 6px;
	-webkit-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	box-shadow: 0 0 8px rgba(132, 132, 132, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


img.framed {border-color: #276337; border-style:inset; border-width:thin; }

.KeepTogether {display: inline-block;}

.Link_Copyright:link, .Link_Copyright:visited, .Link_Copyright:active {
	color:#276337;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.Link_Copyright:hover {
	color:#E1151E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.Link_Nav:link, .Link_Nav:visited, .Link_Nav:active {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.Link_Nav:hover {
	color:#A5C2AB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.Link_Artisan:link, Link_Artisan:visited, Link_Artisan:active {color: #A5C2AB;	font-weight: bold;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif; }

.Link_Artisan:hover {color: #EE312B;	font-weight: bold;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif; }

.MarginL20 {margin-left: 20px;}
.MarginR20 {margin-right: 20px;}

.MobileOpt img {height: auto;}

.NavBar {
	background-image: url(images/BkWatercolorGreen.png); 
	background-repeat: repeat-x;
	text-align: center;
	border-top-color: #276337;
	border-top-style: ridge;
	border-top-width: medium;
	border-bottom-color: #276337;
	border-bottom-style: ridge;
	border-bottom-width: medium;
	padding-top: 8px;
	padding-bottom: 8px;
}

.Number {font-family: "Times New Roman", serif}

div.sideshadows {	position: relative;	box-shadow: 0 0 20px #222;}
div.sideshadows div.sideshadows-inner {	position: absolute;	background-color: #fff;}

#SocialLinks td {padding-right: 20px; padding-left: 20px;}

.table1000 {   display: block; max-width: 1000px;   border-collapse: collapse; margin: auto;   }

.TextBody {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.VertBottom {vertical-align: bottom;}
.VertMid {vertical-align: middle;}
.VertTop {vertical-align: top;}



.PoppyBorder {
	background-image: url(images/PoppyBorderSlice.png); 
	background-repeat: repeat-x;
	height: 100px;
	box-shadow: 0 0 5px #222;
	z-index: 500;
}



/* FOR SPECIFIED VIEWPORTS */ 
@media all and (min-width: 1000px) {
	.MobileHide {display: inline-block;}
	.MobileShow {display: none;}
	.MobileBlock {display: none;}
	.ArtisanTable {width: 200px; height: 400px; margin-right: 25px;}
	h1 {	font-size: 22px;}
	h2 {	font-size: 18px;}
	.Copyright {	font-size: 14px; line-height:30px;}
	.Link_Artisan {font-size: 14px;}
	.Link_Copyright { font-size: 14px;	line-height: 14px;}
	.Link_Nav {	font-size: 20px;}
	.PoppyDivider {padding-left:12px; padding-right:12px; }
	.TextBody {	font-size: 16px; line-height: 22px;	}
}

/* Tablets to Desktops */ 
@media all and (max-width: 999px) {
	.MobileHide {display: inline-block;}
	.MobileShow {display: none;}
	.MobileBlock {display: none;}
	.ArtisanTable {width: 200px; height: 400px; margin-right: 25px;}
	h1 {	font-size: 22px;}
	h2 {	font-size: 18px;}
	.Copyright {	font-size: 12px; line-height:30px;}
	.Link_Artisan {font-size: 14px;}
	.Link_Copyright { font-size: 12px;	line-height: 12px;}
	.Link_Nav {	font-size: 18px;} /* smaller to fit on one row*/
	.PoppyDivider {padding-left:12px; padding-right:12px; }
	.TextBody {	font-size: 16px; line-height: 22px;	}
}

@media all and (max-width: 767px) { 
	h1 {	font-size: 20px;}
	h2 {	font-size: 16px;}
	.Copyright {	font-size: 12px; line-height:30px;}
	.Link_Nav {	font-size: 16px; margin-bottom: 5px; margin-top: 5px; } /* keep same size, double rows */
	.PoppyDivider {padding-left:8px; padding-right:8px; margin-bottom: 5px; margin-top: 5px;   }
	.TextBody {	font-size: 14px; line-height: 22px;	}
}
@media all and (max-width: 460px) {
	.MobileHide {display: none;}
	.MobileShow {display: inline-block;}
	.MobileBlock {display: block;}
	.Link_Nav {	font-size: 16px;} /* smaller size, double rows */
	.PoppyDivider {padding-left:5px; padding-right:5px; width: 15px; height: 15px; }
	.ArtisanTable {width: 200px; height: 400px; margin-right: 5px;}
	.fb-overlap {position: relative; top: 0px; }
}
@media all and (max-width: 420px) {
	.ArtisanTable {width: 100%; height: auto; margin: auto; margin-bottom: 10px;} /* display them singly */
}

@media all and (max-width: 350px) {
	.Link_Nav {	font-size: 15px;} /* keep same size, double rows */
}

@media all and (max-width: 321px) {
	.Link_Nav {	font-size: 14px;} 
}