/* ************************************************ *
 * Linked style sheet for Southwell Guitars site.   *
 * This style sheet is used for the primary layout. *
 * ************************************************ */

/* ********************** *
 * this is the id section *
 * ********************** */

#innerborder
  { margin: 2px 0 7px 0;
    text-align: left;
    background-color: #c5c5c9;
    border: 3px solid #800040;
    backgriund-attachment: fixed;
    background-image: url(images/background.jpg);  }

#outerborder
  { padding: 15px;
    margin: 0 auto;
    text-align: center;
    background-color: #555555;
    border: 3px solid #800040;  }

#outer_shell
  { padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 0;
    padding-left: 185px;  }

/* ********************************* *
 * this is the general class section *
 * ********************************* */

.archer
  { width: 185px;
    height: 123px;
    margin: 0;  }

.banner
  { font-style: italic;
    font-weight: bold;
    font-size: 50px;
    margin: 0 auto;
    text-align: center;
    margin-top: -10px;  }

.bar
  { height: 8px;
    width: 100%;  }

.beach
  { width: 193px;
    height: 300px;
    margin-top: 16px;  }

.bold
  { font-weight: bold;  }

.bream
  { width: 250px;
    height: 167px;  }

.center
  { margin: 0 auto;
    text-align: center;  }

.content
  { width: 90%;
    margin: 0 auto;
    text-align: center;  }

.curtcoll
  { width: 220px;
    height: 200px;
    margin-top: 0.5%;
    margin-right: 1.5%;
    margin-bottom: 1%;
    margin-left: 0;  }

.enlarge
  { font-size: 10px;
    font-weight: normal;
    background-color: transparent;
    color: #800040;  }

.fleft
  { float: left;
    width: 320px;
    margin-left: 27px;  }

.hair
  { width: 193px;
    height: 300px;  }

.half
  { width: 50%;
    margin: 0 auto;
    text-align: center;  }

.indent
  { margin-left: 5%;  }

.left
  { text-align: left;  }

.line
  { height: 2px;
    width: 100%;  }

.logo_small
  { width: 250px;
    height: 160px;
    margin: 0 auto;
    text-align: center;
    margin: 10px 0 10px 0;  }

.logo_ultra
  { width: 125px;
    height: 80px;
    margin: 10px 0 10px 15px;  }

.lunar1
  { width: 190px;
    height: 244px;  }

.lunar2
  { width: 148px;
    height: 244px;  }

.main
  { background-image: url(images/background.jpg);
    background-attachment: fixed;
    background-color: #c5c5c9;
    margin-top: 1.5%;
    margin: 0 auto;
    text-align: justify;
    padding: 28px 25px 0 25px;  }

                     padding: 0 45px 0 45px;
                     border: 10px double #800040;

.nav
  { position: fixed;
    top: 10px;  left: 1px;
    width: 130px;
    font-size: small;
    text-align: left;
    padding-left: 15px;
    margin: 10px 20px 0 20px;
    border: 3px solid #800040;
    background-color: #c5c5c9;  }

.post
  { text-align: justify;
    padding: 0 0 0 45px;  }

.s88x31
  { width: 88px;
    height: 31px;  }

.s108x34
  { width: 108px;
    height: 34px;  }

.spitfire
  { width: 300px;
    height: 227px;  }

.shop
  { width: 168px;
    height: 225px;
    margin-right: 0;
    margin-left: 0;
    margin-top: -17%;  }

.side
  { width: 272px;
    height: 360px;
    margin-top: 3.5%;  }

.with
  { width: 167px;
    height: 248px;
    margin-top: 0.5%;
    margin-right: 5%;
    margin-left: 0;
    margin-bottom: 0.5%;  }

.wood
  { width: 166px;
    height: 167px;
    margin-top: -5%;  }

.xsmall
  { font-size: x-small;  }

/* ************************************** *
 * this is the tag specific class section *
 * ************************************** */

body
  { font-family:  georgia, garamond, "times new roman", serif;
    font-size: medium;
    color: #800040;
    width: 96%;
    margin-top: 15px;
    margin: 0 auto;
    text-align: center;
    background-color: #959595;
    scrollbar-face-color:  #800040;
    scrollbar-track-color: #bebebe;
    scrollbar-arrow-color: #bebebe;  }

div.post
  { margin: 0 auto;
    text-align: center;
    padding: 0 45px 0 45px;  }

h1, h2, h3
  { font-style: italic;
    color: #800040;
    background-color: transparent;  }

hr
  { width: 100%;
    color: #800040;  }

p
  {text-align: justify;  }

img
  { border: 0;  }

table.access
  { width: 90%;
    margin: 0 auto;
    text-align: center;  }

td.access
  { width: 30%;
    margin-left: 7%;
    text-align: left;  }

ul
  { text-align: left;
    list-style-image: url(images/music_note_small.gif) }