body {
  background: #000000;
   font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 13px;
 color: #ffffff;
}


a:link {
  color: #CBAA82;
  background-color: transparent;
}
a:visited {
  color: #908A82;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
	color: #BC5238;
	background-color: transparent;
}
.wrapper {
  margin: 1% 5%;
  padding: 0;
  border: thin solid #8B6B45;
}
h1 {
  background-color: #BC5238;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #8B6B45;
  border-bottom: thin solid #8B6B45;
  color: #ffffff;
  background: #000000 url(images/2col-bg2.png) 75% 0 repeat-y;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
.content {
  width: 67%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 1% 2%;
  border-right: thin solid #8B6B45;
}
.sidebar {
    /* past content */
  padding: 1%;
  font-size: 90%;


}

a#jewelry img {height: 60px; width: 190px; border-width: 0; background: url(http://www.srdesignsjewelry.com/images/j2c.gif) top left no-repeat;}
a#shows img {height: 60px; width: 190px; border-width: 0; background: url(http://www.srdesignsjewelry.com/images/s2c.gif) top left no-repeat;}
a#about img {height: 60px; width: 190px; border-width: 0; background: url(http://www.srdesignsjewelry.com/images/a2c.gif) top left no-repeat;}
a#contact img {height: 60px; width: 190px; border-width: 0; background: url(http://www.srdesignsjewelry.com/images/f2c.gif) top left no-repeat;}


a#jewelry:hover img {background: url(http://www.srdesignsjewelry.com/images/j2c2.gif) top left no-repeat;}
a#shows:hover img {background: url(http://www.srdesignsjewelry.com/images/s2c2.gif) top left no-repeat;}
a#about:hover img {background: url(http://www.srdesignsjewelry.com/images/a2c2.gif) top left no-repeat;}
a#contact:hover img {background: url(http://www.srdesignsjewelry.com/images/f2c2.gif) top left no-repeat;}


.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #BC5238;  /* same bg color as h1 */
  color: #D2B28B;;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}
.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}