@import url(luna_core.css);

/*This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule: */
/*    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background-image: url("https://sites.google.com/site/artstringzdesigns/images/ArtstringzBackground.jpg");
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
      font: normal 12px arial;

    }
*/

      body  {
      background-image: url("https://sites.google.com/site/artstringzdesigns/images/GoldenBackground.jpg")}

/*
Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Change width of document */

#wrapper {
  width: 900px;
}

/* Logo size and image source */
/*
#logo {
  width: 700px;
  height: 100px;
  background-image: url("https://sites.google.com/site/artstringzdesigns/images/logo.jpg");
}
*/
#header {
  background: transparent url("https://sites.google.com/site/artstringzdesigns/images/login.jpg");
  top right no-repeat;
}

/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */

/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/
/* Hide the right sidebar */
/*
#ocwrapper {
  border-right: 200px;
}
*/
/*
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */

/*
#ocwrapper {
  border-right-width: 150px;
  }

#rightsidebar {
  margin-right: -150px;
  width: 200px;
}
*/
/*
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* Don't want the shadows? */

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}

.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total). */
/*
#category dl {
  width: 33%;
}
*/

/*
#ocwrapper {
/* background colour of right sidebar  changed the width dec. 1 2009*/
  border-right: 150px solid #FFFFFF;
  background: #FFFFFF;
  width: 700px; 
  }
*/

/*
#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
}
*/
*/
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 140px;  /* I changed this to 140px appears to have fixed the problem  12/1/09*/ 
  float: left;
  position: relative;
  }
*/
/*  Adding linkaddress  */
.linkaddress .linkstate .linkcity .linkzipcode, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}
ul.primarynav {
  width: 100%;
  background: #BE4333;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #f78b9f;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #C83259;
}
.linklisting .linkdescription  {
  border: 1px dotted #BCDA76;
  border-width: 3px; 
  bordercolor: #A0D810;
}

/* links */
a {
  color: #212126;
}
a:visited {
  color: #C83259;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}
/* made this change dec 1, 2009 changed to 75% from 70 on 11/18/2011*/
#contentwrapper {
  float: top;
  width: 75%;
  position: relative;
}
/* Changed this to a light green color 11/2011 */
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #d6e9bf;
/* background colour of right sidebar */
  border-right: 200px solid #d6e9bf;
  background: #d6e9bf;
}
/* Changed to light green 11/2011 */
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #d6e9bf;
}
/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #d6e9bf;    /*Changed to light green */
}