/* CSS Document */
/* Prism1c LOAD ON NEW INDEX PAGE ONLY MB 9-15-14*/
/* 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;}


/* 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: 20px 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;
}

 .article {
  width: 95% ;
  margin: 1% ;
  /*border: 1px 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%;   /*on the right track with paragraphs 2&3*/
  line-height: 1.25;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: justify;
  /*text-indent: 2em;*/
  padding-top: .5em;
  padding-right: .25em;
  padding-bottom: .5em;
  padding-left: .25em;
  clear: both;   /*good change here*/
}                  
.article img {
  float: left ;
  margin: 0em .5em;  
  padding-top: 1em;
  padding-right: .25em;
  padding-bottom: 1em;
  padding-left: .25em;
  
} 
/* JB - new design 8-19-2012 */
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;
}



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