img {border: 0;}

  .outter-frame {
	background-repeat: repeat;
	background-image:  url("images2/icons/outter-frame2.jpg");
  }

  .purple-glass {
  background: #9040d3 url("images2/icons/purplelace3.jpg");
  }


  .black {
	background: #000;
}

.purple2{
	border-right-color: #660066;
	border-right-style: solid;
	border-top-width: 2px;
	border-bottom-color: #660066;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}


  .bb5 {
	border: 2px solid #000000;
}

  .black5 {
	border: 3px solid #111111;
}
  .bp5 {
	border: 1px solid #0000000;
}
  .bs5 {border: 3px inset #c0c0c0;}

  .m2 {margin: 10px;}
  .mr1 {margin-right: 10px;}
  .mb2 {margin-bottom: 25px;}
  .mL1 {margin-left: 100px;}
 
  .l {float: left; clear: left;}
  .r {float: right; clear: right;}

  .cp {color: #9040d3;}
  .cb {color: #483db8;}
  
  .h700 {
	height: 700px;
}


  .h1600 {
	height: 1600px;
}

 .h1800 {
	height: 1800px;
}

 .h1800 {
	height: 2000px;
}

  div.p1c {padding: 1em; text-align: center;}
  
  /*
  USAGE
   <div class="purple-moons mr1 mb2 bp5 l">
    <div class="purple-glass m2 bp5">
      <div class="black m2 bp5">
        <img src="assets/missing-you.jpg"
        alt="CSS border style image frame"
        width="300" height="300" />
      </div>
    </div>
  </div>

  */