/* CSS Document */
/* Prism1 LOAD ON NEW INDEX PAGE ONLY MB 9-15-14*/
/* Prism1d&e LOAD ON NEW INDEX PAGE ONLY MB 8-28-17*/
/* MB 9-15-14 */
@font-face {
    font-family: 'calligraffitiregular';
    src: url('/fonts/calligraffiti-webfont.eot');
    src: url('/fonts/calligraffiti-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calligraffiti-webfont.woff') format('woff'),
         url('/fonts/calligraffiti-webfont.ttf') format('truetype'),
         url('/fonts/calligraffiti-webfont.svg#calligraffitiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caudexregular';
    src: url('caudex-regular-webfont.eot');
    src: url('/fonts/caudex-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/caudex-regular-webfont.woff') format('woff'),
         url('/fonts/caudex-regular-webfont.ttf') format('truetype'),
         url('/fonts/caudex-regular-webfont.svg#caudexregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '/fonts/caudexitalic';
    src: url('/fonts/caudex-italic-webfont.eot');
    src: url('/fonts/caudex-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/caudex-italic-webfont.woff') format('woff'),
         url('/fonts/caudex-italic-webfont.ttf') format('truetype'),
         url('/fonts/caudex-italic-webfont.svg#caudexitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '/fonts/caudexbold_italic';
    src: url('/fonts/caudex-bolditalic-webfont.eot');
    src: url('/fonts/caudex-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/caudex-bolditalic-webfont.woff') format('woff'),
         url('/fonts/caudex-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/caudex-bolditalic-webfont.svg#caudexbold_italic') format('svg');
    font-weight: bold;
    font-style: bold italic;
}
@font-face {
    font-family: '/fonts/caudexbold';
    src: url('/fonts/caudex-bold-webfont.eot');
    src: url('/fonts/caudex-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/caudex-bold-webfont.woff') format('woff'),
         url('/fonts/caudex-bold-webfont.ttf') format('truetype'),
         url('/fonts/caudex-bold-webfont.svg#caudexbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #34341B;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72px;
	color: #8080C0;
}
body {
	background-color: #CCCC97;
	background-image: url();
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CC0000;
}
a:link {
	color: #5E5EAE;
}
a:visited {
	color: #336600;
}
a:hover {
	color: #666600;
}
a:active {
	color: #666600;
}
.style5 {color: #8080C0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style7 {color: #8080C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.style8 {
	color: #5e5EAE;
	font-weight: bold;
}
.style9 {
	font-size: 9px;
	color: #5e5eae;
}
.style10 {color: #5e5eae}
.style11 {color: #34341B; font-size: 14px;}
.style12 {color: #5e5EAE}
.style13 {font-weight: bold}
.style14 {color: #5E5EAE; font-weight: bold;}
.style15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #5e5eae; }
.style16 {color: #5e5eae; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style18 {color: #8080C0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style19 {
	color: #34341B;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.style20 {color: #34341B}
.style21 {font-size: 14px; color: #34341B;}
.style22 {font-family: Arial, Helvetica, sans-serif; color: #34341B;}
.style23 {color: #8080C0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style24 {font-family: Arial, Helvetica, sans-serif}
.style25 {font-family: Verdana, Arial, Helvetica, sans-serif}

.title     { font-family: Arial, Verdana, Helvetica; font-size: 10pt; color: #990000; font-weight: bold; font-style: normal; text-decoration: none;}
td     { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}



/*inserting blockquote CSS 8-31-17*/

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
 
font-face {
    font-family: '/fonts/caudexitalic';
    src: url('/fonts/caudex-italic-webfont.eot');
    src: url('/fonts/caudex-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/caudex-italic-webfont.woff') format('woff'),
         url('/fonts/caudex-italic-webfont.ttf') format('truetype'),
         url('/fonts/caudex-italic-webfont.svg#caudexitalic') format('svg');
    font-weight: normal;
    font-style: normal;
} 
  
}


/* 8-30-2012 - trying to consolidate some of these random styles */
.opaque_back h1{
  text-align: center;
}
                          
.opaque_back h1 a, .opaque_back h1 a:hover {
  text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72px;
	color: #8080C0;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.opaque_back h2{
  text-align: center;
}
.opaque_back h2 a {
  text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336600;
  margin: 0;
  padding: 0 5px;
  }
.opaque_back h2 a:hover{
	color: #8080C0;
  text-decoration: underline;
}
.prism-banner{
  width: 100%;
  margin: 10px auto; /*changed from 20 px MB 7-16-13*/
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #666;  
}
.yarn-links{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #336600;
	font-weight: bold;
  font-size: 19px;
}
.yarn-links a{
  text-decoration: underline;
  color: #336600;
}
.yarn-links a:hover{
    color: #8080c0;
}

.just-text{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-size: 14px;
  text-align: justify;
}



/*8-31 working code starts here*/

 .article {
  width: 98%;
  margin: 15px;
  padding: 10px;
  /*border: 5px solid green;*/
}
 
   /* article p tag WAS MODIFIED FROM 60% TO 85% TO MAKE BETTER USE OF THE SPACE MB 12-8-15*/                           
.article p {
  width: 95%; 
  line-height: 1.75;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: justify;
  /*border: 3px solid blue;*/
  margin-left: 25px;
  margin: 5px;
  padding: 10px;
  float: right;   
  box-shadow: 3px 3px 5px 1px #A9A9A9; 
 }
                   
.article img {
  width: 20%;
  height: 20%;
  float: left;
  padding: 2px;
  } 

body {
	background-color: #CCCC97;
  background-image:url(http://www.prismyarn.com/images/stuffimages/layers/Carnelian_lg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.center_area{
	background-color: #CCCC97;
  width: 85%;
  margin: 0 auto;
  border: 3px solid #8080C0;
  -moz-border-radius: 25px ;
  -webkit-border-radius: 25px ;
  border-radius: 25px ;  
}

.center_area table{
  width: 75% ;
  padding: 20px;
  margin: 20px auto;
  text-align: center;
}
.center_area table img{
  padding: 10px;
}

.opaque_back{
  width:65%;
  background-color: rgba(255,255,255,0.7);
  background-color: rgba(204,204,153,0.85); 
  margin: 5px auto; /*changed from 10px to accomodate new nav link to magazines. MB 7-16-13*/
  padding: 10px;  /*changed from 15px to accomodate new nav link to magazines. MB 7-16-13*/
}

.gallery{
  width: 75%;
  margin: 50px auto 0 auto;
}

#available{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;
  margin: 8px 0;
  text-align: center;
}

.gallery-text{
  width: 75%;
  margin: 50px auto 0 auto;
  text-align: left;
  clear: both;
  display: block;
}
.gallery-text img{
  width: 35%;
  float:left;
  padding: 10px;
}

   /*for store locator page*/

h3, .retailer td h3, .retailer td h4{
  margin: 15px 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: normal;
  color: #cdcdcd;
  
}

.grid1{
  width:75%;
  padding: 0;
  margin: 0 auto 15px auto;
  border: 1px solid #666666;
  background-color: #222222;
}                        
.grid1 ul{ 
  width: 96%;
  list-style: none ;
  padding: 0;
  margin: 0 auto;
/*  border: 1px solid white;  */
  text-align: center;
}

.grid1 ul li{
  display: inline;
  padding: 0;
  margin: 0;
}

.grid-fix ul{
  width: 80%;
}

#rounder{
    -moz-border-radius: 23% ;         /*border radius changed from 35% to 23% to accomodate all the thumbs for merino mia MB 7-8-14*/
    -webkit-border-radius: 23% ;
    border-radius: 23% ;
    padding: 15px; 
    -moz-box-shadow: inset 0px 0px 4px 4px rgba(128,128,192,0.9);
    -webkit-box-shadow: inset 0px 0px 4px 4px rgba(128,128,192,0.9);
    box-shadow: inset 0px 0px 4px 4px rgba(128,128,192,0.9);

} 
#rounder img{
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% ;
    margin: 3px;
    
}
#rounder img:hover{
    -moz-box-shadow: 0px 0px 4px 3px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0px 0px 4px 3px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 4px 3px rgba(255,255,255,0.8);
}


/* --- Middle Copy ---*/
.middle-copy table{
  width: 75% ;
  padding: 20px;
  margin: 20px auto;
  background-color: rgba(255,255,255,0.4);
  box-shadow:  2px 2px 5px #666; /*added box shadow 7-30-13 MB*/
}                                  
.middle-copy ul{
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  list-style: none;
}
.description{
  font-size: 14px ;
  width: 90%;
  margin: 8px auto;
  text-align: justify;
}
.description a img{
  margin: 3px 6px 3px 0;
  padding: 0;
  /*border: 1px solid #8080C0;*/
}

.middle-copy em{
  font-weight: bold;   
}
.middle-copy h3, .middle-copy h4{
  font-family: caudexregular, arial;
  font-size: 60px;
  font-style: bold;
  border-bottom: 2px solid #8080C0;
  color: black;
  /* text-shadow: 0px 0px 10px #8080C0; */                                  
}
/*
.middle-copy h3:before, .middle-copy h3:after{
  content: "~"
}
*/
.middle-copy img{
    margin: 0 0 0 4%;
    padding: 0px 10px 50px 10px; 
/*    border-bottom: 1px solid purple; */
    float: left;
}
/*--- End Middle Copy ---*/
.videos{
  width: 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #8080C0;
  text-align: center ;
  margin: 15px auto 35px auto;
}



footer{
  width:82%;
  background-color: rgba(255,255,255,0.7);
  background-color: rgba(204,204,153,0.85); 
  margin: 10px auto;
  font-family: arial, helvetica, san-serif;
  font-size: 14px;
  padding: 10px 10px 5px 10px;
  height: 3em;
}
.foot_left{
  width: 30%;
  float: left;      
  text-align: left;
  
}
.foot_right{
  width: 30%;
  float: right;    
  text-align: right;  
}
.foot_middle{
  width: 30%;
/*  clear: both; */
}

.retailers {

  border: 3px solid DarkOliveGreen;
  border-collapse: collapse;
}
.retailers tr:nth-child(odd){
  font-size: 18px;
  text-align: left;
  background-color: rgba(120,120,0,0.5)
}
.retailers tr:nth-child(even){
  font-size: 18px;
  text-align: left;
  background-color: rgba(120,120,0,0.3)
   
}
.retailers td{
  padding: 10px 20px;
  font-size: 18px;
  text-align: left;
}
.retailers a{
  color: #336600;
  font-style: italic;
}
.retailers tr:nth-child(1), .retailers tr:nth-child(2){
  background-color: rgba(255,255,255,0.4)
}
.retailers td h4{
  text-decoration: none;
  border: 0;
  margin: 0;
  padding 0;
  text-align: left;
  font-size: 36px;
}