/* Main stylesheet for `Sally Silk Art' public website */

body {
  background-color: #ccffcc;
  color: black;
  font-family: serif;
}

a:link {
  color: #000099;
  text-decoration: none;
  border-right-width: 1px;
  border-right-color: white;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #9999cc;
  border-bottom-style: solid;
  padding-left: 2px;
  padding-right: 2px;
}

a:visited {
  color: #009900;
  text-decoration: none;
  border-right-width: 1px;
  border-right-color: white;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #9999cc;
  border-bottom-style: solid;
  padding-left: 2px;
  padding-right: 2px;
}

a:hover {
  color: black;
  text-decoration: none;
  background-color: #ffff99;
  border-right-width: 1px;
  border-right-color: #9999cc;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #9999cc;
  border-bottom-style: solid;
  padding-left: 2px;
  padding-right: 2px;
}

a.plain {
  background-color: transparent;
/*  color: #666666;*/
  border-style: none;
  padding: 0px;
}

p.tagline {
  margin-bottom: 2em;
}

span.tagline {
  color: #330066;
/*  background: #ffffcc;
  border-width: 1px;
  border-style: solid;
  border-color: #ffccff;*/
  padding: 0.3em;
  font-size: 1.4em;
}

/*****************/
/***  Top Bar  ***/
/*****************/

#topbar {
  background-color: white;
  border-width: 1px;
  border-color: #990099;
  border-bottom-style: solid;
  border-top-style: solid;
  text-align: left;
  margin-right: 6%;
  margin-left: 204px;
  margin-top: 12px;
  margin-bottom: 20px;
  padding-left: 2em;
  padding-top: 10px;
  padding-bottom: 7px;
}

#topbar h2 {
display: inline;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0em;
  padding-bottom: 0em;
  font-family: serif;
  font-size: 16px;
  font-weight: normal;
  color: #990099;
}

#topbar h1 {
display: inline;
  margin-top: 0px;
  margin-left: 1em;
  margin-bottom: 0px;
  padding-top: 0em;
  padding-bottom: 0em;
  font-family: serif;
  font-size: 18px;
  font-weight: normal;
}


/**************/
/***  Logo  ***/
/**************/

#logo {
  border: 1px #ffccff solid;
  text-align: center;
  font-weight: bold;
  float: left;
  padding: 0px 0px 0px 0px;
  z-index: 5;
  width: 180px;
  height: 116px;
  position: absolute;
  top: 8px;
  left: 8px;
}

/**********************/
/***  Main Content  ***/
/**********************/

#main {
  background-color: white;
/*  background-image: url("/img/bk01.png");
  background-repeat: repeat-x;
  background-position: top left; */
  margin-right: 4%;
  margin-left: 14%;
  z-index: 4;
  padding-top: 50px;
  padding-bottom: 2em;
  padding-left: 5%;
  padding-right: 5%;
/*  position: absolute;
  top: 85px;
  left: 15%;*/
}

#main ul, #main ol {
/*  font-size: 1.2em; */
  line-height: 1.4em;
}

#main p {
/*  text-indent: 2%; */
  font-size: 1em;
  line-height: 1.2em
/*  font-family: sans-serif; */
}

#main h2 {
  margin-left: -3%;
  text-align: left;
  font-family: serif;
  font-size: 1.8em;
}

#main h3 {
  border-width: 1px;
  border-color: #990099;
  border-top-style: solid;
  border-bottom-style: solid;
  padding: 0.1em 0px 0.1em 4px;
  margin-left: -3%;
  margin-top: 2em;
  text-align: left;
  font-family: serif;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
}

#main h4 {
  margin-left: -1.5%;
  text-align: left;
  font-family: serif;
  font-size: 1.3em;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
}


/******************/
/***  Nav. Bar  ***/
/******************/

#navbar {
  background-color: #ccffff;
  border-width: 1px;
  border-color: #9999cc;
  border-style: solid;
  border-right-width: 3px;
  border-bottom-width: 2px;
  text-align: right;
  line-height: 1.7em;
/*  font-weight: bold; */
  font-family: sans-serif;
  font-size: 12px;
  width: 11%;
  float: left;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 5px;
  padding-left: 0.5em;
  position: absolute;
  top: 200px;
  left: 8px;
}

#navbar a:link, #navbar a:visited {
/*  color: #660000; */
  border-right-width: 1px;
  border-right-color: #9999cc;
  border-right-style: solid;
  padding-right: 3px;
}

#navbar a:hover {
  padding-right: 3px;
}

div.shop-nav {
  background-color: #ffffff;
  background-image: url("/img/shop.png");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-top: 16px;
  padding-bottom: 0.7em;
  padding-right: 3px;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-right: -3px;
  border-width: 1px;
  border-color: #990099;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
}

div.button-nav {
  margin-top: 0.7em;
}

/**  For would-be links to this page's self.
 *   For shop pages, wraps the category & page number links.
 **/  
div.this-page {
  background: #ffcccc;
  border-color: #ff3300;
  border-width: 2px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
  padding: 2px;
  margin-right: -3px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 3px;
}

span.this-cat {
  color: #ff3300;
  font-weight: 900
}

/**  In the prev/next &  bars  **/
span.this-page-number {
  border-color: #ff3300;
  border-width: 2px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
}


/****************/
/***  Footer  ***/
/****************/

div.footnote {
  margin: 0.5em;
  color: #666666;
  font-style: italic;
  text-align: center;
}

p.footnote a:link, p.footnote a:visited, p.footnote a:hover {
  background-color: transparent;
  border-style: none;
  padding: 0px;
}


/*********************/
/***  Domain name  ***/
/*********************/

span.my-domain {
/*  padding-left: 0.2em; */
  color: #330066;
}

span.ssa-init {
  font-weight: bold;
}

span.sally {
/*  background: #ffcccc; */
  padding-right: 0.07em;
/*  padding-left: 0.1em; */
}

span.silk {
/*  background: #ccffcc; */
  padding-right: 0.07em;
  padding-left: 0.07em;
}

span.art {
/*  background: #ffccff; */
  padding-right: 0.1em;
  padding-left: 0.07em;

}


/*************/
/***  Etc  ***/
/*************/

span.alert-title {
  color: #cc0033;
  padding: 0px 15px;
  border-width: 1px;
  border-color: #cc0033;
  border-style: dotted;
  font-variant: small-caps;
  font-size: 1.5em;
  font-weight: bold;
}

div.alert-msg {
  margin-top: 10px;
  font-style: italic;
  font-weight: normal;
  text-align: left;
/*  font-size: 1em; */
}

img.gallery {
  margin: 1em 1em 1em 0px;
/*  border-width: 1px;
  border-color: #9999cc; */
  border-style: none;
}